.avatar-detail__button-icon[data-v-c659b365],.avatar-detail__button-icon[data-v-c659b365] .svg-icon{height:22px;width:22px}.creation-guide-bar[data-v-9e4e41a1]{align-items:center;display:flex;flex-direction:column;min-width:1200px;padding-bottom:80px;padding-top:80px}.creation-guide-bar__title[data-v-9e4e41a1]{align-items:flex-end;color:var(--x-text-1);display:flex;font-size:48px;font-style:normal;font-weight:400;gap:16px;justify-content:center;line-height:normal;margin:0 0 32px;text-align:center}.creation-guide-bar__title img[data-v-9e4e41a1]{height:126px;margin-bottom:9px;width:125px}.creation-guide-bar__desc[data-v-9e4e41a1]{align-items:center;color:var(--x-text-5);display:flex;font-size:32px;font-style:normal;font-weight:400;gap:16px;justify-content:center;line-height:normal;margin:0}.creation-guide-bar__desc img[data-v-9e4e41a1]{height:40px;width:102.5px}.creation-guide-bar__btn[data-v-9e4e41a1]{margin-top:40px}.divider-vertical[data-v-2794d7ab]{position:relative;width:var(--519d363c)}.divider-vertical[data-v-2794d7ab]:before{background-color:var(--0308d914);content:"";height:var(--6f8ad11e);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.tag[data-v-4046051a]{background:var(--purple-1);border-radius:12px;color:var(--primary-color);cursor:pointer;font-size:12px;padding:5px 12px}.tag[data-v-4046051a]:hover{opacity:.8}.tag+.tag[data-v-4046051a]{margin-left:8px}@media (max-width:680px){.tag[data-v-4046051a]{pointer-events:none}}.detail-description-m[data-v-bb11bddb]{background-image:var(--eece17d8);background-repeat:no-repeat;background-size:100% 100%;position:relative}.detail-description-m .character-name[data-v-bb11bddb]{background:linear-gradient(270deg,#ef17fd,#05d4ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;font-weight:900;left:68.2666666667vw;position:absolute;top:29.3333333333vw}.character-detail__breadcrumb[data-v-2f7b873a]{align-items:center;display:flex;gap:16px}.character-detail__breadcrumb .character-detail__breadcrumb-icon[data-v-2f7b873a]{color:var(--x-text-5);height:18px;transform:rotate(-90deg);width:18px}.character-detail__breadcrumb a[data-v-2f7b873a]{color:var(--x-text-5);font-size:16px}.character-detail__breadcrumb a.active[data-v-2f7b873a]{color:var(--x-text-1);cursor:text}.character-detail__breadcrumb a[data-v-2f7b873a]:hover:not(.active):not(:disabled){color:var(--x-purple-7)}.avatar-detail-tags[data-v-1ff6f382]{align-items:flex-start;display:inline-flex}.avatar-detail-tags__name[data-v-1ff6f382]{color:var(--x-text-7);font-size:16px;font-style:normal;font-weight:400;line-height:normal;line-height:30px;text-align:center;white-space:nowrap}.avatar-detail-tags__list[data-v-1ff6f382]{display:flex;flex-wrap:wrap;gap:12px;margin-left:4px}.avatar-detail-tags__tag[data-v-1ff6f382]{background:var(--x-purple-1);border-radius:8px;color:var(--x-purple-6);cursor:pointer;font-size:16px;line-height:var(--x-text-16-line-height);padding:4px 12px}.avatar-detail-tags__tag[data-v-1ff6f382]:hover{background-color:var(--x-purple-2);color:var(--x-purple-7)}@media (max-width:680px){.avatar-detail-tags__tag[data-v-1ff6f382]{pointer-events:none}}.detail-description{display:flex;height:calc(100vh - 64px);justify-content:center;min-height:720px;min-width:1440px;overflow:hidden;position:relative;width:calc(100% - 10px)}.detail-description .tags{-moz-column-gap:16px;column-gap:16px;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(3,1fr);row-gap:20px}@media (max-width:1600px){.detail-description .tags{grid-template-columns:repeat(2,1fr)}}.detail-description .detail-description__breadcrumb{left:12.5%;position:absolute;top:24px;z-index:10}.detail-description__avatar{background-color:var(--x-back-3);flex:1;height:100%;overflow:hidden;position:relative;width:100%}.detail-description__avatar .detail-description__photo{aspect-ratio:1/2;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;pointer-events:none;transform:translateY(-2%);transform-origin:top center;width:100%}.detail-description__info{display:flex;flex:1;flex-direction:column;gap:24px;height:100%;justify-content:center;width:100%}.detail-description__info .detail-description__info-container{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:0 100px;width:100%}.detail-description__info .detail-description__name{color:#000;font-size:48px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0;margin-top:0}.detail-description__info .detail-description__settings{display:flex;flex-direction:column;gap:24px;justify-content:center}.detail-description__info .detail-description__settings .detail-description__creation{color:var(--x-text-3);display:flex;flex-wrap:wrap;font-size:16px;font-style:normal;line-height:28px}.detail-description__info .detail-description__settings .detail-description__creation a{font-size:16px}.detail-description__info .detail-description__settings .detail-description__creation a:hover{color:var(--x-purple-8)}.detail-description__info .detail-description__settings .detail-description__creator,.detail-description__info .detail-description__settings .detail-description__creator-link{align-items:center;display:flex}.detail-description__info .detail-description__settings .detail-description__creator-avatar{height:18px;width:18px}.detail-description__info .detail-description__settings .detail-description__creator-name{margin-left:6px}.detail-description__info .detail-description__content{color:var(--x-text-3);font-size:16px;font-style:normal;font-weight:400;line-height:28px;margin:0;text-align:justify}.detail-description__info .detail-description__actions{align-items:center;display:flex;gap:16px;margin-top:96px}.detail-description__info .detail-description__actions .detail-description__trail{flex:1;padding:15px 48px!important}.detail-description__share-popover-wrapper .ant-popover-content .ant-popover-arrow{display:none!important}.detail-description__share-popover{display:flex;flex-direction:column;height:124px;justify-content:space-between;padding:12px;width:344px}.detail-description__share-btn{width:100%}.detail-description__icon{height:24px;width:24px}.detail-description__icon:deep{height:24px;width:24px}.detail-description__share-title{color:var(--x-text-1);font-size:var(--x-text-20-size);line-height:var(--x-text-20-line-height);margin:0;text-align:center}.avatar-detail-tooltip-custom .ant-tooltip-content{transform:translateY(6px)}.avatar-detail-tooltip-custom .ant-tooltip-arrow:before{background-color:#000}.avatar-detail-tooltip-custom .ant-tooltip-arrow:after{box-shadow:none}.avatar-detail-tooltip-custom .ant-tooltip-inner{background-color:#000;border-radius:8px;box-shadow:none;font-size:13px;line-height:21px;padding:8px 12px;text-align:center}.adjustment-info-text[data-v-ca4e1082]{align-items:center;cursor:pointer;display:flex;gap:12px}.adjustment-info-text:hover .adjustment-info-text__content[data-v-ca4e1082],.adjustment-info-text:hover .adjustment-info-text__indicator-container[data-v-ca4e1082]{background-color:var(--x-black-3)}.adjustment-info-text__content[data-v-ca4e1082]{align-items:center;background:var(--x-black-5);border:1px solid var(--x-white-6);border-radius:30px;color:var(--x-white-1);display:flex;font-size:16px;font-style:normal;font-weight:400;gap:4px;justify-content:center;line-height:normal;padding:5px 16px;white-space:nowrap}@keyframes adjustment-info-text-breathing-ca4e1082{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}.adjustment-info-text__indicator[data-v-ca4e1082]{height:6px;position:relative;width:6px}.adjustment-info-text__indicator-container[data-v-ca4e1082]{animation:adjustment-info-text-breathing-ca4e1082 1.5s ease-in-out infinite;background-color:var(--x-black-5);border-radius:50%;height:8px;left:-1px;position:absolute;top:-1px;transform-origin:center center;width:8px}.adjustment-info-text__icon[data-v-ca4e1082]{font-size:18px;height:18px}.adjustment-info-text__indicator-inner[data-v-ca4e1082]{background-color:#fff;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.small-image[data-v-7971c366]{height:122px;position:relative;width:122px}.small-image:hover .small-image__info[data-v-7971c366] .text-info,.small-image:hover .small-image__info[data-v-7971c366] .text-info .breath-light-container,.small-image:hover .small-image__info[data-v-7971c366] .breath-light-container{background-color:var(--x-black-3)}.small-image:hover .small-image__img[data-v-7971c366]{background-color:var(--x-purple-1);border:1px dashed var(--x-purple-4);cursor:pointer}.small-image .small-image__info[data-v-7971c366]{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.small-image .small-image__info--left[data-v-7971c366]{left:10%;transform:translate(-100%,-50%)}.small-image .small-image__info--right[data-v-7971c366]{flex-direction:row-reverse;right:8%;transform:translate(100%,-50%)}.small-image .small-image__img[data-v-7971c366]{background-color:var(--x-back-3);border:1px solid transparent;border-radius:50%;height:100%;max-width:100%;overflow:hidden;width:auto}.small-image .small-image__img img[data-v-7971c366]{height:100%;width:auto}.image-container[data-v-4ce8f69a]{height:60%;width:180%;--tw-translate-x:-50%;--tw-translate-y:-50%;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;top:45%}.image-container[data-v-4ce8f69a],.images-pc__shadow[data-v-4ce8f69a]{left:50%;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.images-pc__shadow[data-v-4ce8f69a]{bottom:-40px;--tw-translate-x:-50%;height:286px;width:400px}.img-left[data-v-4ce8f69a]{left:-50%;transform:translate(50%)}.img-right[data-v-4ce8f69a]{right:-50%;transform:translate(-50%)}.img-pointer[data-v-4ce8f69a]{position:absolute;right:50%;top:50%;transform:translateY(-50%) rotate(var(--rotateDeg));transform-origin:right center;width:calc(50% + 165px)}.img-pointer>div[data-v-4ce8f69a]{transform:rotate(var(--reverseDeg))}.image-composition[data-v-4fc471db]{align-items:center;display:flex;flex-direction:column;padding-bottom:160px;padding-top:160px;width:100%}@media (max-width:680px){.image-composition[data-v-4fc471db]{padding:0}}.image-composition .image-composition__title[data-v-4fc471db]{align-items:center;display:flex;flex-direction:column;gap:16px}.image-composition .image-composition__title h3[data-v-4fc471db]{color:var(--x-text-1);font-size:48px;font-style:normal;font-weight:400;list-style:normal;margin:0}.image-composition .image-composition__title p[data-v-4fc471db]{color:var(--x-text-5);font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin:0}.image-composition-content[data-v-4fc471db]{display:grid;gap:20px;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:auto;margin-right:auto;margin-top:46px;position:relative;width:1200px}@media (max-width:680px){.image-composition-content[data-v-4fc471db]{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:20px;padding-right:20px;width:100%}}.image-composition-content[data-v-4fc471db]{grid-auto-rows:224px}@media (max-width:680px){.image-composition-content[data-v-4fc471db]{grid-auto-rows:44vw}}.image-card[data-v-4fc471db]{border:1px solid var(--back-4);border-radius:8px;grid-column:span 1;grid-row:span 1;order:2;padding:12px;position:relative;transition:all .3s ease}.image-card.active[data-v-4fc471db]{grid-column:span 2;grid-row:span 2}.image-card.active .edit-btn[data-v-4fc471db]{display:block}@media (max-width:680px){.image-card.default-card[data-v-4fc471db]{order:1}}.image-card:hover .edit-btn[data-v-4fc471db]{display:block}.image-card .edit-btn[data-v-4fc471db]{display:none}.ss-switch-btn[data-v-e02e92e8]{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.ss-switch-btn.grey-large[data-v-e02e92e8]{background-color:var(--x-back-3);color:var(--x-text-3);font-size:22px;height:54px;width:54px}.ss-switch-btn.grey-large[data-v-e02e92e8]:hover{background:var(--x-back-5);color:var(--x-text-3)}.ss-switch-btn.grey-large[data-v-e02e92e8]:disabled{background-color:var(--x-back-2);color:var(--x-text-8);cursor:not-allowed}.ss-switch-btn.grey-large[data-v-e02e92e8] .svg-icon{height:22px;width:22px}.ss-switch-btn.white-large[data-v-e02e92e8]{background-color:var(--x-back-1);color:var(--x-text-3);font-size:22px;height:54px;width:54px}.ss-switch-btn.white-large[data-v-e02e92e8]:hover{background:var(--x-back-5);color:var(--x-text-3)}.ss-switch-btn.white-large[data-v-e02e92e8]:disabled{background-color:var(--x-back-1);color:var(--x-text-8);cursor:not-allowed}.ss-switch-btn.white-large[data-v-e02e92e8] .svg-icon{height:22px;width:22px}.video-carousel[data-v-bbe43858]{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.video-carousel .video-carousel__tabs[data-v-bbe43858]{display:flex;gap:16px;margin-bottom:40px}.video-carousel .video-carousel__video-wrapper[data-v-bbe43858]{aspect-ratio:16/9;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.video-carousel .video-carousel__video[data-v-bbe43858]{height:100%;width:100%}.video-carousel .video-carousel__video[data-v-bbe43858] video{-o-object-fit:cover;object-fit:cover}.video-carousel .video-carousel__tab-item[data-v-bbe43858]{align-items:center;background-color:var(--x-white-1);border-radius:22px;color:var(--x-text-3);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;line-height:14px;min-height:44px;min-width:146px;overflow:hidden;position:relative}.video-carousel .video-carousel__tab-item p[data-v-bbe43858]{margin:0}.video-carousel .video-carousel__tab-item[data-v-bbe43858]:before{background-color:#fff;content:" ";height:100%;left:0;opacity:.2;position:absolute;top:0;transform:translate(calc(var(--data-percent)*-100%));transition:transform .3s linear;width:100%}.video-carousel .video-carousel__tab-item[data-v-bbe43858]:hover{background-color:var(--x-back-5)}.video-carousel .video-carousel__tab-item:hover .video-carousel__tab-title[data-v-bbe43858]{color:var(--x-text-3)}.video-carousel .video-carousel__tab-item:hover .video-carousel__tab-desc[data-v-bbe43858]{color:var(--x-text-5)}.video-carousel .video-carousel__tab-item.video-carousel__tab-item--active[data-v-bbe43858]{background-color:var(--x-text-1);color:var(--x-white-1)}.video-carousel .video-carousel__tab-item.video-carousel__tab-item--active .video-carousel__tab-title[data-v-bbe43858]{color:var(--x-white-1)}.video-carousel .video-carousel__tab-item.video-carousel__tab-item--active .video-carousel__tab-desc[data-v-bbe43858]{color:var(--x-white-5)}.video-carousel .video-carousel__tab-title[data-v-bbe43858]{color:var(--x-text-3);font-size:14px;font-style:normal;line-height:normal;text-align:center}.video-carousel .video-carousel__tab-desc[data-v-bbe43858]{color:var(--x-text-5);font-size:14px;font-style:normal;line-height:normal;text-align:center}.video-carousel .video-carousel__dots[data-v-bbe43858]{align-items:center;display:flex;gap:16px;justify-content:center}.video-carousel .video-carousel__content[data-v-bbe43858]{display:flex;flex-direction:column;gap:24px;margin-top:16px;width:100%}.video-carousel .video-carousel__title[data-v-bbe43858]{color:var(--x-text-1);font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0}.video-carousel .video-carousel__desc[data-v-bbe43858]{color:var(--x-text-3);font-size:16px;font-style:normal;font-weight:400;line-height:32px;margin:0;white-space:pre-line}.video-carousel .video-carousel__arrow[data-v-bbe43858]{height:54px;position:absolute;top:50%;transform:translateY(-1px);width:54px;z-index:3}.video-carousel .video-carousel__arrow--left[data-v-bbe43858]{left:-90px}.video-carousel .video-carousel__arrow--right[data-v-bbe43858]{right:-90px}.portrait[data-v-4da56a88]{background-color:var(--purple-1);padding:16px 0}.portrait video[data-v-4da56a88]{border-radius:16px}.image-display[data-v-8469e228]{align-items:center;background-color:var(--x-back-3);display:flex;flex-direction:column;padding:160px 0}@media (max-width:680px){.image-display[data-v-8469e228]{background-color:unset;background-position:50%;background-size:contain;padding:80px 0}}.image-display .image-display__title[data-v-8469e228]{color:var(--x-text-1);font-size:48px;font-style:normal;font-weight:400;line-height:normal;margin:0}.image-display .display-video[data-v-8469e228]{border:4px solid var(--back-4);border-radius:16px;flex:1;margin:20px;overflow:hidden;position:relative;z-index:100}.image-display .image-display__videos[data-v-8469e228]{margin-top:40px;max-width:1200px}.carousel-list__title[data-v-badef287]{align-items:center;color:var(--x-text-1);display:flex;font-size:400;font-size:48px;font-style:normal;justify-content:center;line-height:normal;margin-bottom:80px}[data-v-badef287] .swiper-slide{padding-bottom:30px}.x-button-prev[data-v-badef287]{left:-86px}.x-button-next[data-v-badef287],.x-button-prev[data-v-badef287]{position:absolute;top:50%;z-index:10;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.x-button-next[data-v-badef287]{right:-86px}.detail-character-recommend-card[data-v-dd44e0d5] .name{color:var(--x-text-1);font-size:16px;font-weight:500;margin-top:4px;text-align:center}.detail-character-recommended[data-v-558d4e9c]{align-items:center;border-top:1px solid var(--x-back-4);display:flex;flex-direction:column;padding-bottom:160px;padding-top:160px}@media (max-width:680px){.detail-character-recommended[data-v-558d4e9c]{border-top:none;margin-top:50px;padding:16px}.common-race[data-v-558d4e9c]{width:90.4vw}}.share-m[data-v-ea8f8a6f]{align-items:center;background:linear-gradient(262.93deg,#05d4ff -17.55%,#ef17fd 158.74%);border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;color:var(--text-0);display:flex;font-size:16px;font-weight:600;height:14.9333333333vw;justify-content:center;overflow:hidden;position:fixed;width:100%;z-index:100}.character-detail__header .header{background-color:var(--white-1)}.character-detail{color:var(--x-text-1);padding-bottom:0;padding-top:64px}@media (max-width:680px){.character-detail{padding-bottom:80px;padding-top:0}}