.template[data-v-674a648c]{background:var(--Base-White,#fff);border:1px solid var(--Stroke,#eaecf0);border-radius:8px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;min-height:130px;overflow:hidden;transition:all .5s ease}.template:hover .template-preview__img[data-v-674a648c]{transform:scale(1.05)}.template-content[data-v-674a648c]{padding:16px}.template-name[data-v-674a648c]{color:var(--neutral-900,#171717);font-size:16px;font-style:normal;font-weight:400;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-description[data-v-674a648c]{color:var(--neutral-600,#525252);display:-webkit-box;font-size:12px;font-weight:400;-webkit-line-clamp:3;line-height:18px;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.image-skeleton[data-v-674a648c]{animation:skeleton-loading-674a648c 1s linear infinite alternate;border-radius:8px;padding-top:61.5%;position:relative;width:100%}.template-preview__img[data-v-674a648c]{aspect-ratio:1200/738;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;overflow:hidden;transition:all .4s ease;width:100%}.template-preview__img.hidden[data-v-674a648c]{display:none}@media only screen and (max-width:768px){.template-name[data-v-674a648c]{font-size:14px;line-height:21px}}@keyframes skeleton-loading-674a648c{0%{background-color:#e0e7eb}to{background-color:#f6f8f9}}