.template-waterfall[data-v-d17ac1dd]{margin-bottom:24px;margin-top:24px;position:relative;width:100%}.template-card[data-v-d17ac1dd]{animation:template-skeleton-loading-d17ac1dd 2.5s infinite;background:linear-gradient(90deg,var(--skeleton-bg,#f0f0f0) 25%,var(--skeleton-highlight,#f8f8f8) 50%,var(--skeleton-bg,#f0f0f0) 75%);background-size:200% 100%;border-radius:8px;cursor:pointer;isolation:isolate;overflow:hidden}.template-card:hover .template-card__image[data-v-d17ac1dd],.template-card:hover .template-card__media[data-v-d17ac1dd]{transform:scale(1.05)}.template-card:hover .template-card__footer[data-v-d17ac1dd]{opacity:1}.template-card--skeleton[data-v-d17ac1dd]{cursor:default}.template-card__image[data-v-d17ac1dd]{display:block;-o-object-fit:cover;object-fit:cover}.template-card__image[data-v-d17ac1dd],.template-card__media[data-v-d17ac1dd]{border-radius:8px;height:100%;transition:transform .3s ease;width:100%}.template-card__media[data-v-d17ac1dd]{inset-inline-start:0;position:absolute;top:0}.template-card__placeholder[data-v-d17ac1dd]{align-items:center;background:radial-gradient(circle at top,hsla(0,0%,100%,.2),transparent 55%),var(--fill-secondary);color:var(--text-tertiary);display:flex;font-size:56px;font-weight:700;height:100%;justify-content:center;width:100%}.template-card__footer[data-v-d17ac1dd]{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));inset-inline:0;bottom:0;color:#fff;display:flex;gap:8px;opacity:0;padding:24px 10px 10px;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:1}.template-card__title[data-v-d17ac1dd]{color:#fff;flex:1;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.3;min-width:0}.template-card__collect[data-v-d17ac1dd]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;pointer-events:auto;width:20px}.template-card__collect-icon[data-v-d17ac1dd]{color:#fff;height:16px;width:18px}.template-card__collect-icon--active[data-v-d17ac1dd]{height:20px;width:20px}@keyframes template-skeleton-loading-d17ac1dd{0%{background-position:200% 0}to{background-position:-200% 0}}