.design-template-item[data-v-9903b67a]{cursor:pointer;border:1.5px solid #0000;border-radius:8px;width:100%;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:solid 1px var(--Color-Neutral-neutral-4,#d9d9d9);border-radius:8px}.design-template-item[data-v-9903b67a]:active{border:solid 1px var(--Color-Neutral-neutral-10,#191919)}}.design-template-item .image-box[data-v-9903b67a]{justify-content:center;align-items:center;width:100%;transition:box-shadow .2s ease-in-out;display:flex;position:relative;overflow:hidden}.design-template-item .image-box .product-image[data-v-9903b67a],.design-template-item .image-box .video-box[data-v-9903b67a]{object-fit:contain;opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.design-template-item .image-box .video-box[data-v-9903b67a]{position:absolute;top:0;left: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{object-fit:contain;width:100%;height:100%;max-height:100%;display:block}.design-template-item .image-box .title-overlay[data-v-9903b67a]{opacity:0;z-index:10;background:linear-gradient(#6660 13.64%,#666 100%);padding:40px 16px 10px;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.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;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:979px){.design-template-item .image-box .title-overlay[data-v-9903b67a]{opacity:1;padding:40px 10px 8px;transform:translateY(0)}.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;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;transform:translate(-2px,-2px);box-shadow:2px 2px #191919}.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;width:100%;margin-bottom:8px;display:inline-block}.skeleton-item[data-v-ecd48c97]{background:#f7f7f7;border-radius:8px;width:100%;overflow:hidden}.skeleton-image[data-v-ecd48c97]{background:#1919190a;width:100%;height:100%;animation:.8s infinite loading-animation-ecd48c97}.skeleton-title[data-v-ecd48c97]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:20px;margin:12px;animation:1.5s infinite loading-animation-ecd48c97}@keyframes loading-animation-ecd48c97{0%{opacity:0}to{opacity:1}}