.gallery-item[data-v-6f8f5851]{width:90%;height:100%}.gallery-item .upper[data-v-6f8f5851]{width:100%;background:#fff;box-shadow:0 3px 15px #0000001a;border-radius:8px;overflow:hidden;position:relative}.gallery-item .upper .image[data-v-6f8f5851]{width:100%}.gallery-item .upper .image img[data-v-6f8f5851]{width:100%;aspect-ratio:1;min-width:100%;min-height:100%;object-fit:contain}.gallery-item .upper:hover .mask[data-v-6f8f5851]{display:flex}.gallery-item .upper .mask[data-v-6f8f5851]{width:100%;height:100%;position:absolute;left:0;top:0;background:#0009;border-radius:8px;display:flex;display:none;flex-direction:column;justify-content:center;align-items:center}.gallery-item .upper .mask .btn[data-v-6f8f5851]{width:90%;height:50px;font-size:18px;letter-spacing:0;text-align:center;line-height:50px;font-weight:500;margin:10px 0;cursor:pointer}.gallery-item .upper .mask .try[data-v-6f8f5851]{background:#fff;border-radius:8px;color:#000}.gallery-item .upper .mask .detail[data-v-6f8f5851]{background:#ffffff1f;border:2px solid #ffffff;border-radius:8px;color:#fff}.gallery-item .below .row[data-v-6f8f5851]{display:flex;justify-content:space-between;align-items:center}.gallery-item .below .row .name[data-v-6f8f5851]{margin:10px 0;font-size:14px;color:#1c1e23;letter-spacing:0;line-height:25px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:90%;height:25px}.gallery-item .below .row .icon[data-v-6f8f5851]{cursor:pointer}.gallery-item .below .row .icon img[data-v-6f8f5851]{width:16px;height:16px}.gallery-item .below .row .price-tag[data-v-6f8f5851]{display:flex;font-size:16px;color:#1c1e23;letter-spacing:0;line-height:16px;font-weight:500}.gallery-item .below .row .btns[data-v-6f8f5851]{display:flex}.gallery-item .below .row .btns .collect[data-v-6f8f5851]{margin:0 15px;cursor:pointer}.gallery-item .below .row .btns .collect img[data-v-6f8f5851]{width:16px;height:16px}.gallery-item .below .row .btns .like[data-v-6f8f5851]{display:flex;justify-content:center;align-items:center}.gallery-item .below .row .btns .like img[data-v-6f8f5851]{cursor:pointer;width:16px;height:16px;margin:0 5px}.gallery-item .below .row .btns .like .text[data-v-6f8f5851]{font-size:14px;color:#1c1e23;letter-spacing:0;text-align:right;line-height:14px;font-weight:400}@media (max-width: 1199px){.gallery-item .upper .mask .btn[data-v-6f8f5851]{height:30px;line-height:30px;font-size:16px}}@media (max-width: 767px){.gallery-item[data-v-6f8f5851]{width:100%}.gallery-item .upper .image img[data-v-6f8f5851]{height:200px}.gallery-item .upper .mask .btn[data-v-6f8f5851]{height:30px;line-height:30px;font-size:14px}.gallery-item .upper .mask .detail[data-v-6f8f5851]{line-height:28px}.gallery-item .below .row .name[data-v-6f8f5851]{margin:5px 0}}.my-designs-list[data-v-804f2ba1]{flex:1;padding-left:20px}.my-designs-list .top-info[data-v-804f2ba1]{margin:20px 0;display:flex;justify-content:flex-end;align-items:center}.my-designs-list .gallery-list-container[data-v-804f2ba1]{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.my-designs-list .gallery-list-container .gallery-item-wrapper[data-v-804f2ba1]{width:33.33%;margin-bottom:20px}.my-designs-list .pagination-container[data-v-804f2ba1]{display:flex;justify-content:center;padding:20px 0}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination .btn-prev:disabled{background-color:transparent;color:#5a6270d9}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination .btn-next:disabled{background-color:transparent;color:#5a6270d9}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination .btn-prev,.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination .btn-next{background-color:transparent;border-radius:4px;border:1px solid #e2e5ec}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination.is-background .el-pager li{background-color:transparent;border:1px solid #e2e5ec;color:#5a6270d9;border-radius:4px}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination.is-background .el-pager li.is-active{border:1px solid #000000;color:#000}.my-designs-list .pagination-container[data-v-804f2ba1] .el-pagination button:hover{color:#000}@media (max-width: 767px){.my-designs-list[data-v-804f2ba1]{padding-left:0}.my-designs-list .top-info[data-v-804f2ba1]{justify-content:center;margin-top:40px}.my-designs-list .top-info .list-total[data-v-804f2ba1]{font-size:14px}.my-designs-list .gallery-list-container[data-v-804f2ba1]{width:100%;justify-content:space-between}.my-designs-list .gallery-list-container .gallery-item-wrapper[data-v-804f2ba1]{width:47%}}.my-collection-list[data-v-fca4b48f]{flex:1;padding-left:20px}.my-collection-list .top-info[data-v-fca4b48f]{margin:20px 0;display:flex;justify-content:flex-end;align-items:center}.my-collection-list .gallery-list-container[data-v-fca4b48f]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.my-collection-list .gallery-list-container .gallery-item-wrapper[data-v-fca4b48f]{width:30%;margin-bottom:20px}.my-collection-list .pagination-container[data-v-fca4b48f]{display:flex;justify-content:center;padding:20px 0}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination .btn-prev:disabled{background-color:transparent;color:#5a6270d9}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination .btn-next:disabled{background-color:transparent;color:#5a6270d9}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination .btn-prev,.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination .btn-next{background-color:transparent;border-radius:4px;border:1px solid #e2e5ec}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination.is-background .el-pager li{background-color:transparent;border:1px solid #e2e5ec;color:#5a6270d9;border-radius:4px}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination.is-background .el-pager li.is-active{border:1px solid #000000;color:#000}.my-collection-list .pagination-container[data-v-fca4b48f] .el-pagination button:hover{color:#000}@media (max-width: 767px){.my-collection-list[data-v-fca4b48f]{padding-left:0}.my-collection-list .top-info[data-v-fca4b48f]{justify-content:center;margin-top:40px}.my-collection-list .top-info .list-total[data-v-fca4b48f]{font-size:14px}.my-collection-list .gallery-list-container[data-v-fca4b48f]{width:100%;justify-content:space-between}.my-collection-list .gallery-list-container .gallery-item-wrapper[data-v-fca4b48f]{width:47%}}.tattoo-gallery-list[data-v-abf76f6b]{flex:1;padding-left:20px}.tattoo-gallery-list .top-info[data-v-abf76f6b]{margin:20px 0;display:flex;justify-content:flex-end;align-items:center}.tattoo-gallery-list .gallery-list-container[data-v-abf76f6b]{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.tattoo-gallery-list .gallery-list-container .gallery-item-wrapper[data-v-abf76f6b]{width:33.33%;margin-bottom:20px}.tattoo-gallery-list .pagination-container[data-v-abf76f6b]{display:flex;justify-content:center;padding:20px 0}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination .btn-prev:disabled{background-color:transparent;color:#5a6270d9}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination .btn-next:disabled{background-color:transparent;color:#5a6270d9}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination .btn-prev,.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination .btn-next{background-color:transparent;border-radius:4px;border:1px solid #e2e5ec}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination.is-background .el-pager li{background-color:transparent;border:1px solid #e2e5ec;color:#5a6270d9;border-radius:4px}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination.is-background .el-pager li.is-active{border:1px solid #000000;color:#000}.tattoo-gallery-list .pagination-container[data-v-abf76f6b] .el-pagination button:hover{color:#000}@media (max-width: 767px){.tattoo-gallery-list[data-v-abf76f6b]{padding-left:0}.tattoo-gallery-list .top-info[data-v-abf76f6b]{justify-content:center;margin-top:40px}.tattoo-gallery-list .top-info .list-total[data-v-abf76f6b]{font-size:14px}.tattoo-gallery-list .gallery-list-container[data-v-abf76f6b]{width:100%;justify-content:space-between}.tattoo-gallery-list .gallery-list-container .gallery-item-wrapper[data-v-abf76f6b]{width:47%}}.el-checkbox-group{font-size:0;line-height:0}.tattoo-gallery-page[data-v-081d3f8f]{width:100%}.tattoo-gallery-page .banner-area[data-v-081d3f8f]{width:100%;height:384px;background-image:url(/tato-design/assets/tattoo-gallery-search-bg-Q9Qn4upC.png);background-size:cover;background-position:center;background-repeat:no-repeat}.tattoo-gallery-page .banner-area .banner-content[data-v-081d3f8f]{height:100%;width:90%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.tattoo-gallery-page .banner-area .banner-content .banner-title[data-v-081d3f8f]{width:100%;font-size:18px;color:#fff;letter-spacing:0;text-align:center;font-weight:400;margin:0 0 20px}.tattoo-gallery-page .banner-area .banner-content .banner-search-container[data-v-081d3f8f]{width:100%}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__wrapper{background:#ffffff1a;border:2px solid #ffffff;border-radius:12px;height:60px;padding:0 15px;font-size:14px;box-shadow:none}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__wrapper.is-focus{box-shadow:none}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__wrapper .el-input__inner{color:#fff}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__wrapper .el-input__inner::placeholder{color:#fff6}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__suffix .el-input__suffix-inner .el-input__clear{order:-1}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input .search-icon[data-v-081d3f8f],.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input .clear-icon[data-v-081d3f8f]{margin:0 5px;cursor:pointer}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input .search-icon img[data-v-081d3f8f],.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input .clear-icon img[data-v-081d3f8f]{width:16px;height:16px}.tattoo-gallery-page .banner-area .banner-content .tags[data-v-081d3f8f]{width:100%}.tattoo-gallery-page .banner-area .banner-content .tags .tags-list[data-v-081d3f8f]{display:flex;justify-content:center;align-items:center}.tattoo-gallery-page .banner-area .banner-content .tags .tags-list .tag-item[data-v-081d3f8f]{margin:10px;cursor:pointer}.tattoo-gallery-page .banner-area .banner-content .tags .tags-list .tag-item .tag[data-v-081d3f8f]{font-size:12px;color:#fff;letter-spacing:0;font-weight:400}.tattoo-gallery-page .gallery-container[data-v-081d3f8f]{width:95%;margin:0 auto;max-width:1400px;padding:40px 0;display:flex;justify-content:space-between;align-items:flex-start}.tattoo-gallery-page .gallery-container .left[data-v-081d3f8f]{width:260px}.tattoo-gallery-page .gallery-container .left .filter-container[data-v-081d3f8f]{margin:20px 0}.tattoo-gallery-page .gallery-container .left .filter-container .title[data-v-081d3f8f]{font-size:14px;color:#5a6270;letter-spacing:0;font-weight:400;padding-bottom:20px}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content[data-v-081d3f8f]{border:1px solid #e2e5ec;border-radius:8px;overflow:hidden}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .name[data-v-081d3f8f]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#1c1e23;letter-spacing:0;font-weight:400;background-color:#e2e5ec;padding:10px;border-top-left-radius:8px;border-top-right-radius:8px}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .name .icon[data-v-081d3f8f]{transition:transform .2s linear;transform:rotate(0)}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .name .icon img[data-v-081d3f8f]{width:16px;height:16px}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .filter-list[data-v-081d3f8f]{overflow:hidden;transition:all .3s ease;height:auto}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .filter-list .filter-group[data-v-081d3f8f]{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .filter-list .filter-group .filter-item.is-checked[data-v-081d3f8f] .el-checkbox__input.is-checked+.el-checkbox__label{color:#000}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .filter-list .filter-group .filter-item.is-checked[data-v-081d3f8f] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#000;border-color:#000}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .filter-list .filter-group .filter-item[data-v-081d3f8f] .el-checkbox__input .el-checkbox__inner:hover{border-color:#000}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content.collapsed .name .icon[data-v-081d3f8f]{transform:rotate(180deg)}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content.collapsed .filter-list[data-v-081d3f8f]{height:0}.tattoo-gallery-page .gallery-container .left .history-container[data-v-081d3f8f]{margin:20px 0}.tattoo-gallery-page .gallery-container .left .history-container .title[data-v-081d3f8f]{font-size:14px;color:#5a6270;letter-spacing:0;font-weight:400;padding-bottom:20px}.tattoo-gallery-page .gallery-container .left .history-container .history-content[data-v-081d3f8f]{border:1px solid #e2e5ec;border-radius:8px;overflow:hidden}.tattoo-gallery-page .gallery-container .left .history-container .history-content .name[data-v-081d3f8f]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#1c1e23;letter-spacing:0;font-weight:400;background-color:#e2e5ec;padding:10px;border-top-left-radius:8px;border-top-right-radius:8px}.tattoo-gallery-page .gallery-container .left .history-container .history-content .name .icon[data-v-081d3f8f]{transition:transform .2s linear;transform:rotate(0)}.tattoo-gallery-page .gallery-container .left .history-container .history-content .name .icon img[data-v-081d3f8f]{width:16px;height:16px}.tattoo-gallery-page .gallery-container .left .history-container .history-content .history-list .history-group[data-v-081d3f8f]{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tattoo-gallery-page .gallery-container .left .history-container .history-content .history-list .history-group .history-item.is-checked[data-v-081d3f8f] .el-checkbox__input.is-checked+.el-checkbox__label{color:#000}.tattoo-gallery-page .gallery-container .left .history-container .history-content .history-list .history-group .history-item.is-checked[data-v-081d3f8f] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#000;border-color:#000}.tattoo-gallery-page .gallery-container .left .history-container .history-content .history-list .history-group .history-item[data-v-081d3f8f] .el-checkbox__input .el-checkbox__inner:hover{border-color:#000}.tattoo-gallery-page .gallery-container .left .history-container .history-content.collapsed .name .icon[data-v-081d3f8f]{transform:rotate(180deg)}.tattoo-gallery-page .gallery-container .left .history-container .history-content.collapsed .history-list[data-v-081d3f8f]{height:0}.tattoo-gallery-page .gallery-container .right[data-v-081d3f8f]{flex:1;padding-left:20px}@media (max-width: 991px){.tattoo-gallery-page .gallery-container .left[data-v-081d3f8f]{width:200px}}@media (max-width: 767px){.tattoo-gallery-page .banner-area[data-v-081d3f8f]{height:100px}.tattoo-gallery-page .banner-area .banner-content .banner-title[data-v-081d3f8f]{font-size:16px;margin:0 0 10px;display:none}.tattoo-gallery-page .banner-area .banner-content .banner-search-container .el-input[data-v-081d3f8f] .el-input__wrapper{height:35px}.tattoo-gallery-page .banner-area .banner-content .tags[data-v-081d3f8f]{overflow:scroll}.tattoo-gallery-page .banner-area .banner-content .tags .tags-list .tag-item .tag[data-v-081d3f8f]{font-size:9px}.tattoo-gallery-page .gallery-container[data-v-081d3f8f]{padding:10px 0;flex-direction:column}.tattoo-gallery-page .gallery-container .left[data-v-081d3f8f]{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.tattoo-gallery-page .gallery-container .left .filter-container[data-v-081d3f8f]{width:47%;margin:5px 0;position:relative}.tattoo-gallery-page .gallery-container .left .filter-container .title[data-v-081d3f8f]{padding-bottom:5px}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content[data-v-081d3f8f]{position:absolute;width:100%;z-index:99;background-color:#fff}.tattoo-gallery-page .gallery-container .left .filter-container .filter-content .name[data-v-081d3f8f]{font-size:14px;padding:5px}.tattoo-gallery-page .gallery-container .left .history-container[data-v-081d3f8f]{width:47%;margin:5px 0;position:relative}.tattoo-gallery-page .gallery-container .left .history-container .title[data-v-081d3f8f]{padding-bottom:5px}.tattoo-gallery-page .gallery-container .left .history-container .history-content[data-v-081d3f8f]{position:absolute;width:100%;z-index:99;background-color:#fff}.tattoo-gallery-page .gallery-container .left .history-container .history-content .name[data-v-081d3f8f]{font-size:14px;padding:5px}.tattoo-gallery-page .gallery-container .right[data-v-081d3f8f]{width:100%;padding-left:0}}
