.template[data-v-f5b62098]{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-f5b62098]{transform:scale(1.05)}.template-content[data-v-f5b62098]{padding:16px}.template-name[data-v-f5b62098]{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-f5b62098]{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}.template-image-wrapper[data-v-f5b62098]{position:relative}.image-skeleton[data-v-f5b62098]{animation:skeleton-loading-f5b62098 1s linear infinite alternate;border-radius:8px;inset:0;position:absolute;z-index:1}.template-preview__img[data-v-f5b62098]{aspect-ratio:1200/738;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;overflow:hidden;transition:opacity .3s ease,transform .4s ease;width:100%}.template-preview__img.img-invisible[data-v-f5b62098]{opacity:0}@media only screen and (max-width:768px){.template-name[data-v-f5b62098]{font-size:14px;line-height:21px}}@keyframes skeleton-loading-f5b62098{0%{background-color:#e0e7eb}to{background-color:#f6f8f9}}