.style-video[data-v-45914902]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.mobile-container[data-v-45914902]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.img-no-longpress[data-v-45914902],img[data-v-45914902],video[data-v-45914902]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto}.img-no-longpress[data-v-45914902]{-webkit-user-drag:none;touch-action:manipulation}.bg-mask[data-v-45914902]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));transition:height .3s}.bg-mask-bg[data-v-45914902]{background:linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.text-generate-similar[data-v-45914902]{font-size:14px;font-weight:700;line-height:20px}.text-generate-similar[data-v-45914902],.text-user-name[data-v-45914902]{color:var(--button-primary-text-default);text-align:center}.text-user-name[data-v-45914902]{font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:2}.icon-button[data-v-45914902]{background:var(--color-foreground-static-black-senary)}.icon-button[data-v-45914902]:hover{background:var(--color-foreground-static-black-quinary)}.icon-button[data-v-45914902]:active{background:var(--color-foreground-static-black-quaternary)}.fade-enter-active[data-v-45914902],.fade-leave-active[data-v-45914902]{transition:opacity .3s ease}.fade-enter-from[data-v-45914902],.fade-leave-to[data-v-45914902]{opacity:0}.fade-enter-to[data-v-45914902],.fade-leave-from[data-v-45914902]{opacity:1}.create-btn[data-v-45914902]{align-items:center;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:0;margin-top:-1px;overflow:hidden;padding:0 8px;position:relative;transition:height .3s ease;z-index:-1}.create-btn-inner[data-v-45914902]{flex-direction:column;gap:8px}.group:hover .create-btn[data-v-45914902]{height:48px}.group:hover .create-btn-inner[data-v-45914902]{height:80px}.template-box[data-v-af339a52]{position:relative}.zone-detail-description[data-v-af339a52]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-clamp:10;max-height:15.5rem;overflow:hidden;word-break:break-word}.template-box-swiper[data-v-af339a52]{width:100%}.template-box__item[data-v-af339a52]{align-items:stretch;display:flex;height:355px;min-width:80px;width:var(--template-card-width,320px)}.template-card[data-v-af339a52]{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:center;position:relative;width:100%}.template-image[data-v-af339a52]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-title[data-v-af339a52]{align-items:center;color:#ffffffe0;display:flex;font-size:14px;font-weight:500;padding:0 4px;width:100%}.template-zone-controls[data-v-af339a52]{align-items:center;bottom:50px;display:flex;gap:12px;justify-content:space-between;position:absolute;right:24px}.swiper[data-v-af339a52]{padding-bottom:3rem}.template-box-swiper-mobile[data-v-af339a52]{padding-bottom:2rem}.template-zone-controls .swiper-button-next[data-v-af339a52],.template-zone-controls .swiper-button-prev[data-v-af339a52]{align-items:center;background:var(--color-foreground-normalcy-quaternary);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;left:0;position:relative;transform:translateY(50%);width:28px}.template-zone-controls .swiper-button-next[data-v-af339a52]:after,.template-zone-controls .swiper-button-prev[data-v-af339a52]:after{color:var(--color-foreground-normalcy-nonenary);font-size:12px;font-weight:700}.template-box[data-v-af339a52] .swiper-pagination-progressbar{background:var(--color-text-dynamic-white-quinary);border-radius:9999px;height:4px;margin:26px auto 0;overflow:hidden;position:static;width:var(--template-zone-progress-width,208px)}.template-box[data-v-af339a52] .swiper-pagination-progressbar-fill{background:var(--color-text-dynamic-white-secondary);border-radius:inherit;transform-origin:left center}.waterfall-item[data-v-af339a52]{-moz-column-break-inside:avoid;border-radius:16px;break-inside:avoid;margin-bottom:16px;overflow:hidden}.waterfall-image[data-v-af339a52]{border-radius:16px;display:block;width:100%}@media screen and (max-width:768px){.template-zone-controls[data-v-af339a52],.template-box[data-v-af339a52] .swiper-pagination-progressbar{display:none!important}}
