@charset "UTF-8";.template-card[data-v-51745ee2]{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;isolation:isolate;overflow:hidden;position:relative}.template-card .card[data-v-51745ee2]{font-size:0;overflow:hidden;position:relative;width:100%}.template-card .card .card-image[data-v-51745ee2]{-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.template-card .card[data-v-51745ee2]:has(.image-placeholder){aspect-ratio:3/4}.template-card .card[data-v-51745ee2]:after{background:#00000080;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:12}.template-card .card[data-v-51745ee2]:hover:after{opacity:1}.template-card .image-placeholder[data-v-51745ee2]{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-51745ee2]{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.template-card h4[data-v-51745ee2]{align-items:center;background:#181818;color:#fff;display:flex;font-size:18px;justify-content:center;min-height:64px;z-index:4}.video-container[data-v-51745ee2]{align-items:center;cursor:pointer;display:flex;justify-content:center;inset:0;position:absolute;z-index:10}.video-container video[data-v-51745ee2]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-button-overlay[data-v-51745ee2]{align-items:center;background:#0003;cursor:pointer;display:flex;justify-content:center;inset:0;position:absolute;transition:all .3s ease;z-index:15}.play-button-overlay .play-button[data-v-51745ee2]{align-items:center;background:#0009;border-radius:55px;display:flex;font-size:40px;height:72px;justify-content:center;transition:all .3s ease;width:72px}.play-button-overlay .play-button[data-v-51745ee2]:hover{transform:scale(1.01)}.bottom[data-v-51745ee2]{bottom:18px;position:absolute;z-index:16}.bottom .create-btn[data-v-51745ee2]{-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-51745ee2]{color:#fff;cursor:pointer;font-size:20px}.bottom>.star .svg-icon[data-v-51745ee2]{color:#888;height:24px;width:24px}.bottom .generate-btn[data-v-51745ee2]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:#fff;display:flex;font-size:20px;font-weight:500;justify-content:center;padding:10px 14px;text-transform:capitalize;white-space:nowrap;width:180px}.name-overlay[data-v-51745ee2]{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));bottom:0;display:flex;left:0;padding:16px 10px;pointer-events:none;position:absolute;right:0;z-index:13}.name-overlay .name-text[data-v-51745ee2]{color:#fff;font-size:16px;font-weight:500;line-height:normal;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}@media only screen and (max-width:768px){.template-card[data-v-51745ee2]{border-radius:12px}.template-card .card[data-v-51745ee2]{pointer-events:none}.template-card h4[data-v-51745ee2]{font-size:12px;min-height:32px}.template-card .name-overlay[data-v-51745ee2]{padding:10px 8px}.template-card .name-overlay .name-text[data-v-51745ee2]{font-size:12px}}.load-trigger[data-v-c6ef311b]{color:var(--el-color-primary);padding:30px 0;text-align:center;width:100%}.load-trigger .all-tips[data-v-c6ef311b]{align-items:center;display:flex;gap:14px;justify-content:center;width:100%}.load-trigger .all-tips .line[data-v-c6ef311b]{border-radius:4px;display:block;flex:1;height:2px}.load-trigger .all-tips .line-left[data-v-c6ef311b]{background:linear-gradient(90deg,#fff0,#fff)}.load-trigger .all-tips .line-right[data-v-c6ef311b]{background:linear-gradient(270deg,#fff0,#fff)}.load-trigger .all-tips .text[data-v-c6ef311b]{color:#fff;font-size:16px;font-weight:500;white-space:nowrap}.grid-container[data-v-c6ef311b]{display:flex;flex-wrap:wrap;gap:8px}.grid-container .grid-item[data-v-c6ef311b]{width:calc(16.66667% - 6.66667px)}@media(max-width:1600px){.grid-container .grid-item[data-v-c6ef311b]{width:calc(20% - 8px)}}@media(max-width:1400px){.grid-container .grid-item[data-v-c6ef311b]{width:calc(25% - 7.5px)}}@media(max-width:1200px){.grid-container .grid-item[data-v-c6ef311b]{width:calc(33.33333% - 6.66667px)}}@media(max-width:768px){.grid-container .grid-item[data-v-c6ef311b]{width:calc(50% - 5px)}}@media(max-width:480px){.grid-container .grid-item[data-v-c6ef311b]{width:calc(50% - 5px)}}