@charset "UTF-8";.design-template-item[data-v-9903b67a]{cursor:pointer;width:100%;border:solid 1.5px transparent;border-radius:8px;overflow:hidden}@media (min-width: 980px) and (max-width: 1679px){.design-template-item[data-v-9903b67a]{border-radius:12px}}@media (min-width: 1680px){.design-template-item[data-v-9903b67a]{border-radius:16px}}@media (max-width: 979px){.design-template-item[data-v-9903b67a]{border-radius:8px;border:solid 1px var(--Color-Neutral-neutral-4, #d9d9d9)}.design-template-item[data-v-9903b67a]:active{border:solid 1px var(--Color-Neutral-neutral-10, #191919)}}.design-template-item .image-box[data-v-9903b67a]{overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease-in-out;width:100%;position:relative}.design-template-item .image-box .product-image[data-v-9903b67a],.design-template-item .image-box .video-box[data-v-9903b67a]{width:100%;max-width:100%;max-height:100%;height:100%;object-fit:contain;display:block;opacity:0}.design-template-item .image-box .video-box[data-v-9903b67a]{position:absolute;left:0;top:0}.design-template-item .image-box .product-image[data-v-9903b67a]{opacity:1}.design-template-item .image-box:hover .product-image[data-v-9903b67a]{opacity:0}.design-template-item .image-box:hover .video-box[data-v-9903b67a]{opacity:1}.design-template-item .image-box[data-v-9903b67a] img{width:100%;height:100%;max-height:100%;object-fit:contain;display:block}.design-template-item .image-box .title-overlay[data-v-9903b67a]{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 10px;background:linear-gradient(180deg,#6660 13.64%,#666);opacity:0;z-index:10;transform:translateY(20px);transition:opacity .3s ease-out,transform .3s ease-out}.design-template-item .image-box .title-overlay[data-v-9903b67a] .title{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 979px){.design-template-item .image-box .title-overlay[data-v-9903b67a]{opacity:1;transform:translateY(0);padding:40px 10px 8px}.design-template-item .image-box .title-overlay[data-v-9903b67a] .title{font-size:14px}}@media (min-width: 980px){.design-template-item[data-v-9903b67a]:hover{border:1.5px solid #191919;box-shadow:2px 2px #191919;transform:translate(-2px,-2px);transition:border .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}.design-template-item:hover .image-box .title-overlay[data-v-9903b67a]{opacity:1;transform:translateY(0)}}.design-template-page[data-v-ecd48c97]{min-height:600px}.waterfall-grid[data-v-ecd48c97]{column-gap:8px;width:100%;margin-bottom:-8px}.waterfall-grid>a[data-v-ecd48c97]{break-inside:avoid;width:100%;margin-bottom:8px;display:inline-block}@media (min-width: 1920px){.waterfall-grid[data-v-ecd48c97]{column-count:auto;column-width:276px}}@media (min-width: 1680px) and (max-width: 1919px){.waterfall-grid[data-v-ecd48c97]{column-count:5}}@media (min-width: 1280px) and (max-width: 1679px){.waterfall-grid[data-v-ecd48c97]{column-count:5;column-gap:7px;margin-bottom:-7px}.waterfall-grid>a[data-v-ecd48c97]{margin-bottom:7px}}@media (min-width: 980px) and (max-width: 1279px){.waterfall-grid[data-v-ecd48c97]{column-count:4;column-gap:6px;margin-bottom:-6px}.waterfall-grid>a[data-v-ecd48c97]{margin-bottom:6px}}@media (max-width: 979px){.waterfall-grid[data-v-ecd48c97]{column-count:2;column-gap:5px}.waterfall-grid>a[data-v-ecd48c97]{margin-bottom:5px}}.skeleton-grid[data-v-ecd48c97]{column-gap:8px;width:100%;padding:20px 0}@media (min-width: 1920px){.skeleton-grid[data-v-ecd48c97]{column-count:auto;column-width:276px}}@media (min-width: 1680px) and (max-width: 1919px){.skeleton-grid[data-v-ecd48c97]{column-count:5}}@media (min-width: 1280px) and (max-width: 1679px){.skeleton-grid[data-v-ecd48c97]{column-count:5}}@media (min-width: 980px) and (max-width: 1279px){.skeleton-grid[data-v-ecd48c97]{column-count:4}}@media (max-width: 979px){.skeleton-grid[data-v-ecd48c97]{column-count:2}}.skeleton-grid>div[data-v-ecd48c97]{break-inside:avoid;margin-bottom:8px;display:inline-block;width:100%}.skeleton-item[data-v-ecd48c97]{background:#f7f7f7;border-radius:8px;overflow:hidden;width:100%}.skeleton-image[data-v-ecd48c97]{width:100%;height:100%;background:#1919190a;animation:loading-animation-ecd48c97 .8s infinite}.skeleton-title[data-v-ecd48c97]{height:20px;margin:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-animation-ecd48c97 1.5s infinite;border-radius:4px}@keyframes loading-animation-ecd48c97{0%{opacity:0}to{opacity:1}}