.template-card[data-v-42048623]{color:inherit;display:block;text-decoration:none}.template-card__frame[data-v-42048623]{line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-card__preview[data-v-42048623]{aspect-ratio:16/10;background:#f7f7f9;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 3rem 5rem -3rem transparent;overflow:hidden;position:relative;transition:box-shadow .3s cubic-bezier(.455,.03,.515,.955);width:100%}@media(hover:hover)and (pointer:fine){.template-card:hover .template-card__preview[data-v-42048623]{box-shadow:0 3rem 5rem -3rem #00000040}}.template-card__image[data-v-42048623]{display:block;height:auto;left:0;position:absolute;top:0;transform:translateY(0);transition:transform 1.25s ease-in-out .3s;width:100%}@media(hover:hover)and (pointer:fine){.template-card:hover .template-card__image[data-v-42048623]{transform:translateY(calc(-100%*var(--pan-fraction, 0)))}}.template-card__badge[data-v-42048623]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000009e;border-radius:999px;bottom:12px;color:#fff;font-size:12px;font-weight:500;left:12px;line-height:1.3;max-width:calc(100% - 24px);overflow:hidden;padding:6px 11px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:2}@media(min-width:768px){.template-card__badge[data-v-42048623]{bottom:14px;font-size:13px;left:14px;opacity:0;padding:7px 13px;transition:opacity .25s ease}}@media(min-width:768px)and (hover:hover)and (pointer:fine){.template-card:hover .template-card__badge[data-v-42048623]{opacity:1}}.template-grid[data-v-44a36d0a]{display:grid;gap:1rem}@media(min-width:992px){.template-grid[data-v-44a36d0a]{gap:2rem}}.template-grid--featured[data-v-44a36d0a]{grid-template-columns:1fr}@media(min-width:768px){.template-grid--featured[data-v-44a36d0a]{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-grid--catalog[data-v-44a36d0a]{grid-template-columns:1fr}@media(min-width:992px){.template-grid--catalog[data-v-44a36d0a]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.template-grid--catalog[data-v-44a36d0a]{grid-template-columns:repeat(3,minmax(0,1fr))}}