.template-card[data-v-004826fc]{background:linear-gradient(0deg,var(--primary-bg-color) 0,var(--primary-bg-color) 100%),#d3d3d3 50%/cover no-repeat;border-radius:24px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.template-card .card[data-v-004826fc]{font-size:0;overflow:hidden;position:relative;width:100%}.template-card .card .card-image[data-v-004826fc]{-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.template-card .card[data-v-004826fc]:has(.image-placeholder){aspect-ratio:3/4}.template-card .card[data-v-004826fc]:after{background:#0006;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:12}.template-card .card[data-v-004826fc]:hover:after{opacity:1}.template-card .image-placeholder[data-v-004826fc]{align-items:center;background:var(--primary-bg-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.template-card .image-placeholder img[data-v-004826fc]{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.template-card h4[data-v-004826fc]{background:#181818;color:#fff;font-size:18px;min-height:64px;z-index:4}.template-card h4[data-v-004826fc],.video-container[data-v-004826fc]{align-items:center;display:flex;justify-content:center}.video-container[data-v-004826fc]{cursor:pointer;inset:0;position:absolute;z-index:10}.video-container video[data-v-004826fc]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-button-overlay[data-v-004826fc]{background:#0003;cursor:pointer;inset:0;position:absolute;z-index:15}.play-button-overlay[data-v-004826fc],.play-button-overlay .play-button[data-v-004826fc]{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.play-button-overlay .play-button[data-v-004826fc]{background:#0009;border-radius:55px;font-size:40px;height:72px;width:72px}.play-button-overlay .play-button[data-v-004826fc]:hover{transform:scale(1.01)}.bottom[data-v-004826fc]{bottom:18px;position:absolute;z-index:16}.bottom .create-btn[data-v-004826fc]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fd7f1166;border-radius:100px;color:var(--el-color-primary);font-size:20px;font-weight:500;padding:10px 14px}.bottom>.star[data-v-004826fc]{color:#fff;cursor:pointer;font-size:20px}.bottom>.star .svg-icon[data-v-004826fc]{color:#888;height:24px;width:24px}@media only screen and (max-width:768px){.template-card[data-v-004826fc]{border-radius:12px}.template-card .card[data-v-004826fc]{pointer-events:none}.template-card h4[data-v-004826fc]{font-size:12px;min-height:32px}}.masonry-grid[data-v-a7eed269]{display:grid;gap:var(--masonry-gap,10px);grid-template-columns:repeat(6,1fr);width:100%}.masonry-grid-item[data-v-a7eed269]{-moz-column-break-inside:avoid;break-inside:avoid}@media(max-width:1600px){.masonry-grid[data-v-a7eed269]{grid-template-columns:repeat(5,1fr)}}@media(max-width:1400px){.masonry-grid[data-v-a7eed269]{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.masonry-grid[data-v-a7eed269]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.masonry-grid[data-v-a7eed269]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.masonry-grid[data-v-a7eed269]{grid-template-columns:repeat(2,1fr)}}.masonry-layout[data-v-a7eed269]{width:100%}.masonry-column[data-v-a7eed269]{display:flex;flex-direction:column}.masonry-item[data-v-a7eed269]{width:100%;-moz-column-break-inside:avoid;break-inside:avoid}