.characterWrap{padding:0 16px 106px}.characterWrap .imgBox{width:calc(100% + 32px);margin-left:-16px;margin-bottom:16px}.characterWrap .loading-box{height:500px;background-color:#282728;aspect-ratio:1/1}.characterWrap .textBox .title{font-size:2rem;line-height:1.5;margin-bottom:12px}.characterWrap .textBox .statusBox{gap:8px;display:flex;align-items:center;margin-bottom:12px}.characterWrap .textBox .statusBox span{display:flex;align-items:center;gap:2px;font-size:1.4rem;font-weight:400;line-height:1;color:#8b8b8c}.characterWrap .textBox .statusBox span i{width:16px;height:16px}.characterWrap .textBox .statusBox span i.iconComment{background:url(/img/icon/icon-status-comment-gray.svg)}.characterWrap .textBox .statusBox span i.iconUser{background:url(/img/icon/icon-status-user-gray.svg)}.characterWrap .textBox .statusBox span i.iconLike{background:url(/img/icon/icon-status-like-gray.svg)}.characterWrap .textBox .description{font-size:1.5rem;color:#d0cfd0;font-weight:400;margin-bottom:16px}.characterWrap .tagList{display:flex;flex-wrap:wrap;gap:8px}.characterWrap .tagList li a{display:flex;align-items:center;justify-content:center;background:#282728;color:#d0cfd0;font-size:1.4rem;padding:4px 6px;border-radius:4px;gap:4px;line-height:1}.characterWrap .tagList li a:before{content:"#";color:#d0cfd0}.characterWrap .tagList li a i{width:16px;height:16px;background:url(/img/icon/icon-arrow-right.svg)}.characterWrap .creatorBox{margin-top:24px}.characterWrap .creatorBox h4{font-size:1.6rem;margin-bottom:12px}.characterWrap .creatorBox .infoBox{display:flex;align-items:center;gap:8px;padding:12px;background:#322c3b;border-radius:12px}.characterWrap .creatorBox .infoBox .imgBox{width:36px;height:36px;border-radius:8px;overflow:hidden;margin:0;cursor:pointer}.characterWrap .creatorBox .infoBox h3{font-size:1.4rem;font-weight:600;margin-bottom:4px}.characterWrap .creatorBox .infoBox p{font-size:1.2rem;color:#8b8b8c}.characterWrap .creatorBox .infoBox .followButton{display:flex;align-items:center;gap:2px;padding:6px 8px;margin-left:auto;border-radius:6px;background:#484351}.characterWrap .creatorBox .infoBox .followButton i{width:16px;height:16px;background:url(/img/icon/icon-add-gray.svg)}.characterWrap .creatorBox .infoBox .followButton.check i{background:url(/img/icon/icon-follow-check.svg)}.characterWrap .fixedButton{position:fixed;bottom:12px;display:flex;width:calc(100% - 32px);max-width:448px;gap:8px}.characterWrap .fixedButton .chatButton{flex:1 1;height:52px;background:var(--color-main);border-radius:12px;font-size:1.6rem;text-align:center}.characterWrap .fixedButton .shareButton{width:52px;height:52px;border-radius:12px;background:#3f3e3f;display:flex;align-items:center;justify-content:center}.characterWrap .fixedButton .shareButton i{width:24px;height:24px;background:url(/img/icon/icon-share.svg) no-repeat 50%/cover}.chatsPageContainer{height:100vh;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation}*{-webkit-overflow-scrolling:touch}.chatHeader{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#121113;flex-shrink:0}.chatHeader h2{font-size:2rem;font-weight:600}.chatHeader .right{display:flex;align-items:flex-end;gap:12px}.chatHeader .searchButtun i{width:24px;height:24px;background:url(/img/icon/icon-search.svg) no-repeat 50%/cover}.chatHeader .getAppButton{background:#6e44ff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.chatHeader .getAppButton span{font-size:1.2rem;font-weight:600;color:#fff}.chatsWrap{flex:1 1;height:0;overflow-y:auto;overflow-x:hidden;background:#121113;padding-left:0;padding-right:0;display:flex;flex-direction:column;width:100%;max-width:100vw;touch-action:pan-y;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.chatsWrap.loading{display:none}.chatsWrap::-webkit-scrollbar{display:none;width:0;height:0;background:rgba(0,0,0,0)}.chatsWrap .chatGroup{width:100%;overflow:visible}.chatsWrap .chatGroup li{width:calc(100% + 120px);display:flex;transition:transform .3s ease-in-out;overflow:visible;touch-action:pan-y pan-x}.chatsWrap .chatGroup li:hover{background-color:#282728}.chatsWrap .chatGroup li a{flex:1 1;width:calc(100% - 120px);max-width:calc(100% - 120px);padding:12px 16px;display:flex;align-items:center;gap:12px;overflow:hidden}.chatsWrap .chatGroup li a .imgBox{min-width:56px;width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.chatsWrap .chatGroup li a .textBox{flex:1 1;min-width:0;overflow:hidden}.chatsWrap .chatGroup li a .textBox .name{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:100%}.chatsWrap .chatGroup li a .textBox .name strong{position:relative;font-size:1.6rem;font-weight:600;line-height:1;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatsWrap .chatGroup li a .textBox .name .time{font-size:1.2rem;line-height:1;font-weight:400;color:#717071;flex-shrink:0;white-space:nowrap}.chatsWrap .chatGroup li a .textBox .content{position:relative;font-weight:400;color:#717071;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px;width:100%;box-sizing:border-box}.chatsWrap .chatGroup li a .textBox .content.unread:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-error);top:50%;transform:translateY(-50%);right:0}.chatsWrap .chatGroup li.swiped{transform:translateX(-120px)}.chatsWrap .chatGroup li.swiped a{pointer-events:none}.chatsWrap .chatGroup li .buttonGroup{display:flex;flex-shrink:0;min-width:120px;width:120px}.chatsWrap .chatGroup li .buttonGroup button{width:60px;border-radius:0}.chatsWrap .chatGroup li .buttonGroup button.leaveButton{background:var(--color-error)}.chatsWrap .chatGroup li .buttonGroup button.leaveButton i{width:24px;height:24px;background:url(/img/icon/icon-chat-leave.svg) no-repeat 50%/cover}.chatsWrap .chatGroup li .buttonGroup button.bookmarkButton{background:var(--color-main)}.chatsWrap .chatGroup li .buttonGroup button.bookmarkButton.cancel i{background:url(/img/icon/icon-chat-bookmark-cancel.svg) no-repeat 50%/cover}.chatsWrap .chatGroup li .buttonGroup button.bookmarkButton i{width:24px;height:24px;background:url(/img/icon/icon-chat-bookmark.svg) no-repeat 50%/cover}.chatsWrap .noChatPage{height:100%;display:flex;flex:1 1;align-items:center;justify-content:center}.chatsWrap .noChatPage .infoBox{text-align:center}.chatsWrap .noChatPage .infoBox p{margin:12px 0 16px;color:#717071}.chatsWrap .noChatPage .infoBox button{padding:6px 8px;background:var(--color-main)}.chatsOptionsWrap{padding:16px}.chatsOptionsWrap .listBox a{display:flex;align-items:center;gap:12px;padding:12px 0;font-weight:500;border-bottom:1px solid #3f3e3f;font-size:14px}.chatsOptionsWrap .listBox a:first-child{color:var(--color-error)}.chatsOptionsWrap .listBox a i{width:24px;height:24px}.chatsOptionsWrap .listBox a i.iconReport{background:url(/img/icon/icon-alert-option.svg)}.chatsOptionsWrap .listBox a i.iconRestart{background:url(/img/icon/icon-refresh.svg)}.chatsOptionsWrap .listBox a i.iconLeaveChat{background:url(/img/icon/icon-chat-leave.svg)}.homeCategoryBox{overflow-x:hidden;padding:6px;scrollbar-width:none;-ms-overflow-style:none;position:-webkit-sticky;position:sticky;top:48px;z-index:100;background-color:#121113;width:100%}.homeEmptyBox{display:flex;align-items:center;justify-self:center;margin-top:65%;flex-direction:column}.homeEmptyBox span{justify-self:center;font-size:36px;margin-bottom:12px}.homeEmptyBox p{font-size:14px;color:#717071}.homeCategoryBox.isExpandedBox .categoryContent{-webkit-mask-image:linear-gradient(90deg,black 90%,transparent)}.homeCategoryBox .categoryToggleBtn{position:absolute;right:10px;top:46%;transform:translateY(-50%);z-index:9999;background-color:#121113}.homeCategoryBox .categoryToggleBtn.isExpandedToggle{top:auto!important;bottom:10px!important;transform:none!important}.homeCategoryBox::-webkit-scrollbar{display:none;width:0;height:0}.homeCategoryBox ul{display:flex;align-items:center;gap:8px;padding-bottom:5px;flex-wrap:nowrap}.homeCategoryBox ul.expanded{flex-wrap:wrap}.homeCategoryBox ul li button{padding:4px 10px;border:1px solid #3f3e3f;border-radius:14px;color:#717071;white-space:nowrap}.homeCategoryBox ul li.active button{color:#fff;font-weight:600;background:var(--color-main);border:0}.homeErrorPage{height:100%;margin-top:180px;display:flex;align-items:center;justify-content:center}.homeErrorPage .homeInfoBox{text-align:center}.homeErrorPage .homeInfoBox i{width:36px;height:36px;background:url(/img/icon/icon-error-warning.svg)}.homeErrorPage .homeInfoBox p{margin:12px 0 16px;color:#717071}.homeErrorPage .homeInfoBox button{padding:6px 8px;background:var(--color-main)}.my-masonry-column{padding:0 10px}main{padding-top:10px;min-height:100vh}.welcome_container{align-items:center;justify-content:center}.onboarding-container,.welcome_container{display:flex;flex-direction:column;height:100vh}.onboarding-container{background-color:#121113;width:100%;position:relative;overflow:hidden}.onboarding-swiper{width:100%;flex:1 1;display:flex}.onboarding-swiper .swiper-pagination{bottom:40px;display:flex;justify-content:center}.onboarding-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:112px;background:hsla(0,0%,100%,.3);opacity:.5}.onboarding-swiper .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:10px;background:#fff;opacity:1}.slide-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.onboarding-main-image{width:100%;height:auto;object-fit:contain}.onboarding-main-text-container{width:calc(100% - 4.8rem);padding-bottom:14px;flex:1 1;display:flex;flex-direction:column;justify-content:center}.onboarding-main-text-wrapper{font-size:3.2rem;font-weight:700;color:#fff;white-space:pre-line;text-align:left;font-family:SpaceGrotesk,sans-serif}.button-container{width:100%;padding:16px;z-index:10}.onboarding-main-continue-button{width:100%;background-color:#6e44ff;text-align:center;color:#fff;padding:14px 16px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;border:none}.onboarding-main-already-text1{text-align:center;margin-top:12px;font-size:13px;line-height:20px;color:#fff}.onboarding-main-already-text2{color:#976eff;cursor:pointer}.searchPageWrap{height:70vh}.searchPageWrap .box{padding-top:16px}.searchPageWrap .box h2{font-size:1.6rem;margin-bottom:16px;font-weight:600}.searchPageWrap .box .tagList{display:flex;flex-wrap:wrap;gap:8px}.searchPageWrap .box .tagList li button{display:flex;align-items:center;background:#282728;color:#d0cfd0;font-size:1.4rem;padding:4px 6px;border-radius:4px;gap:4px}.searchPageWrap .box .tagList li button:before{content:"#";color:#d0cfd0}.searchPageWrap .box .tagList li button i{width:16px;height:16px;background:url(/img/icon/icon-next.svg)}.searchPageWrap .searchResultBox{padding-bottom:100px;background-color:#121113;margin-left:-16px;margin-right:-16px;padding-right:16px;padding-left:16px}.searchPageWrap .searchResultHeader{padding:16px 0}.searchPageWrap .searchResultHeader p{font-size:16px;font-weight:600;color:#fff}.searchPageWrap .noResult .textBox{text-align:center;margin-top:120px}.searchPageWrap .noResult .textBox i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-search-gray.svg)}.searchPageWrap .noResult .textBox p{color:#717071;font-weight:500}.settingWrap{display:flex;flex-direction:column;padding-top:16px}.settingWrap input{height:44px;padding:10px 12px!important;border-radius:12px!important}.settingWrap .textGroup{margin-bottom:24px}.settingWrap .textGroup:last-child{margin-bottom:0}.settingWrap .textGroup .title{padding-left:12px;font-size:1.2rem;margin-bottom:8px;color:#b8b8b8}.settingWrap .textGroup .listBox{border-radius:12px;padding:0 16px;background:#282728}.settingWrap .textGroup .listBox a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #3f3e3f}.settingWrap .textGroup .listBox a.languageLink .right i,.settingWrap .textGroup .listBox a>i{width:24px;height:24px;background:url(/img/icon/icon-settings-arrow-right.svg) no-repeat 50%/cover}.settingWrap .textGroup .listBox a .text{display:flex;align-items:center;gap:12px}.settingWrap .textGroup .listBox a .text i{width:24px;height:24px}.settingWrap .textGroup .listBox a.languageLink p i{background:url(/img/icon/icon-settings-langauge.svg)}.settingWrap .textGroup .listBox a.languageLink .right{display:inline-flex;align-items:center}.settingWrap .textGroup .listBox a.languageLink .right .language{color:#8b8b8c}.settingWrap .textGroup .listBox a.notificationLink p i{background:url(/img/icon/icon-settings-notifications.svg)}.settingWrap .textGroup .listBox a.accountLink p i{background:url(/img/icon/icon-settings-account.svg)}.settingWrap .textGroup .listBox a.aboutLink p i{background:url(/img/icon/icon-settings-about.svg)}.settingWrap .textGroup .listBox a.contactLink p i{background:url(/img/icon/icon-settings-langauge.svg)}.settingWrap .textGroup .listBox a.youthProtection p i{background:url(/img/icon/icon-settings-protection.svg)}.settingWrap .textGroup .listBox a.termsLink p i{background:url(/img/icon/icon-settings-terms.svg)}.settingWrap .textGroup .listBox a.privacyLink p i{background:url(/img/icon/icon-settings-privacy.svg)}.settingWrap .textGroup .listBox a.logoutLink p{color:var(--color-error);line-height:1}.settingWrap .textGroup .listBox a.logoutLink p i{background:url(/img/icon/icon-settings-logout.svg)}.settingWrap .textGroup .listBox a:last-child{border-bottom:0}.settingWrap .textGroup .listBox .logoutButton{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer}.settingWrap .textGroup .listBox .logoutButton p,.settingWrap .textGroup .listBox .logoutButton>i{color:var(--color-error);line-height:1}.settingWrap .textGroup .listBox .logoutButton p i,.settingWrap .textGroup .listBox .logoutButton>i i{background:url(/img/icon/icon-settings-logout.svg)}.settingWrap .textGroup .listBox .logoutButton .text{display:flex;align-items:center;gap:12px}.settingWrap .textGroup .listBox .logoutButton .text i{width:24px;height:24px}.settingWrap .textGroup .listBox .logoutButton i{width:24px;height:24px;background:url(/img/icon/icon-settings-arrow-right.svg) no-repeat 50%/cover}.settingWrap .versionBox{margin:auto auto 0;text-align:center}.settingWrap .versionBox .logo{width:64px;margin:0 auto}.settingWrap .versionBox .version{color:#d0cfd0;line-height:1;font-weight:600;margin:16px 0 8px}.settingWrap .versionBox .text{color:#717071;font-size:1.2rem;line-height:1}.accountWrap{padding:16px 16px 32px}.accountWrap .ageRangeBox{display:flex;gap:8px}.accountWrap .ageRangeBox button{flex:1 1;background:#282728;padding:12px 0;border-radius:12px;color:#717071;font-size:14px;font-weight:400;cursor:pointer;border:2px solid rgba(0,0,0,0)}.accountWrap .ageRangeBox button.selected{border:2px solid #6e44ff;color:#fff}.accountWrap .deleteButton,.contactWrap .deleteButton{margin-top:auto;display:flex;justify-content:center;padding:16px 0 0}.accountWrap .deleteButton a,.contactWrap .deleteButton a{position:relative;display:inline-flex;width:auto;color:#717071}.accountWrap .deleteButton a:after,.contactWrap .deleteButton a:after{content:"";position:absolute;top:calc(100% + 2px);width:100%;height:1px;background:#717071}.contactWrap{padding-bottom:16px}.contactWrap .alertText{display:flex;align-items:center;gap:2px;font-size:1.2rem;margin-top:6px;color:var(--color-error)}.contactWrap .alertText i{width:12px;height:12px;background:url(/img/icon/icon-alert.svg)}.contactWrap label span{color:#717071;font-size:1.2rem}.contactWrap select{width:100%}.contactWrap button{margin-top:auto;width:100%;height:52px;border-radius:12px;background:var(--color-main)}.deleteAccount .infoText{color:#b8b8b8;margin-bottom:16px;text-align:center;white-space:pre-line}.deleteAccount .alertText{display:flex;align-items:center;gap:2px;font-size:1.2rem;margin-top:16px;color:var(--color-error)}.deleteAccount .alertText i{width:12px;height:12px;background:url(/img/icon/icon-alert.svg)}.deleteAccount .buttonGroup{margin-top:auto;width:100%}.deleteAccount .buttonGroup button{width:100%;height:52px;border-radius:12px}.deleteAccount .buttonGroup button:first-child{font-size:1.6rem;background:var(--color-main)}.deleteAccount .buttonGroup button:last-child{color:#717071}.notificationWrap input{display:none}.notificationWrap .toggleSwitch{width:56px;height:32px;background:#444;border-radius:16px;position:relative;transition:background .3s ease-in-out}.notificationWrap .toggleSwitch:before{content:"";width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:left .3s ease-in-out}.notificationWrap input:checked+.toggleSwitch{background:var(--color-main)}.notificationWrap input:checked+.toggleSwitch:before{left:26px}.account_DateOfBirth .custom-date-picker-wrapper{position:absolute;top:14px;width:100%;z-index:1000}.account_DateOfBirth label{font-size:14px;font-weight:500}.account_DateOfBirth .dob_Container{margin-top:12px;display:flex;max-width:100%;flex-direction:row;gap:6px;width:100%}.account_DateOfBirth .dob_Container input:nth-child(2){width:25%}.account_DateOfBirth .dob_Container input:first-child,.account_DateOfBirth .dob_Container input:nth-child(3){width:37.5%}.account_DateOfBirth .dob_Container input{background:#282728;border:1px solid #333;border-radius:12px;padding:12px;color:#fff;font-size:14px;outline:none;width:100%;box-sizing:border-box}.account_DateOfBirth .account_err_box{margin-top:6px;display:flex;align-items:center;gap:2px}.account_DateOfBirth .account_err_box h4{font-size:12px;color:var(--color-error)}.signIn_container{background-color:#121113;width:100%;height:100vh;position:relative;overflow:hidden}.signIn_Wrapper,.signIn_container{display:flex;flex-direction:column}.signIn_Wrapper{justify-content:space-between;height:100%}.signIn_Image{width:100%;height:auto;object-fit:contain}.signIn_Login_Button_Wrapper{display:flex;flex-direction:column;gap:1.6rem;padding:0 16px;margin-bottom:16px}.signIn_Login_Button{color:#121113;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:12px;padding:10px 0;font-size:1.6rem;line-height:24px;font-weight:500}.signIn_Login_Button span{color:#121113}.signIn_Bottom_Info_Text{color:#fff;font-size:13px;line-height:20px;font-weight:400;text-align:center}.signIn_Bottom_Info_Text2{color:#976eff;font-weight:500}.signUp_container{background-color:#121113;width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.signUp_container .signUp_err_box{margin-top:6px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:2px}.signUp_container .signUp_err_box svg{min-width:16px;width:16px;height:16px;margin-top:2px;flex-shrink:0}.signUp_container .signUp_err_box h4{color:#ff005e;font-size:12px;font-weight:400;padding:0;margin:0;line-height:1.4}.signUp_Wrapper{display:flex;flex-direction:column;gap:20px;padding:24px 24px 180px;color:#fff;flex:1 1;overflow-y:auto}.signUp_Title{font-size:28px;font-weight:700;margin-bottom:10px;font-family:SpaceGrotesk,sans-serif;line-height:30px}.signUp_SubTitle{font-size:14px;font-weight:400;color:#8b8b8c;margin:2px 0}.signUp_Input_Wrapper{display:flex;flex-direction:column;position:relative}.signUp_Input_Wrapper label{font-size:14px;font-weight:500;margin-bottom:12px}.signUp_Input_Wrapper label span{font-size:12px;color:#888}.signUp_Input_Wrapper input{background:#282728;border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;height:48px}.signUp_Input_Wrapper .charCount{font-size:12px;color:#888;position:absolute;right:16px;bottom:12px}.signUp_DateOfBirth .custom-date-picker-wrapper{position:absolute;bottom:220px;width:100%;z-index:1000!important}.signUp_DateOfBirth label{font-size:14px;font-weight:500}.signUp_DateOfBirth .dob_Container{margin-top:12px;display:flex;max-width:100%;flex-direction:row;gap:6px;width:100%}.signUp_DateOfBirth .dob_Container input:nth-child(2){width:25%}.signUp_DateOfBirth .dob_Container input:first-child,.signUp_DateOfBirth .dob_Container input:nth-child(3){width:37.5%}.signUp_DateOfBirth .dob_Container input{background:#282728;border:1px solid #333;border-radius:12px;padding:12px;color:#fff;font-size:14px;outline:none;width:100%;box-sizing:border-box}.signUp_Gender label{font-size:14px;font-weight:500;color:#d0cfd0}.signUp_Gender .gender_Container{margin-top:12px;display:flex;gap:8px}.signUp_Gender .gender_Container button{flex:1 1;padding:12px 0;border:1px solid rgba(0,0,0,0);border-radius:12px;background:#282728;color:#717071;font-size:14px;line-height:20px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.signUp_Gender .gender_Container .selected{border-color:#976eff;color:#fff}.signUp_Avatar label{font-size:14px;font-weight:500;color:#d0cfd0}.signUp_Avatar .avatar_Container{margin-top:12px;display:flex;gap:8px}.signUp_Avatar .avatar_Container button{flex:1 1;background:#282728;padding:12px 0;border-radius:12px;color:#717071;font-size:14px;font-weight:400;cursor:pointer;border:2px solid rgba(0,0,0,0)}.signUp_Avatar .avatar_Container button.selected{border:2px solid #6e44ff;color:#fff}.signUp_BottomFixed{position:fixed;bottom:0;left:0;right:0;margin:0 auto;background-color:#121113;padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px;max-width:480px;z-index:1}.signUp_Agreement{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 16px 0;border-radius:12px;cursor:pointer}.signUp_Agreement input[type=checkbox]{width:18px;height:18px;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#282728;border:1px solid #444;position:relative;padding:0;margin:0}.signUp_Agreement input[type=checkbox]:checked{background-color:#6e44ff;border-color:#6e44ff}.signUp_Agreement input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;font-weight:800;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0}.signUp_Agreement label{font-size:14px;color:#fff;font-weight:500}.signUp_Agreement span{color:#976eff;font-weight:600;text-decoration:underline}.signUp_Next{background:#322c3b;color:#fff;padding:14px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;border:none;height:52px}.signUp_Next:disabled{background:#78747f;cursor:not-allowed}.signUp_Next:not(:disabled){background:#6e44ff}.signUp_tag_container{background-color:#121113;width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.signUp_tag_container .signUp_tag_wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;padding:16px 16px 120px}.signUp_tag_container .signUp_tag_wrapper::-webkit-scrollbar{display:none;width:0;height:0}.signUp_tag_container .signUp_tag_wrapper h1{color:#fff;font-size:22px;line-height:30px;font-weight:700;margin-bottom:24px;text-align:left;font-family:SpaceGrotesk,sans-serif}.signUp_tag_container .signUp_tag_wrapper button{padding:10px;background:#282728;margin-right:8px;margin-bottom:8px;border-radius:6px;justify-content:center;align-items:center}.createWrap{display:flex;flex-direction:column;padding:16px;position:relative}.createWrap.loading{pointer-events:none!important}.createWrap .inputBox{position:relative}.createWrap .inputBox input{padding-right:50px}.createWrap .inputBox .limit{position:absolute;top:14px;right:12px;font-size:1.2rem;color:#717071;font-weight:400}.createWrap .describeText{font-size:2.2rem;font-weight:700;line-height:1.45;margin-bottom:36px;font-family:SpaceGrotesk,sans-serif}.createWrap .describeText p{margin-top:12px;color:#8b8b8c;font-weight:400}.createWrap .describeText.noMargin{margin-bottom:0}.createWrap .tabList{position:relative;margin-bottom:16px}.createWrap .tabList:after{content:"";position:absolute;bottom:0;left:-16px;width:100vw;max-width:480px;height:1px;background-color:#282728}.createWrap .tabList .swiper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.createWrap .tabList .swiper::-webkit-scrollbar{height:0}.createWrap .tabList .swiper::-webkit-scrollbar-thumb{background:#121113;border-radius:4px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.createWrap .tabList .swiper:hover::-webkit-scrollbar-thumb{background:#56575d;opacity:1}.createWrap .tabList .swiper-slide{display:inline-flex;flex:1 1;padding:8px 10px;line-height:2;white-space:nowrap;flex-shrink:0;justify-content:center}.createWrap .tabList .swiper-slide p{color:#717071;font-size:1.3rem;font-weight:500}.createWrap .tabList .swiper-slide:after{content:"";position:absolute;bottom:0;left:-16px;width:100vw;max-width:480px;height:1px;background-color:#282728}.createWrap .tabList .swiper-slide.active p{color:var(--button-size-small);font-weight:600}.createWrap .tabList .swiper-slide.active:after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:2px;background-color:#6e44ff}.createWrap .buttonGroup{position:fixed;bottom:12px;left:0;right:0;width:calc(100% - 32px);max-width:448px;z-index:999;margin:0 auto 12px;display:flex}.createWrap .buttonGroup button{flex:1 1;height:52px;font-size:1.6rem;color:#78747f;display:flex;align-items:center;justify-content:center;background:#322c3b;border-radius:12px;pointer-events:none}.createWrap .buttonGroup button.active{background:var(--color-main);color:#fff;pointer-events:auto}.createWrap .buttonGroup button.disabled{background-color:#322c3b;color:#78747f}.createWrap .buttonGroup .canClick{pointer-events:auto}.createWrap .buttonGroup .loading-spinner{width:24px;height:24px;border:4px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:100px}.buttonGroup.prev{display:flex;align-items:center;margin-top:auto;gap:8px}.buttonGroup.prev button{border-radius:12px}.buttonGroup.prev .prevButton{flex:initial;width:52px;height:52px;background:#3f3e3f;pointer-events:auto}.buttonGroup.prev .prevButton i{width:24px;height:24px;background:url(/img/icon/icon-prev-line.svg)}.labelBox label span{position:static!important;font-size:1.4rem!important;color:#717071;font-weight:400}.createImageWrap{display:flex;flex-direction:column;padding:16px;position:relative}.createImageWrap .generatingBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:320px;margin:0;border-radius:12px;background:#282728;cursor:pointer;display:flex;align-items:center;justify-content:center}.createImageWrap .generatingBox .imageWarpper{display:flex;flex-direction:row;gap:12px;width:100%;justify-content:center;align-items:center}.createImageWrap .generatingBox .imageWarpper .imageSection{width:50%}.createImageWrap .generatingBox .imageWarpper .imageSection h3{font-size:1.6rem;font-weight:600;color:#fff;margin:0 0 12px}.createImageWrap .generatingBox .imageWarpper .imageBox{padding:8px;width:100%;height:100%;aspect-ratio:1/2;background-color:#282728;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:auto}.createImageWrap .generatingBox .imageWarpper .imageBox .editText{font-size:12px;color:#fff;font-weight:400;text-align:center;background-color:#484351;padding:8px 0;border-radius:14px;width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.createImageWrap .generatingBox .imageWarpper .imageBox .editText i{width:16px;height:16px;background:url(/img/icon/icon-edit-pencil.svg)}.createImageWrap .generatingBox .imageWarpper .imageBox.profile img{width:100%;height:50%;border-radius:100px;object-fit:cover;aspect-ratio:1/1!important;margin-bottom:30%}.createImageWrap .generatingBox .imageWarpper .imageBox.background img{width:100%;height:100%;overflow:hidden;aspect-ratio:9/16!important;object-fit:cover;border-radius:8px}.createImageWrap .generatingBox.active{width:calc(100% - 32px);background:rgba(0,0,0,0);justify-content:center;align-items:center}.createImageWrap .generatingBox i{width:60px;height:60px;background:url(/img/icon/icon-create-plus.svg);border-radius:12px;overflow:hidden}.createImageWrap .generatingBox:after{content:attr(data-tap-text);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-weight:400;color:#717071;text-align:center;white-space:nowrap}.createImageWrap .generatingBox.loading .spinner{width:58px;height:58px;border:6px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.createImageWrap .generatingBox.loading .progress{margin-top:8px;font-size:1.4rem;font-weight:600;color:#717071;text-align:center}.createImageWrap .generatingBox.loading:after{display:none}.createImageWrap .generatingBox.error .alertText{color:var(--color-error);white-space:nowrap}.createImageWrap .generatingBox.error button{height:32px;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;border-radius:6px;background:#3f3e3f;color:#d0cfd0;margin:12px auto 0}.createImageWrap .generatingBox.error button i{width:16px;height:16px;background:url(/img/icon/icon-chat-refresh-white.svg)}.createImageWrap .generatingBox.error:after{display:none}.createImageWrap .buttonGroup .loading-spinner{width:24px;height:24px;border:4px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:100px}.generateCharacterWrap{border-top:1px solid #3f3e3f;padding:24px 16px 100px}.generateCharacterWrap .labelBox label{margin-bottom:16px}.generateCharacterWrap .tagBox{display:flex;flex-wrap:wrap;gap:8px}.generateCharacterWrap .tagBox span{background:#282728;color:#8b8b8c;font-size:1.6rem;padding:8px;line-height:1;border-radius:6px;border:2px solid #282728}.generateCharacterWrap .tagBox span.active{border:2px solid var(--color-main);color:#fff}.createTypeWrap .checkBox{display:flex;flex-direction:row;gap:8px;margin-top:12px}.createTypeWrap .checkBox label{flex:1 1;padding:16px 12px;border-radius:12px;background:#282728;display:flex;flex-direction:column;border:2px solid #282728;cursor:pointer;align-items:center}.createTypeWrap .checkBox label.active{border:2px solid var(--color-main)}.createTypeWrap .checkBox label i{width:24px;height:24px;margin-bottom:8px}.createTypeWrap .checkBox label i.simpleIcon{background:url(/img/icon/icon-comment-outline.svg)}.createTypeWrap .checkBox label i.roleplayIcon{background:url(/img/icon/icon-library-outline.svg)}.createTypeWrap .checkBox label h4{text-align:center;font-size:1.6rem;line-height:1;margin-bottom:12px}.createTypeWrap .checkBox label p{text-align:center;line-height:1;color:#8b8b8c}.createTypeWrap .checkBox label.selected{border:2px solid #7a42f4;background:#2a2a2a}.createTypeWrap .checkBox label.selected .customRadio{border-color:#7a42f4}.createTypeWrap .checkBox label.selected .customRadio:after{content:"";width:14px;height:14px;background:#7a42f4;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.createTypeWrap .textareaBox textarea{height:180px}.createTypeWrap .textareaBox.focused textarea{border:1px solid #6e44ff}.createTypeWrap .textareaBox .bottomBox{position:absolute;bottom:17px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}.createTypeWrap .textareaBox .bottomBox .buttonGroup{margin:0;gap:6px;position:static;width:auto}.createTypeWrap .textareaBox .bottomBox .buttonGroup button{padding:6px 8px;background:initial;border:1px solid #717071;font-size:1.2rem;font-weight:400;color:#d0cfd0;border-radius:12px;height:auto;flex:initial;line-height:1;pointer-events:auto}.createTypeWrap .textareaBox .bottomBox span{position:static!important}.createIntroWrap{overflow-y:auto;padding-bottom:100px}.createIntroWrap .labelBox{display:flex;flex-direction:column}.createIntroWrap .labelBox .inputBox{display:flex;flex:1 1;gap:8px}.createIntroWrap .labelBox .inputBox .avatarBox{width:24px;height:24px}.createIntroWrap .labelBox .inputBox .avatarBox .avatar{border-radius:50%;object-fit:cover}.createIntroWrap .labelBox .alertText{margin-left:32px}.createIntroWrap .textareaBox{flex:1 1}.createIntroWrap .textareaBox textarea{height:180px}.createIntroWrap .textareaBox.focused textarea{border:1px solid #6e44ff}.createIntroWrap .buttonGroup .loading-spinner{width:24px;height:24px;border:4px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:100px}.createDescriptionWrap{padding-bottom:100px}.createDescriptionWrap .textareaBox.box01 textarea{height:72px}.createDescriptionWrap .textareaBox.box02 textarea{height:130px}.createTagsWrap .addTagsButton{width:100%;height:48px;background:#282728;display:flex;align-items:center;justify-content:center;border-radius:12px;gap:4px}.createTagsWrap .addTagsButton i{width:24px;height:24px;background:url(/img/icon/icon-follow-add.svg)}.createTagsWrap .selectedBox{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px;border-radius:12px;background:#282728}.createTagsWrap .selectedBox span{border-radius:4px;padding:5px 6px;line-height:1;background:var(--color-main)}.createVisibilityWrap .describeText{margin-bottom:36px}.createVisibilityWrap .checkBox{display:flex;gap:8px}.createVisibilityWrap .checkBox label{flex:1 1;padding:16px;border-radius:12px;background:#282728;border:2px solid #282728;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#717071}.createVisibilityWrap .checkBox label i{width:24px;height:24px}.createVisibilityWrap .checkBox label i.publicIcon{background:url(/img/icon/icon-public.svg)}.createVisibilityWrap .checkBox label i.privateIcon{background:url(/img/icon/icon-private.svg)}.createVisibilityWrap .checkBox label.selected{border:2px solid #7a42f4;background:#2a2a2a;color:#fff}.createDoneWrap{display:flex;flex-direction:column;justify-content:space-between}.createDoneWrap .generatingBox{background:#282728;margin:0 auto;display:block;width:200px;height:auto;padding:16px;border-radius:20px;overflow:hidden;pointer-events:none}.createDoneWrap .generatingBox .imgBox{margin-bottom:10px}.createDoneWrap .generatingBox .imgBox .avatar{border-radius:8px;object-fit:cover}.createDoneWrap .generatingBox .textBox h4{font-size:1.6rem;line-height:1;font-weight:700;margin-bottom:8px}.createDoneWrap .generatingBox .textBox p{color:#b8b8b8;font-size:1.2rem;margin-bottom:10px}.createDoneWrap .generatingBox .textBox .tagBox{display:flex;flex-wrap:wrap;gap:4px}.createDoneWrap .generatingBox .textBox .tagBox span{background:#3f3e3f;color:#d0cfd0;font-size:1.1rem;padding:3px 4px;border-radius:4px}.createDoneWrap .buttonGroup{flex-direction:column;gap:12px;position:static;margin-top:20px;width:100%}.createDoneWrap .buttonGroup button{flex:initial;background:none;border:2px solid var(--color-main);color:#fff;z-index:999;pointer-events:auto}.create-swiper{width:100%;flex:1 1;display:flex}.create-swiper .swiper-pagination{bottom:40px;display:flex;justify-content:center}.myPageWrap{min-height:calc(100vh - 52px);padding-bottom:112px}.myPageWrap,.userCharacterGroup{display:flex;flex-direction:column;background:#121113}.userCharacterGroup{padding-top:24px;height:100%;flex:1 1}.userCharacterGroup .tabList{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.userCharacterGroup .tabList li{flex:1 1;position:relative;padding:8px 10px;font-size:1.3rem;line-height:2;font-weight:600;text-align:center}.userCharacterGroup .tabList li:first-child.active:after{content:"";position:absolute;left:5%;bottom:0;width:95%;height:2px;background-color:#6e44ff}.userCharacterGroup .tabList li:last-child.active:after{content:"";position:absolute;right:5%;bottom:0;width:95%;height:2px;background-color:#6e44ff}.userCharacterGroup .tabList li a{color:#fff;display:block;width:100%}.userCharacterGroup .tabContents{height:100%;display:flex;flex-direction:column;flex:1 1}.userCharacterGroup .tabContents .content{padding:8px 16px}.userCharacterGroup .tabContents .content .userList{display:flex;flex-direction:column;gap:12px}.userCharacterGroup .tabContents .content .userList li{padding:12px;display:flex;align-items:center;border-radius:12px;background:#322c3b;position:relative}.userCharacterGroup .tabContents .content .userList li .imgBox{width:36px;height:36px;border-radius:50%;margin-right:8px;overflow:hidden;cursor:pointer}.userCharacterGroup .tabContents .content .userList li .imgBox .avatar{object-fit:cover}.userCharacterGroup .tabContents .content .userList li .infoBox .name{font-size:1.6rem;line-height:1;margin-bottom:8px;font-weight:600;cursor:pointer}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox{display:flex;align-items:center;gap:6px}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span{font-size:1.2rem;line-height:1;color:#8b8b8c;display:flex;align-items:center;gap:2px}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span i{width:12px;height:12px}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span.comment i{background:url(/img/icon/icon-status-comment-gray.svg)}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span.like i{background:url(/img/icon/icon-status-like-gray.svg)}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span.public i{background:url(/img/icon/icon-status-public-gray.svg)}.userCharacterGroup .tabContents .content .userList li .infoBox .statusBox span.private i{background:url(/img/icon/icon-private.svg)}.userCharacterGroup .tabContents .content .userList li .buttonGroup{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative}.userCharacterGroup .tabContents .content .userList li .buttonGroup button.chatButton,.userCharacterGroup .tabContents .content .userList li .buttonGroup button.editButton{padding:6px 8px;border-radius:6px;background:#484351;color:#d0cfd0;display:flex;align-items:center;gap:4px}.userCharacterGroup .tabContents .content .userList li .buttonGroup button.editButton i{width:16px;height:16px;background:url(/img/icon/icon-pen.svg)}.userCharacterGroup .tabContents .content .userList li .buttonGroup button.chatButton i{width:16px;height:16px;background:url(/img/icon/icon-chat.svg)}.userCharacterGroup .tabContents .content .userList li .buttonGroup button.moreButton{line-height:1;font-size:0}.userCharacterGroup .tabContents .content .userList li .buttonGroup button.moreButton i{width:24px;height:24px;background:url(/img/icon/icon-more-circle-gray.svg)}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal{z-index:9999;position:absolute;top:100%;right:0;margin-top:8px;border-radius:6px;background:#3f3f3f;box-shadow:0 2px 8px rgba(0,0,0,.2)}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a{display:flex;align-items:center;gap:12px;padding:12px;white-space:nowrap}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a.iconMenuShare i{width:24px;height:24px;background:url(/img/icon/icon-share.svg) no-repeat 50%/cover}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a.iconDelete{color:var(--color-error)}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a.iconDelete i{width:24px;height:24px;background:url(/img/icon/icon-delete-trash.svg) no-repeat 50%/cover}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a.iconRemove{color:var(--color-error)}.userCharacterGroup .tabContents .content .userList li .buttonGroup .sideModal a.iconRemove i{width:24px;height:24px;background:url(/img/icon/icon-unlike-red-outlie.svg) no-repeat 50%/cover}.userCharacterGroup .tabContents .noData{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1}.userCharacterGroup .tabContents .noData .textBox{text-align:center}.userCharacterGroup .tabContents .noData .textBox p{color:#717071;margin-bottom:16px}.userCharacterGroup .tabContents .noData .textBox button{padding:6px 8px;border-radius:6px;background:var(--color-main)}.myCoinBox{width:calc(100% - 32px);margin:24px auto 0;background:linear-gradient(90deg,#b450f7,#6e44ff);border-radius:12px;padding:16px}.myCoinBox h5{font-weight:600;margin-bottom:12px;line-height:1.4}.myCoinBox .coinBox{display:flex;align-items:center;justify-content:space-between}.myCoinBox .coinBox .coins{display:flex;align-items:center;font-size:2rem;font-weight:700;line-height:1;gap:6px}.myCoinBox .coinBox .coins i{width:24px;height:24px;background:url(/img/icon/icon-coin.svg)}.myCoinBox a{display:flex;align-items:center;color:#d0cfd0;font-size:1.2rem}.myCoinBox a i{width:24px;height:24px;background:url(/img/icon/icon-mypage-mycoin-arrow.svg)}.editProfileWrap .profileBox{position:relative;width:84px;height:84px;margin:16px auto;cursor:pointer}.editProfileWrap .profileBox .avatar{object-fit:cover}.editProfileWrap .profileBox img{border-radius:20px}.editProfileWrap .profileBox .editButton{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--color-main);line-height:1}.editProfileWrap .profileBox .editButton i{width:16px;height:16px;background:url(/img/icon/icon-edit-pen.svg)}.editProfileWrap .inputBox{position:relative}.editProfileWrap .inputBox input{padding-right:50px}.editProfileWrap .inputBox .limit{position:absolute;top:14px;right:12px;font-size:1.2rem;color:#717071;font-weight:400}.generateAvatarWrap{display:flex;flex-direction:column;padding:16px;border-top:1px solid #3f3e3f;top:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}@supports(-webkit-touch-callout:none){.generateAvatarWrap{padding-top:82px;margin-top:-82px}}.generateAvatarWrap .describeText{position:relative;z-index:1;font-size:2.2rem;font-weight:700;margin-bottom:36px;font-family:SpaceGrotesk,sans-serif}.generateAvatarWrap .textareaBox textarea{height:132px}.generateAvatarWrap .styleListGroup{position:relative;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-left:-16px;margin-right:-16px}.generateAvatarWrap .styleListGroup::-webkit-scrollbar{height:0}.generateAvatarWrap .styleListGroup::-webkit-scrollbar-thumb{background:#56575d;border-radius:4px}.generateAvatarWrap .styleListGroup .arrowButton{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer}.generateAvatarWrap .styleListGroup .arrowButton.leftArrow{left:0}.generateAvatarWrap .styleListGroup .arrowButton.leftArrow i{width:24px;height:24px;background:url(/img/icon/icon-create-left-arrow.svg) no-repeat 50%/contain}.generateAvatarWrap .styleListGroup .arrowButton.rightArrow{right:0}.generateAvatarWrap .styleListGroup .arrowButton.rightArrow i{width:24px;height:24px;background:url(/img/icon/icon-create-right-arrow.svg) no-repeat 50%/contain}.generateAvatarWrap .styleListGroup .styleList{display:flex;gap:8px;padding-bottom:4px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-right:16px;padding-left:16px}.generateAvatarWrap .styleListGroup .styleList::-webkit-scrollbar{display:none}.generateAvatarWrap .styleListGroup .styleList li{overflow:hidden;cursor:pointer;text-align:center;flex-shrink:0}.generateAvatarWrap .styleListGroup .styleList li .imgBox{position:relative;border-radius:12px}.generateAvatarWrap .styleListGroup .styleList li p{font-size:1.2rem;color:#d0cfd0;margin-top:6px}.generateAvatarWrap .styleListGroup .styleList li.selected .imgBox{border:2px solid #7a42f4;position:relative}.generateAvatarWrap .styleListGroup .styleList li.selected .imgBox .checkIcon{position:absolute;bottom:6px;right:6px;background:#7a42f4;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.generateAvatarWrap .styleListGroup .styleList li.selected .imgBox .checkIcon i{width:12px;height:12px;background:url(/img/icon/icon-check-white.svg)}.generateAvatarWrap .generateButton{height:52px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.6rem;margin-top:auto;color:#78747f;background:#322c3b;border-radius:12px}.generateAvatarWrap .generateButton.active{background:var(--color-main);color:#fff}.generateAvatarWrap .generateButton .requiredCoinBox{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;background:#282728;border-radius:12px}.generateAvatarWrap .generateButton .requiredCoinBox i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg)}.generateAvatarWrap .generateButton .requiredCoinBox p{font-size:1.4rem;font-weight:700}.generateAvatarWrap .generatingBox{width:230px;height:300px;margin:64px auto 0;border-radius:12px;overflow:hidden}.generateAvatarWrap .generatingBox img{width:100%;height:100%;object-fit:cover}.generateAvatarWrap .buttonGroup{display:flex;align-items:center;margin-top:auto;gap:8px;position:absolute;left:0;bottom:0;padding:0 16px;width:100%}.generateAvatarWrap .buttonGroup button{border-radius:12px}.generateAvatarWrap .buttonGroup .prevButton{width:52px;height:52px;background:#3f3e3f}.generateAvatarWrap .buttonGroup .prevButton i{width:24px;height:24px;background:url(/img/icon/icon-prev-line.svg)}.generateAvatarWrap .buttonGroup .selectButton{flex:1 1;height:52px;font-size:1.6rem;background:var(--color-main)}.generateAvatarWrap .image-grid{justify-self:center;align-self:center;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;max-width:350px;margin-top:5.5%;aspect-ratio:1}.generateAvatarWrap .image-grid-item{position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:9/16;width:100%}.generateAvatarWrap .image-grid-item.active{border:2px solid #6e44ff;border-radius:12px}.generateAvatarWrap .image-grid-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.generateAvatarWrap .image-grid-item .loading-generated-image{width:100%;height:100%;background-color:#282728;border-radius:12px;display:flex;align-items:center;justify-content:center}.generateAvatarWrap .image-grid-item .selected-generated-image{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;justify-content:center;padding:2px;background-color:#6e44ff;border-radius:8px}.generateAvatarWrap .image-grid-item .selected-generated-image i{width:12px;height:12px;background:url(/img/icon/icon-check-white.svg)}.generateAvatarWrap .fetch-fail{display:flex;justify-content:center;align-items:center;flex:1 1;flex-direction:column}.generateAvatarWrap .fetch-fail .fetch-fail-text{font-size:1.4rem;color:#ff005e;font-weight:500;margin-bottom:12px}.generateAvatarWrap .fetch-fail .fetch-retry{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:6px 8px;border-radius:6px;background:#3f3e3f;gap:4px}.generateAvatarWrap .fetch-fail .fetch-retry i{width:16px;height:16px;background:url(/img/icon/icon-refresh-gray.svg)}.generateAvatarWrap .fetch-fail .fetch-retry .fetch-retry-text{font-size:1.4rem;font-weight:500;color:#d0cfd0}.generateVideoWrap{display:flex;flex-direction:column;border-top:1px solid #3f3e3f;height:100%;padding:16px}.generateVideoWrap .describeText{line-height:30px;font-size:2.2rem;font-weight:700;font-family:SpaceGrotesk,sans-serif}.generateVideoWrap .generatingDescriptionText{font-size:1.4rem;font-weight:400;color:#b8b8b8;line-height:20px;margin-top:8px}.generateVideoWrap .contentContainer{display:flex;align-items:center;flex-direction:column;margin-top:36px;gap:25px}.generateVideoWrap .contentContainer .video-image-container{position:relative;width:114px;aspect-ratio:9/16;overflow:hidden;border-radius:12px}.generateVideoWrap .contentContainer .videoInfoContainer{width:100%;display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.generateVideoWrap .contentContainer .videoInfoContainer .videoDescription{font-size:1.4rem;font-weight:500;color:#fff}.generateVideoWrap .contentContainer .videoInfoContainer .textareaBox{display:flex;flex-direction:column}.generateVideoWrap .contentContainer .videoInfoContainer .textareaBox textarea{height:72px;max-height:132px;border-bottom-right-radius:0;border-bottom-left-radius:0;display:block}.generateVideoWrap .contentContainer .videoInfoContainer .textareaBox .textLength{background-color:#282728;padding:12px 12px 12px 0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;display:flex;align-items:center;justify-content:flex-end}.generateVideoWrap .contentContainer .videoInfoContainer .textareaBox .textLength span{font-size:1.2rem;color:#717071}.generateVideoWrap .contentContainer .videoGeneratingImageBox{width:255px;aspect-ratio:9/16;background:#282728;border-radius:12px;display:flex;justify-content:center;align-items:center}.generateVideoWrap .contentContainer .videoGeneratedImageBox{width:255px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;position:relative}.generateVideoWrap .generateButton{background:#322c3b;font-size:1.6rem;font-weight:500;color:#78747f;padding:14px 0;border-radius:12px;position:absolute;bottom:12px;width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:6px}.generateVideoWrap .generateButton .requiredCoinBox{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;background:rgba(18,17,19,.5);border-radius:12px}.generateVideoWrap .generateButton .requiredCoinBox i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg)}.generateVideoWrap .generateButton .requiredCoinBox p{font-size:1.4rem;font-weight:700}.generateVideoWrap .generateButton.active{background:#6e44ff;color:#fff}.generateVideoWrap .selectVideoButtonContainer{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:12px;width:calc(100% - 32px);gap:8px}.generateVideoWrap .selectVideoButtonContainer .prevButton{background:#3f3e3f;padding:14px 16px 10px;border-radius:12px}.generateVideoWrap .selectVideoButtonContainer .prevButton i{width:24px;height:24px;background:url(/img/icon/icon-prev-line.svg)}.generateVideoWrap .selectVideoButtonContainer .selectVideoButton{background:#322c3b;font-size:1.6rem;font-weight:500;color:#78747f;padding:14px 0;flex:1 1;border-radius:12px}.generateVideoWrap .selectVideoButtonContainer .selectVideoButton.active{background:#6e44ff;color:#fff}.generateVideoWrap .errorContainer{display:flex;flex-direction:column;align-items:center;gap:12px}.generateVideoWrap .errorContainer .errorText{font-size:1.4rem;font-weight:500;color:#ff005e}.generateVideoWrap .errorContainer .retryButton{padding:6px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;background:#3f3e3f}.generateVideoWrap .errorContainer .retryButton i{width:16px;height:16px;background:url(/img/icon/icon-refresh.svg)}.generateVideoWrap .errorContainer .changePromptButton{padding:6px 8px;display:flex;border-radius:6px;background:#3f3e3f;font-size:1.4rem;font-weight:500;color:#d0cfd0}.followersWrap .userCharacterGroup .tabList li.active a strong{color:#fff;font-weight:800}.followersWrap .userCharacterGroup .tabList li a{font-weight:600}.followersWrap .userCharacterGroup .tabList li a strong{color:#717071;font-weight:800}.followersWrap .userCharacterGroup .tabContents .content{padding:0}.followersWrap .userCharacterGroup .tabContents .content .userList{gap:0}.followersWrap .userCharacterGroup .tabContents .content .userList li{padding:8px 16px;background:none;border-radius:0}.followersWrap .userCharacterGroup .tabContents .content .userList li .imgBox{width:36px;height:36px;border-radius:10px}.followersWrap .userCharacterGroup .tabContents .content .userList li .infoBox .name{font-size:1.4rem;margin-bottom:0}.myCoinWrap{padding-top:16px}.myCoinWrap .myCoinBox{margin:0 0 24px;width:100%}.myCoinWrap .labelBox label{font-size:1.6rem;font-weight:600}.myCoinWrap .rewardGrid{display:flex;flex-wrap:wrap;gap:6px;padding:16px;border-radius:12px;background:#282728}.myCoinWrap .rewardGrid .rewardBox{width:calc((100% - 18px)/4);border-radius:8px;background:#484351;padding-bottom:6px;overflow:hidden}.myCoinWrap .rewardGrid .rewardBox h5{height:20px;line-height:20px;text-align:center;font-size:1rem;font-weight:500;background:#605b68}.myCoinWrap .rewardGrid .rewardBox p{display:flex;align-items:center;justify-content:center;font-weight:800;gap:2px;margin:16px 0}.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-0,.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-1,.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-2,.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-3{width:20px;height:20px;background:url(/img/icon/icon-coin.svg)}.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-4,.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-5{width:20px;height:20px;background:url(/img/icon/icon-coin-2.svg)}.myCoinWrap .rewardGrid .rewardBox p i.coinIcon-6{width:20px;height:20px;background:url(/img/icon/icon-coin-3.svg)}.myCoinWrap .rewardGrid .rewardBox button{width:calc(100% - 12px);margin-left:6px;height:24px;padding:0;font-size:1rem;font-weight:700;color:#b8b8b8;background:#78747f;pointer-events:none}.myCoinWrap .rewardGrid .rewardBox.claimed{opacity:40%}.myCoinWrap .rewardGrid .rewardBox.claimed button{pointer-events:none}.myCoinWrap .rewardGrid .rewardBox.claime button{color:#fff;background:linear-gradient(180deg,#b996ff,#6e44ff);pointer-events:painted}.myCoinWrap .rewardGrid .rewardBox:last-child{width:calc(50% - 6px)}.myCoinWrap .getCoinsSheet{margin-top:0;padding:0}.myCoinWrap .labelBox:nth-child(2) .box{padding:16px;border-radius:12px;background:#282728}.myCoinWrap .header .left .username{font-weight:600;font-size:2rem}.subscribeHeader{padding:14px 16px}.subscribeContent{padding:14px 24px;display:flex;justify-content:center;align-items:center;height:calc(100vh - 52px)}.subscribeContent .modal{padding:32px 16px;border-radius:24px;background:#282728}.subscribeContent .textContainer{display:flex;flex-direction:column;align-items:center;gap:12px}.subscribeContent .titleText{text-align:center;font-size:18px;font-weight:800}.subscribeContent .descText{text-align:center;font-size:14px;font-weight:400;color:#d0cfd0}.subscribeContent .unSubscribeAgainText{text-align:center;font-size:11px;font-weight:400;color:#8b8b8c}.subscribeContent .unSubscribeAgainText .unSubscribeButton{color:#6e44ff;cursor:pointer;font-weight:400;font-size:11px}.editWrap{display:flex;flex-direction:column;padding:1.6rem}.editWrap .avatar{position:relative;width:8.4rem;height:8.4rem;border-radius:4.2rem;margin-bottom:1.6rem;align-self:center;cursor:pointer}.editWrap .avatar>img{object-fit:cover;border-radius:4.2rem}.editWrap .avatar .defaultImage{background-color:"yellow";border-radius:4.2rem;width:100%;height:100%}.editWrap .avatar>button{position:absolute;background-color:#78747f;bottom:0;right:0;border-radius:16px;padding:.4rem;display:flex}.editWrap .avatar>button i{background:url(/img/icon/icon-edit-pencil.svg);width:1.6rem;height:1.6rem}.editWrap .menu .menuItem{display:flex;height:5.2rem;padding:.8rem 0;align-items:center;gap:1.2rem;border-bottom:.1rem solid #282728;cursor:pointer;font-weight:500;justify-content:space-between}.editWrap .menu .menuItem .left{display:flex;align-items:center;gap:12px}.editWrap .menu .menuItem .left>i{width:2.4rem;height:2.4rem;flex-shrink:0}.editWrap .menu .menuItem .left .icon-name{background:url(/img/icon/icon-user-square.svg)}.editWrap .menu .menuItem .left .icon-visibility{background:url(/img/icon/icon-eye.svg)}.editWrap .menu .menuItem .left .icon-type{background:url(/img/icon/icon-option.svg)}.editWrap .menu .menuItem .left .icon-backstory{background:url(/img/icon/icon-book-open.svg)}.editWrap .menu .menuItem .left .icon-intro{background:url(/img/icon/icon-chat-square.svg)}.editWrap .menu .menuItem .left .icon-subtitle{background:url(/img/icon/icon-text-align-left.svg)}.editWrap .menu .menuItem .left .icon-tags{background:url(/img/icon/icon-label.svg)}.editWrap .menu .menuItem .left .icon-delete{background:url(/img/icon/icon-trash-empty.svg)}.editWrap .menu .menuItem .right{display:flex;align-items:center;justify-content:flex-end;width:33%}.editWrap .menu .menuItem .right>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8b8b8c}.editWrap .menu .menuItem .right .icon-arrow{background:url(/img/icon/icon-chevron-right-md.svg);width:2.4rem;height:2.4rem;flex-shrink:0}.editWrap .menu .deleteButton{width:100%;border-bottom:none}.editContainer{padding-top:24px}.editImageWrap{display:flex;flex-direction:column;padding:2.4rem 1.6rem;position:relative;gap:1.6rem}.editImageWrap .imageContainer{display:flex;flex-direction:column;gap:1.2rem}.editImageWrap .imageContainer .textContainer{display:flex;flex-direction:row;gap:1.1rem}.editImageWrap .imageContainer .textContainer span{width:50%}.editImageWrap .imageContainer .imageContainer{display:flex;flex-direction:row;gap:1.1rem}.editImageWrap .imageContainer .imageContainer .profileImageCard{padding:8px;width:50%;height:100%;aspect-ratio:1/2;background-color:#282728;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:auto;gap:1rem}.editImageWrap .imageContainer .imageContainer .profileImageCard>img{width:100%;height:50%;border-radius:100px;object-fit:cover;aspect-ratio:1/1!important;margin-bottom:35%}.editImageWrap .imageContainer .imageContainer .backgroundImageCard{padding:8px;width:50%;height:100%;aspect-ratio:1/2;background-color:#282728;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:auto;gap:1rem}.editImageWrap .imageContainer .imageContainer .backgroundImageCard>img{width:100%;height:100%;overflow:hidden;aspect-ratio:9/16!important;object-fit:cover;border-radius:4px}.editImageWrap .imageContainer .imageContainer button{padding:.6rem;display:flex;gap:.4rem;justify-content:center;align-items:center;background-color:#484351;border-radius:1.4rem;width:100%}.editImageWrap .imageContainer .imageContainer button>i{width:1.6rem;height:1.6rem;background:url(/img/icon/icon-edit-pencil.svg)}.editImageWrap .imageContainer .imageContainer button>span{font-size:1.2rem;font-weight:500}.editImageWrap .createLoadingContainer{padding:6rem 1.6rem;background-color:#282728;border-radius:1.2rem;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1.4rem;cursor:pointer}.editImageWrap .createLoadingContainer>span{color:#b8b8b8;font-weight:500}.editImageWrap .createLoadingContainer>.videoLoadingIcon{width:3.2rem;height:3.2rem;border:5px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.editImageWrap .createVideoContainer{padding:6rem 1.6rem;background-color:#282728;border-radius:1.2rem;display:flex;justify-content:center;align-items:center;gap:.8rem;cursor:pointer}.editImageWrap .createVideoContainer>span{color:#b8b8b8;font-weight:500}.editImageWrap .createVideoContainer>.videoCreateIcon{background:url(/img/icon/icon-create-video.svg);width:1.6rem;height:1.6rem}.editImageWrap .videoContainer{display:flex;flex-direction:column;gap:1.2rem}.editImageWrap .videoContainer .textContainer{display:flex;flex-direction:row;gap:1.1rem}.editImageWrap .videoContainer .textContainer span{width:50%}.editImageWrap .videoContainer .imageContainer{display:flex;flex-direction:row;gap:1.1rem}.editImageWrap .videoContainer .imageContainer .profileImageCard{padding:8px;width:50%;height:100%;aspect-ratio:1/2;background-color:#282728;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:auto;gap:1rem}.editImageWrap .videoContainer .imageContainer .profileImageCard>video{width:100%;height:50%;border-radius:100px;object-fit:cover;aspect-ratio:1/1!important;margin-bottom:35%}.editImageWrap .videoContainer .imageContainer .backgroundImageCard{padding:8px;width:50%;height:100%;aspect-ratio:1/2;background-color:#282728;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:auto;gap:1rem}.editImageWrap .videoContainer .imageContainer .backgroundImageCard>video{width:100%;height:100%;overflow:hidden;aspect-ratio:9/16!important;object-fit:cover;border-radius:4px}.editImageWrap .videoContainer .imageContainer button{padding:.6rem;display:flex;gap:.4rem;justify-content:center;align-items:center;background-color:#484351;border-radius:1.4rem;width:100%}.editImageWrap .videoContainer .imageContainer button>i{width:1.6rem;height:1.6rem;background:url(/img/icon/icon-edit-pencil.svg)}.editImageWrap .videoContainer .imageContainer button>span{font-size:1.2rem;font-weight:500}.bottomNavigation{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:52px;background:#121113}.bottomNavigation ul{display:flex;height:100%}.bottomNavigation ul li{width:25%}.bottomNavigation ul li a{font-size:1rem;color:#575658;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:500;line-height:1}.bottomNavigation ul li a i{width:24px;height:24px}.bottomNavigation ul li a i.iconHome{background:url(/img/icon/icon-bottom-navigation-home.svg)}.bottomNavigation ul li a i.iconChat{background:url(/img/icon/icon-bottom-navigation-chat.svg)}.bottomNavigation ul li a i.iconCreate{background:url(/img/icon/icon-bottom-navigation-create.svg)}.bottomNavigation ul li a i.iconProfile{background:url(/img/icon/icon-bottom-navigation-profile.svg)}.bottomNavigation ul li.chat a i{position:relative}.bottomNavigation ul li.chat a i:before{content:"";position:absolute;top:0;right:0;width:6px;height:6px;border-radius:50%;background:var(--color-error)}.bottomNavigation ul li.active a{color:#fff}.bottomNavigation ul li.active a .iconHome{background:url(/img/icon/icon-bottom-navigation-home-active.svg)}.bottomNavigation ul li.active a .iconChat{background:url(/img/icon/icon-bottom-navigation-chat-active.svg)}.bottomNavigation ul li.active a .iconCreate{background:url(/img/icon/icon-bottom-navigation-create-active.svg)}.bottomNavigation ul li.active a .iconProfile{background:url(/img/icon/icon-bottom-navigation-profile-active.svg)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end;z-index:1000}.bottomSheetModal{width:100%;max-width:480px;background:#282728;border-radius:24px 24px 0 0;position:relative;animation:slideUp .3s ease-in-out}.bottomSheetModal.black{background:#121113}.bottomSheetModal .content{position:relative;background:#282728;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:-1px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.handle{width:36px;height:4px;background:#717071;border-radius:2px;margin:12px auto}.overlayHeader{position:relative;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #3f3e3f}.overlayHeader span{line-height:1.5}.overlayHeader .closeButton{font-size:medium;right:16px;line-height:1}.overlayHeader .closeButton i{width:24px;height:24px;background:url(/img/icon/icon-close.svg) no-repeat 50%/cover}.cropImageSheet{top:0;bottom:0;height:100vh;background:#000;z-index:100}.cropImageSheet,.cropImageSheet .cropImageContainer{left:0;right:0;width:100vw;max-width:480px;margin:0 auto}.cropImageSheet .cropImageContainer{position:absolute;top:60px;bottom:80px;height:calc(100vh - 140px)}.cropImageSheet .cropImageContainer p{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;font-size:1.4rem;z-index:101;background:#282728;padding:6px 12px;font-weight:600;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:4px}.cropImageSheet .cropImageContainer p i{width:24px;height:24px;background:url(/img/icon/icon-crop-info.svg) no-repeat 50%/cover}.cropImageSheet .reactEasyCrop_Container{max-width:480px;margin:0 auto;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100%!important}.cropImageSheet .reactEasyCrop_CropArea{border:2px solid #fff!important}.cropImageSheet .reactEasyCrop_MediaWrap{transform:none!important}.cropImageSheet .cropImageButton{position:absolute;bottom:-60px;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;z-index:120}.cropImageSheet .cropImageButton i{cursor:pointer;width:52px;height:52px;background:url(/img/icon/icon-crop-save-btn.svg) no-repeat 50%/cover}.cropVideoSheet{top:0;bottom:0;height:100vh;background:#000;z-index:100}.cropVideoSheet,.cropVideoSheet .cropVideoContainer{left:0;right:0;width:100vw;max-width:480px;margin:0 auto}.cropVideoSheet .cropVideoContainer{position:absolute;top:60px;bottom:80px;height:calc(100vh - 140px)}.cropVideoSheet .cropVideoContainer p{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;font-size:1.4rem;z-index:101;background:#282728;padding:6px 12px;font-weight:600;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:4px}.cropVideoSheet .cropVideoContainer p i{width:24px;height:24px;background:url(/img/icon/icon-crop-info.svg) no-repeat 50%/cover}.cropVideoSheet .reactEasyCrop_Container{max-width:480px;margin:0 auto;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100%!important}.cropVideoSheet .reactEasyCrop_CropArea{border:2px solid #fff!important}.cropVideoSheet .reactEasyCrop_MediaWrap{transform:none!important}.cropVideoSheet .cropVideoButton{position:absolute;bottom:-60px;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;z-index:120}.cropVideoSheet .cropVideoButton:disabled{cursor:not-allowed;opacity:.5}.cropVideoSheet .cropVideoButton .loading-spinner-container{background-color:#6e44ff;border-radius:50%;width:52px;height:52px;display:flex;justify-content:center;align-items:center}.cropVideoSheet .cropVideoButton .loading-spinner-container .loading-spinner{width:24px;height:24px;border:4px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:100px}.cropVideoSheet .cropVideoButton i{cursor:pointer;width:52px;height:52px;background:url(/img/icon/icon-crop-save-btn.svg) no-repeat 50%/cover}.addImageSheet{padding:0 16px}.addImageSheet .optionItem{display:flex;align-items:center;gap:12px}.addImageSheet .optionItem i{width:24px;height:24px}.addImageSheet .optionItem.iconGenerate i{background:url(/img/icon/icon-bottomsheet-generate.svg)}.addImageSheet .optionItem.iconUpload i{background:url(/img/icon/icon-bottomsheet-upload.svg)}.addImageSheet .optionItem.iconCrop i{background:url(/img/icon/icon-edit-crop.svg)}.addImageSheet .optionItem:last-child{border-bottom:0}.editVideoSheet{padding:0 16px}.editVideoSheet .optionItem{display:flex;align-items:center;gap:12px}.editVideoSheet .optionItem i{width:24px;height:24px}.editVideoSheet .optionItem.iconGenerate i{background:url(/img/icon/icon-create-video.svg)}.editVideoSheet .optionItem.iconCrop i{background:url(/img/icon/icon-edit-crop.svg)}.editVideoSheet .optionItem.iconDelete i{background:url(/img/icon/icon-trash-empty.svg)}.editVideoSheet .optionItem:last-child{border-bottom:0}.optionItem{padding:12px;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:background .2s ease-in-out}.optionItem:hover{background:hsla(0,0%,100%,.1)}.inquiryType{top:-1px;position:relative;background:#282728;padding:0 16px}.inquiryType .optionList li:last-child{border-bottom:0}.createSection{text-align:center;padding:16px}.createSection>p{color:#b8b8b8;margin-bottom:16px}.getCoinsSheet{position:relative;padding:0 16px 16px}.getCoinsSheet>p{margin-bottom:16px}.getCoinsSheet .listBox{display:flex;flex-wrap:wrap;gap:12px}.getCoinsSheet .listBox li{position:relative;width:calc(50% - 6px);padding:24px 6px 6px;border-radius:12px;background:#3f3e3f;overflow:hidden}.getCoinsSheet .listBox li .sale{position:absolute;top:0;right:0;padding:5px 8px;font-size:1rem;font-weight:700;border-radius:0 12px 0 12px;background:var(--color-error)}.getCoinsSheet .listBox li i.coinIcon-0{width:48px;height:48px;background:url(/img/icon/icon-coin.svg);margin-bottom:14px}.getCoinsSheet .listBox li i.coinIcon-1{width:48px;height:48px;background:url(/img/icon/icon-coin-2.svg);margin-bottom:14px}.getCoinsSheet .listBox li i.coinIcon-2{width:48px;height:48px;background:url(/img/icon/icon-coin-3.svg);margin-bottom:14px}.getCoinsSheet .listBox li i.coinIcon-3{width:48px;height:48px;background:url(/img/icon/icon-coin-4.svg);margin-bottom:14px}.getCoinsSheet .listBox li h5{font-size:1.6rem;font-weight:700;margin-bottom:16px}.getCoinsSheet .listBox li button{width:100%;height:36px;line-height:1;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--color-main)}.getCoinsSheet .listBox li button span{font-size:1rem;line-height:1;color:#d0cfd0;text-decoration:line-through}.getCoinsSheet .adAddButton{width:100%;border-radius:12px;padding:16px 12px;display:flex;align-items:center;background:linear-gradient(90deg,#b450f7,#6e44ff);margin-top:12px;gap:8px}.getCoinsSheet .adAddButton>i{width:24px;height:24px;background:url(/img/icon/icon-coin.svg)}.getCoinsSheet .adAddButton h5{font-size:1.6rem;line-height:1;font-weight:700;display:flex;flex-direction:column;align-items:start;gap:4px}.getCoinsSheet .adAddButton h5 span{font-size:1.2rem;line-height:1;font-weight:500}.getCoinsSheet .adAddButton .watchAd{padding:10px 8px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;color:#121113;font-weight:600;margin-left:auto;line-height:1}.getCoinsSheet .adAddButton .watchAd i{width:16px;height:16px;background:url(/img/icon/icon-play.svg)}.selectTags{background:#121113;padding:0;text-align:left}.selectTags .header{margin-top:-12px}.selectTags .generateCharacterWrap{min-height:calc(100vh - 140px)}.myPageGenerate{padding:0;text-align:left}.myPageGenerate .myPageWrap{min-height:calc(100vh - 52px)}@supports(-webkit-touch-callout:none){.myPageGenerate .myPageWrap{min-height:100vh}}.myPageGenerate .buttonGroup{margin:auto 0 12px;display:flex}.myPageGenerate .buttonGroup button{flex:1 1;height:52px;font-size:1.6rem;color:#78747f;display:flex;align-items:center;justify-content:center;background:#322c3b;border-radius:12px;pointer-events:none}.myPageGenerate .buttonGroup button.active{background:var(--color-main);color:#fff;pointer-events:auto}.myPageGenerate .buttonGroup button.disabled{background-color:#322c3b;color:#78747f}.createCharacter{top:-1px;position:relative;background:#282728;padding-top:0}.createCharacter .createButton{width:100%;display:flex;align-items:center;padding:20px 12px;text-align:left;background:linear-gradient(90deg,#b450f7,#6e44ff);border-radius:12px}.createCharacter .createButton .textBox h5{font-size:1.6rem;font-weight:600;margin-bottom:8px}.createCharacter .createButton .textBox p{font-size:1.2rem;line-height:1;color:#d0cfd0}.createCharacter .createButton .iconBox{width:36px;height:36px;border-radius:12px;background:#121113;display:flex;align-items:center;justify-content:center;margin-left:auto}.createCharacter .createButton .iconBox i{width:24px;height:24px;background:url(/img/icon/icon-createcharacter.svg)}.commentHeader{display:flex;flex-direction:column;margin-top:12px}.commentHeader .commentHeaderCount,.commentHeader .commentHeaderTitle{color:var(--Surface-10,#fff);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.32px}.commentHeader .commentHeaderTitle{margin-right:4px}.characterBottomSheetOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end;z-index:1000}.characterBottomSheetModal{width:100%;max-width:480px;min-height:30vh;background:#282728;border-radius:24px 24px 0 0;position:relative;animation:slideUp .3s ease-in-out;display:flex;flex-direction:column}.characterBottomSheetModal.black{background:#282728}.characterBottomSheetModal .content{position:relative;background:#282728;overflow-y:auto;max-height:calc(70vh - 70px);-webkit-overflow-scrolling:touch;margin-top:-1px}.characterBottomSheetHandle{width:36px;height:4px;background:#717071;border-radius:2px;margin:12px auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.characterBottomSheetOverlayHeader{position:relative;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;padding:0 0 16px;border-bottom:1px solid #3f3e3f}.characterBottomSheetOverlayHeader span{line-height:1.5}.characterBottomSheetOverlayHeader .closeButton{font-size:medium;right:16px;line-height:1}.characterBottomSheetOverlayHeader .closeButton i{width:24px;height:24px;background:url(/img/icon/icon-close.svg) no-repeat 50%/cover}.userItem{display:flex;padding:8px 32px 0;gap:8px;align-items:center}.userItem .imgBox{width:36px;height:36px;border-radius:9px;flex-shrink:0}.userItem span{font-size:14px;display:flex;align-items:center;height:36px;line-height:36px;padding-bottom:16px}.BottomHandle{width:134px;height:5px;margin:21px auto 8px;background:#fff;border-radius:2px}.characterCard{margin-bottom:16px}.characterCard .imgBox{position:relative;margin-bottom:10px;border-radius:12px;overflow:hidden}.characterCard .imgBox img{width:100%;display:block}.characterCard .imgBox img:hover{opacity:.5}.characterCard .imgBox .statusBox{position:absolute;left:6px;bottom:6px;padding:4px 8px;background:rgba(18,17,19,.48);border-radius:12px;gap:6px;display:flex;align-items:center}.characterCard .imgBox .statusBox span{display:flex;align-items:center;gap:2px;font-size:1.2rem;font-weight:400}.characterCard .imgBox .statusBox span i{width:12px;height:12px}.characterCard .imgBox .statusBox span i.iconComment{width:12px;height:12px;background:url(/img/icon/icon-status-comment.svg)}.characterCard .imgBox .statusBox span i.iconLike{width:12px;height:12px;background:url(/img/icon/icon-status-like.svg)}.characterCard .textBox .title{font-size:1.6rem;margin-bottom:8px}.characterCard .textBox .description{color:#b8b8b8;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;word-break:keep-all;word-wrap:break-word}.characterCard .tagList{display:flex;flex-wrap:wrap;gap:4px}.characterCard .tagList li a{background:#282728;color:#d0cfd0;font-size:1.1rem;padding:3px 4px;border-radius:4px}.characterCard .tagList li a:before{content:"#";color:#d0cfd0}.characterCard .username{font-size:1.2rem;font-weight:500;color:#717071;margin-top:10px}.chatRoomContainer{flex-direction:column;height:100dvh;background:#121113;position:fixed;bottom:0;overflow:hidden;max-width:480px;align-self:center;justify-self:center}.chatRoomContainer,.chatRoomHeader{display:flex;top:0;left:0;right:0;width:100%}.chatRoomHeader{height:52px;align-items:center;justify-content:space-between;background:rgba(18,17,19,.5);flex-shrink:0;position:absolute;z-index:100;padding:8px 16px;position:relative;z-index:1000;background:rgba(18,17,19,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.chatRoomHeader .left{display:flex;align-items:center;gap:4px}.chatRoomHeader .left .prev i{width:24px;height:24px;background:url(/img/icon/icon-prev-page.svg) no-repeat 50%/cover}.chatRoomHeader .left .profileBox{display:flex;align-items:center;gap:4px}.chatRoomHeader .left .profileBox .imgBox{width:36px;height:36px;border-radius:50%;overflow:hidden;cursor:pointer}.chatRoomHeader .left .profileBox .textBox h3{font-weight:600;margin-bottom:4px}.chatRoomHeader .left .profileBox .textBox p{font-size:1.2rem;color:#b8b8b8;font-weight:400;line-height:1}.chatRoomHeader .right{display:flex;align-items:center;gap:12px}.chatRoomHeader .right .coinButton{background:hsla(0,0%,100%,.25);padding:4px 6px 4px 4px;gap:4px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.chatRoomHeader .right .coinButton i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.chatRoomHeader .right .coinButton span{font-size:1.4rem;font-weight:700;line-height:100%;letter-spacing:-.28px}.chatRoomHeader .right .menu{display:flex}.chatRoomHeader .right .menu i{width:24px;height:24px;background:url(/img/icon/icon-chat-menu.svg) no-repeat 50%/cover}.chatContentContainer{position:relative;flex:1 1;overflow:auto}.chatBackground{display:flex;flex-direction:column;height:100dvh;background:#121113;top:0;left:0;right:0;bottom:0;width:100%;overflow:hidden;align-self:center;justify-self:center;position:absolute;z-index:0;pointer-events:none;min-height:768px}.chattingRoomWrap{position:fixed;width:100%;max-width:480px;top:52px;bottom:0;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,0);-ms-overflow-style:none;scrollbar-width:none;padding:16px 12px 104px}.chattingRoomWrap::-webkit-scrollbar{display:none}.chattingRoomWrap .chatContent{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chattingRoomWrap .chattings{flex:1 1}.chattingRoomWrap .noticeWord{font-size:1.2rem;line-height:1;color:#d0cfd0;text-align:center;padding:6px 12px;border-radius:12px;display:inline-block;width:-moz-fit-content;width:fit-content;margin:8px auto 16px;background:rgba(18,17,19,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-self:center}.chattingRoomWrap .chatList{display:flex;flex-direction:column;gap:12px;width:100%}.chattingRoomWrap .chatList li{display:flex;gap:8px;padding-right:32px}.chattingRoomWrap .chatList li .imgBox{width:24px;height:24px;border-radius:50%;overflow:hidden}.chattingRoomWrap .chatList li .imgBox img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.chattingRoomWrap .chatList li .editChatBubble{border:1px solid #6d67ff;position:relative;width:calc(100% - 36px);border-radius:2px 10px 10px 10px;background:#282728;padding:10px}.chattingRoomWrap .chatList li .editChatBubble span{font-size:1.5rem;line-height:1.34;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block}.chattingRoomWrap .chatList li .editChatBubble span.gray{color:#717071;font-style:italic}.chattingRoomWrap .chatList li .editChatBubble p{font-size:1.5rem;line-height:1.34;word-break:break-word;overflow-wrap:break-word;white-space:normal;margin:0}.chattingRoomWrap .chatList li .editChatBubble p.gray{color:#717071;font-style:italic}.chattingRoomWrap .chatList li .editChatBubble .editInput{width:100%;background:rgba(0,0,0,0);border:none;padding:0;margin:0;line-height:1.34;font-size:1.5rem;color:#fff;outline:none;height:auto;resize:none;overflow:hidden;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-family:inherit}.chattingRoomWrap .chatList li .chatBubble{border:1px solid rgba(0,0,0,0);position:relative;max-width:calc(100% - 36px);border-radius:2px 10px 10px 10px;padding:10px;background:#282728;min-width:80px}.chattingRoomWrap .chatList li .chatBubble span{font-size:1.5rem;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:block;font-weight:400;line-height:1.34}.chattingRoomWrap .chatList li .chatBubble span.gray{color:#717071;font-style:italic}.chattingRoomWrap .chatList li .chatBubble p{font-size:1.5rem;line-height:1.34;word-break:break-word;overflow-wrap:break-word;white-space:normal;margin:0}.chattingRoomWrap .chatList li .chatBubble p.gray{color:#717071;font-style:italic}.chattingRoomWrap .chatList li .chatBubble .editInput{width:100%;background:rgba(0,0,0,0);border:none;padding:0;margin:0;line-height:1.34;font-size:1.5rem;color:#fff;outline:none;height:auto;word-break:break-word;overflow-wrap:break-word;white-space:normal}.chattingRoomWrap .chatList li.me{display:inline-flex;justify-content:flex-end;padding-right:0;padding-left:32px}.chattingRoomWrap .chatList li.me .chatBubble{border-radius:10px 2px 10px 10px;background:var(--color-main);min-width:auto}.chattingRoomWrap .chatList li.me .chatBubble span.gray{color:#b8b8b8!important}.chattingRoomWrap .chatList li.me .editChatBubble{border-radius:10px 2px 10px 10px}.chattingRoomWrap .chatList li .statusBox{position:absolute;top:calc(100% + 8px);right:0;display:flex;gap:8px;z-index:100}.chattingRoomWrap .chatList li .statusBox button{width:32px;height:32px;border-radius:50%;background-color:#282728;display:flex;align-items:center;justify-content:center}.chattingRoomWrap .chatList li .statusBox button i{width:20px;height:20px}.chattingRoomWrap .chatList li .statusBox button.modifyButton i{background:url(/img/icon/icon-chat-modify.svg) no-repeat 50%/cover}.chattingRoomWrap .chatList li .statusBox button.refreshButton i{background:url(/img/icon/icon-chat-refresh.svg) no-repeat 50%/cover}.chattingRoomWrap .chatList li .statusBox button:disabled{opacity:.5;cursor:not-allowed}.chattingRoomWrap .chatList li .statusBox button.confirmButton i{background:url(/img/icon/icon-chat-check.svg) no-repeat 50%/cover}.chattingRoomWrap .chatList li .statusBox button.cancelButton i{background:url(/img/icon/icon-chat-close.svg) no-repeat 50%/cover}.chattingRoomWrap .chatList li.error .chatBubble p{color:#717071}.chattingRoomWrap .noChatPage{height:100%;display:flex;align-items:center;justify-content:center}.chattingRoomWrap .noChatPage .infoBox{text-align:center}.chattingRoomWrap .noChatPage .infoBox p{margin:12px 0 16px;color:#717071}.chattingRoomWrap .noChatPage .infoBox button{padding:6px 8px;background:var(--color-main)}.chatInputBox{position:absolute;bottom:0;left:0;right:0;padding:8px;flex-shrink:0;background:rgba(18,17,19,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200}.chatInputBox.editMode{padding:0;background:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none}.chatInputBox .bottomButton{position:absolute;top:-48px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:12px;background:#3f3e3f;display:flex;align-items:center;justify-content:center}.chatInputBox .bottomButton i{width:24px;height:24px;background:url(/img/icon/icon-arrow-bottom.svg)}.chatInputBox .inputGroup{display:flex;align-items:flex-start;gap:8px}.chatInputBox .inputGroup.editMode{align-items:center;justify-content:space-between;gap:4px;background:rgba(18,17,19,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-left:-12px;margin-right:-12px;margin-bottom:-12px;padding:8px 12px 18px}.chatInputBox .inputGroup .editCancelButton{width:32px;height:32px;border-radius:12px;display:flex;align-self:flex-end;align-items:flex-end;justify-content:flex-end;background:rgba(0,0,0,0)}.chatInputBox .inputGroup .editCancelButton i{width:24px;height:24px}.chatInputBox .inputGroup .editCancelButton i.cancel-icon{background:url(/img/icon/icon-edit-close-btn.svg) no-repeat 50%/cover}.chatInputBox .inputGroup .inputBox{position:relative;width:calc(100% - 48px);min-height:40px;max-height:120px;display:flex;align-items:flex-start;padding:0 12px;border-radius:8px;background:hsla(0,0%,100%,.25);border-radius:12px}.chatInputBox .inputGroup .inputBox.editMode{width:calc(100% - 80px);border:1px solid #6e44ff}.chatInputBox .inputGroup .inputBox textarea{width:100%;border-radius:0;background:rgba(0,0,0,0);color:#fff;border:none;font-size:1.5rem;outline:none;resize:none;line-height:1.34;font-family:inherit;display:block;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:10px 24px 10px 0;font-weight:400;letter-spacing:-.3px}.chatInputBox .inputGroup .inputBox textarea::-webkit-scrollbar{display:none}.chatInputBox .inputGroup .inputBox textarea::placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#b8b8b8}.chatInputBox .inputGroup .inputBox.editMode textarea{max-height:80px!important;padding-bottom:8px}.chatInputBox .inputGroup .inputBox>button{position:absolute;right:12px;bottom:10px;transform:none;display:flex}.chatInputBox .inputGroup .inputBox>button i{width:16px;height:16px;background:url(/img/icon/icon-snow.svg)}.chatInputBox .inputGroup>button{width:40px;height:40px;border-radius:12px;display:flex;align-self:flex-end;align-items:center;justify-content:center;background:#717071}.chatInputBox .inputGroup>button.editMode{background:rgba(0,0,0,0)}.chatInputBox .inputGroup>button.editMode i{background:none}.chatInputBox .inputGroup>button.active{background:var(--color-main)}.chatInputBox .inputGroup>button.active.editMode{background:rgba(0,0,0,0)}.chatInputBox .inputGroup>button i{width:24px;height:24px;background:url(/img/icon/icon-message-send.svg)}.chatInputBox .inputGroup>button i.confirm-icon{margin-right:4px;width:100%;height:100%;background:url(/img/icon/icon-edit-send-btn.svg) no-repeat 50%/cover}@media screen and (max-width:768px){.chatRoomContainer{height:100vh;height:100dvh;overflow:hidden}.chatInputBox{position:-webkit-sticky;position:sticky;bottom:0;z-index:300}@supports(height:100dvh){.chatInputBox{bottom:calc(100vh - 100dvh)}}.chattingRoomWrap{position:fixed;top:52px;left:0;right:0;height:auto}.editingMessagePreview{display:flex;gap:8px;padding-right:44px;margin-bottom:8px;z-index:300;pointer-events:none}.editingMessagePreview .imgBox{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}}.keyboard-open .chatInputBox{position:fixed;bottom:0;transform:translateY(0)}.chatSearchPageWrap{background:#121113}.chatSearchPageWrap .container{padding:0 12px}.chatSearchPageWrap .box{padding-top:16px}.chatSearchPageWrap .box h2{font-size:1.6rem;margin-bottom:16px;font-weight:600}.chatSearchPageWrap .chatGroup li{display:flex}.chatSearchPageWrap .chatGroup li a{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px}.chatSearchPageWrap .chatGroup li a .imgBox{width:56px;height:56px;border-radius:50%;overflow:hidden}.chatSearchPageWrap .chatGroup li a .textBox{width:calc(100% - 68px)}.chatSearchPageWrap .chatGroup li a .textBox .name{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chatSearchPageWrap .chatGroup li a .textBox .name strong{position:relative;font-size:1.6rem;font-weight:600;line-height:1}.chatSearchPageWrap .chatGroup li a .textBox .name .time{font-size:1.2rem;line-height:1;font-weight:400;color:#717071}.chatSearchPageWrap .chatGroup li a .textBox .content{position:relative;font-weight:400;color:#717071;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px}.chatSearchPageWrap .chatGroup li a .textBox .content.unread:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-error);top:50%;transform:translateY(-50%);right:0}.chatSearchPageWrap .chatGroup li a:hover{background:#282728;transition-duration:.15s}.chatSearchPageWrap .chatGroup li.bookMark .name strong:after{content:"";position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(/img/icon/icon-like-user.svg) no-repeat}.chatSearchPageWrap .noResult{height:100%}.chatSearchPageWrap .noResult .textBox{text-align:center;margin-top:120px}.chatSearchPageWrap .noResult .textBox i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-search-gray.svg)}.chatSearchPageWrap .noResult .textBox p{color:#717071;font-weight:500}.commentContainer .header{display:flex;justify-content:flex-start;width:100%;gap:4px;padding:24px 0 16px;height:auto;z-index:0}.commentContainer .header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100vw;height:1px;background-color:#282728}.commentContainer .header .headerCount,.commentContainer .header .headerTitle{color:var(--Surface-10,#fff);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.32px}.commentContainer .commentBtn{display:flex;justify-content:center;align-items:center;gap:6px;flex-shrink:0;padding:14px 16px;border-radius:12px;background:var(--Tonal-2,#322c3b);width:100%;margin-top:16px;color:var(--Surface-10,#fff);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.32px}.commentContainer .divider{position:relative}.commentContainer .divider:after{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:100vw;height:1px;background-color:#282728}.commentPreview{display:flex;justify-content:flex-end}.commentPreview,.commentPreviewList{flex-direction:column;align-items:center}.commentPreviewList{width:100%;justify-content:flex-start;flex:1 1;position:relative;padding:0}.commentPreviewList .commentPreviewListContent{display:flex;flex-direction:column;width:100%;margin:16px 0 0}.commentList{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 1;position:relative;padding:16px}.commentList.webViewportHeight{max-height:70vh;min-height:70vh}.commentList.iosViewportHeight{max-height:calc(var(--vh, 1vh)*70);min-height:calc(var(--vh, 1vh)*70)}.commentList.iosViewportHeight.keyboard-open{max-height:calc(var(--vh, 1vh)*86);min-height:calc(var(--vh, 1vh)*86)}.commentList.iosViewportHeight.keyboard-closed{max-height:calc(var(--vh, 1vh)*70)!important;min-height:calc(var(--vh, 1vh)*70)!important}.commentList.androidViewportHeight{max-height:calc(var(--vh, 1vh)*70);min-height:calc(var(--vh, 1vh)*70)}.commentList.androidViewportHeight.keyboard-open{max-height:calc(var(--vh, 1vh)*86);min-height:calc(var(--vh, 1vh)*86)}.commentList.androidViewportHeight.keyboard-closed{max-height:calc(var(--vh, 1vh)*70)!important;min-height:calc(var(--vh, 1vh)*70)!important}.commentList .headerContainer{display:flex;justify-content:center;align-items:center;width:100%;gap:4px;padding:0;height:auto;margin-bottom:16px}.commentList .headerContainer .headerCount,.commentList .headerContainer .headerTitle{color:var(--Surface-10,#fff);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:800;line-height:24px;letter-spacing:-.32px}.commentList .observer{width:100%;height:100px;margin-top:0;text-align:center;line-height:30px;font-size:12px;border:1px solid rgba(0,0,0,0)}.commentList .commentListContent{display:flex;flex-direction:column;width:100%;overflow-y:auto;margin-bottom:40px}.commentList .commentListContent li:last-child{margin-bottom:40px}.commentTextAreaForm{display:flex;width:100%;position:absolute;bottom:0;left:0;z-index:999;padding:8px;gap:8px;background-color:#282828;box-sizing:border-box}.commentTextAreaForm .textareaWrapper{position:relative;flex:1 1;display:flex;flex-direction:column}.commentTextAreaForm .textareaWrapper .characterCount{position:absolute;bottom:8px;right:8px;color:var(--Surface-5,#717071);font-size:12px;font-weight:400}.commentTextAreaForm .commentTextArea{flex:1 1;padding:10px 12px;resize:none;background-color:#3f3f3f;border:none;border-radius:8px;word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;transition:height .2s ease-out;color:var(--Surface-10,#fff);font-family:Inter;font-size:15px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.3px}.commentTextAreaForm .commentTextArea::placeholder{color:#999}.commentTextAreaForm .commentTextArea:focus{outline:none}.commentTextAreaForm .submitBtn{display:flex;padding:8px;align-items:center;justify-content:center;gap:10px;height:40px;width:40px;min-width:40px;border-radius:12px;background-color:#717071;border:none;cursor:pointer;flex-shrink:0}.commentTextAreaForm .submitBtn.active{background-color:#6e44ff}.commentTextAreaForm .submitBtn i{display:block;background-image:url(/img/icon/icon-message-send.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;width:24px;min-width:24px}.commentItem{display:flex;width:100%;gap:8px;padding:6px 0}.commentItem .right{display:flex;flex-direction:column;gap:8px;width:100%}.commentItem .right .contentTop{display:flex;position:relative;gap:4px;align-items:center;justify-content:space-between;width:100%}.commentItem .right .contentTop .authorNameDate{display:flex;gap:4px;align-items:flex-start}.commentItem .right .contentTop .authorNameDate span{display:inline-block;font-family:Inter;font-size:12px;font-style:normal;line-height:12px;letter-spacing:-.24px}.commentItem .right .contentTop .authorNameDate .authorName{color:#fff;font-weight:600;cursor:pointer}.commentItem .right .contentTop .authorNameDate .date{color:var(--Surface-5,#717071);font-weight:500}.commentItem .right .contentTop .iconMenu{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-size:contain;aspect-ratio:1/1;background-color:var(--Surface-5);background:url(/img/icon/icon-comment-menu.svg);object-fit:cover;background-size:cover;background-position:50%}.commentItem .right .contentTop .menu{position:absolute;top:0;right:0}.commentItem .right .contentTop .sideModal{z-index:310;position:absolute;top:0;right:30px;border-radius:6px;background:#3f3f3f;overflow:hidden}.commentItem .right .contentTop .sideModal a{display:flex;align-items:center;gap:12px;padding:12px}.commentItem .right .contentTop .sideModal a.iconMenuBlock{color:var(--color-error)}.commentItem .right .contentTop .sideModal a.iconMenuBlock i{width:24px;height:24px;background:url(/img/icon/icon-block.svg) no-repeat 50%/cover}.commentItem .right .contentTop .sideModal a.iconMenuReport{color:var(--color-error)}.commentItem .right .contentTop .sideModal a.iconMenuReport i{width:24px;height:24px;background:url(/img/icon/icon-warning.svg) no-repeat 50%/cover}.commentItem .right .contentTop .sideModal a.iconMenuEdit i{width:24px;height:24px;background:url(/img/icon/icon-pen.svg) no-repeat 50%/cover}.commentItem .right .contentBottom{width:100%;display:flex;flex-direction:column;gap:8px}.commentItem .right .contentBottom .content{color:var(--Surface-8,#d0cfd0);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.28px;word-break:break-all;overflow-wrap:break-word}.commentItem .right .contentBottom .likeContainer{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:4px}.commentItem .right .contentBottom .likeContainer .likeBtn{display:flex;align-items:center;justify-content:center}.commentItem .right .contentBottom .likeContainer .likeCount{color:var(--Surface-5,#717071);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:12px;letter-spacing:-.24px}.commentItem .right .contentBottom .heart{display:inline-block;position:relative;width:16px;height:16px}.commentItem .right .contentBottom .heart i{position:absolute;left:0;bottom:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:contain}.commentItem .right .contentBottom .heart.heart_empty i{background-image:url(/img/icon/icon-comment-like.svg)}.commentItem .right .contentBottom .heart.heart_fill i{background-image:url(/img/icon/icon-comment-like-fill.svg)}.commentItem .authorProfileImage{width:24px;height:24px;border-radius:6px;object-fit:cover;background-size:cover;background-position:50%;cursor:pointer}.modalPortal{top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modalPortal,.toastPortal{position:fixed;z-index:9999}.toastPortal{bottom:40px;left:50%;transform:translateX(-50%)}.header{z-index:300;position:-webkit-sticky;position:sticky;top:0;height:52px;display:flex;align-items:center;justify-content:space-between;background:#121113;padding:0 16px}.header .left{gap:4px}.header .left .username{font-weight:600;font-size:2rem}.header .left,.header .right{display:flex;align-items:center}.header .right{gap:12px}.header .right .setting{width:24px;height:24px;line-height:1}.header .right .setting i{width:24px;height:24px;background:url(/img/icon/icon-header-setting.svg)}.header .right .save,.header .right .skip{color:var(--color-main)}.header .right .newSave{background-color:var(--color-main);display:flex;justify-content:center;align-items:center;gap:12px;padding:0 8px;height:24px;border-radius:12px;font-size:1.3rem;font-weight:500}.header .right .newSave:disabled{opacity:.5}.header .left span,.header .right span{font-size:18px;cursor:pointer}.header .logo{width:64px}.header .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:600}.header .coinButton{background:#282728;padding:4px 6px;gap:4px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.header .coinButton i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.header .coinButton span{font-size:1.2rem;font-weight:700}.header .menu,.header .userMenu{position:relative}.header .menu .sideModal,.header .userMenu .sideModal{z-index:310;position:absolute;top:calc(100% + 14px);right:0;border-radius:6px;background:#3f3f3f;overflow:hidden}.header .menu .sideModal a,.header .userMenu .sideModal a{display:flex;align-items:center;gap:12px;padding:12px}.header .menu .sideModal a.iconMenuShare i,.header .userMenu .sideModal a.iconMenuShare i{width:24px;height:24px;background:url(/img/icon/icon-share.svg) no-repeat 50%/cover}.header .menu .sideModal a.iconMenuBlock,.header .userMenu .sideModal a.iconMenuBlock{color:var(--color-error)}.header .menu .sideModal a.iconMenuBlock i,.header .userMenu .sideModal a.iconMenuBlock i{width:24px;height:24px;background:url(/img/icon/icon-block.svg) no-repeat 50%/cover}.header .menu .sideModal a.iconMenuReport,.header .userMenu .sideModal a.iconMenuReport{color:var(--color-error)}.header .menu .sideModal a.iconMenuReport i,.header .userMenu .sideModal a.iconMenuReport i{width:24px;height:24px;background:url(/img/icon/icon-warning.svg) no-repeat 50%/cover}.header .menu .sideModal a.iconMenuEdit i,.header .userMenu .sideModal a.iconMenuEdit i{width:24px;height:24px;background:url(/img/icon/icon-pen.svg) no-repeat 50%/cover}.header .back{width:24px;height:24px;background:url(/img/icon/icon-prev-page.svg)}.header .close{width:24px;height:24px;background:url(/img/icon/icon-close.svg)}.header .heart{width:24px;height:24px;background:url(/img/icon/icon-header-like.svg)}.header .heart_fill{width:24px;height:24px;background:url(/img/icon/icon-header-like-fill.svg)}.header .menu{width:24px;height:24px;background:url(/img/icon/icon-header-menu.svg)}.header .userMenu{width:24px;height:24px;background:url(/img/icon/icon-user-menu.svg)}.homeScreenHeader{z-index:300;position:-webkit-sticky;position:sticky;top:0;height:52px;justify-content:space-between;background:#121113;padding:0 8px}.homeScreenHeader,.homeScreenHeader .left,.homeScreenHeader .right{display:flex;align-items:center}.homeScreenHeader .right{gap:12px}.homeScreenHeader .left span,.homeScreenHeader .right span{font-size:18px;cursor:pointer}.homeScreenHeader .logo{width:64px}.homeScreenHeader .coinButton{background:#282728;padding:4px 6px;gap:4px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.homeScreenHeader .coinButton i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.homeScreenHeader .coinButton span{font-size:1.2rem;font-weight:700}.homeScreenHeader .loginButton{background:#322c3b;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.homeScreenHeader .loginButton span{font-size:1.2rem;font-weight:700;color:#b8b8b8}.homeScreenHeader .getAppButton{background:#6e44ff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.homeScreenHeader .getAppButton span{font-size:1.2rem;font-weight:600;color:#fff}.modalComponent-modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modalComponent-modalContent{background:#282728;padding:24px 16px 16px;border-radius:24px;width:410px;max-width:calc(100% - 32px);position:relative;text-align:center;color:#fff}.modalComponent-modalContent h2{font-size:1.8rem;font-weight:800;margin-bottom:12px}.modalComponent-modalContent>div>p,.modalComponent-modalContent>p{font-weight:400;color:#d0cfd0;margin-bottom:24px}.modalComponent-modalContent>div>p+button{margin-top:0}.modalComponent-buttonGroup{display:flex;gap:8px;justify-content:center;margin-top:24px}.modalComponent-buttonGroup button{height:52px;margin-top:0}.modalComponent-buttonGroup button:first-child{background:var(--color-main)}.modalComponent-buttonGroup button:last-child{background:#484351}.modalComponent-buttonGroup .loading-spinner{width:24px;height:24px;border:3px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:100px}.modalComponent-buttonGroup.column{gap:0;flex-direction:column}.modalComponent-buttonGroup.column button:last-child{background:none}.modalComponent-blockButton,.modalComponent-buyButton,.modalComponent-cancelButton,.modalComponent-closeButton,.modalComponent-createButton,.modalComponent-primaryButton,.modalComponent-secondaryButton{font-size:1.6rem;border-radius:12px;width:100%;margin-top:24px;cursor:pointer}.modalComponent-closeButton{height:52px;background:var(--color-main);color:#fff}.modalComponent-primaryButton{background:#6e44ff;color:#fff}.modalComponent-secondaryButton{background:#444;color:#ddd}.modalComponent-blockButton{background:#ff005e;color:#fff}.modalComponent-cancelButton{background:#555;color:#fff}.modalComponent-buyButton,.modalComponent-createButton{background:#6e44ff;color:#fff}.modalComponent-dailyReward .rewardGrid{display:flex;flex-wrap:wrap;gap:6px}.modalComponent-dailyReward .rewardGrid .rewardBox{width:calc((100% - 18px)/4);border-radius:8px;background:#484351;padding-bottom:6px;overflow:hidden}.modalComponent-dailyReward .rewardGrid .rewardBox h5{height:20px;line-height:20px;text-align:center;font-size:1rem;font-weight:500;background:#605b68}.modalComponent-dailyReward .rewardGrid .rewardBox p{display:flex;align-items:center;justify-content:center;font-weight:800;gap:2px;margin:16px 0}.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-0,.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-1,.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-2,.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-3{width:20px;height:20px;background:url(/img/icon/icon-coin.svg)}.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-4,.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-5{width:20px;height:20px;background:url(/img/icon/icon-coin-2.svg)}.modalComponent-dailyReward .rewardGrid .rewardBox p i.coinIcon-6{width:20px;height:20px;background:url(/img/icon/icon-coin-3.svg)}.modalComponent-dailyReward .rewardGrid .rewardBox button{width:calc(100% - 12px);margin-left:6px;height:24px;padding:0;font-size:1rem;font-weight:700;color:#b8b8b8;background:#78747f;pointer-events:none}.modalComponent-dailyReward .rewardGrid .rewardBox.claimed{opacity:40%}.modalComponent-dailyReward .rewardGrid .rewardBox.claimed button{pointer-events:none}.modalComponent-dailyReward .rewardGrid .rewardBox.claime button{color:#fff;background:linear-gradient(180deg,#b996ff,#6e44ff);pointer-events:painted}.modalComponent-dailyReward .rewardGrid .rewardBox:last-child{width:calc(50% - 6px)}.modalComponent-creationsAdded i{width:36px;height:36px;background:url(/img/icon/icon-modal-added.svg) no-repeat 50%/cover;margin-bottom:12px}.modalComponent-outOfCreations .modalComponent-buttonGroup button.buyButton{display:flex;align-items:center;justify-content:center;gap:8px}.modalComponent-outOfCreations .modalComponent-buttonGroup button.buyButton span{display:inline-flex;align-items:center;border-radius:12px;gap:6px;padding:6px;background:rgba(18,17,19,.5);line-height:1}.modalComponent-outOfCreations .modalComponent-buttonGroup button.buyButton span i{width:16px;height:16px;background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.modalComponent-outOfCreations .modalComponent-buttonGroup button:last-child{background:none}.modalComponent-saveDraft .buttonGroup{width:100%;display:flex;gap:8px}.modalComponent-saveDraft .buttonGroup button{flex:1 1}.modalComponent-saveDraft .buttonGroup button:first-child{background:#484351}.modalComponent-saveDraft .buttonGroup button:last-child{background:var(--color-main)}.modalComponent-deleteCharacter .buttonGroup{width:100%;display:flex;gap:8px}.modalComponent-warningModal i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-warning.svg) no-repeat 50%/cover}.modalComponent-warningModal p .name{color:var(--color-main);margin-top:14px}.modalComponent-rateApp i{width:144px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-app-rate.svg) no-repeat 50%/cover}.modalComponent-weeklyReward i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.modalComponent-weeklyReward p{margin-bottom:0}.modalComponent-leaveChat i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-modal-leave.svg) no-repeat 50%/cover}.modalComponent-blockUser i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-block.svg) no-repeat 50%/cover}.modalComponent-unBlockUser i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-unBlock.svg) no-repeat 50%/cover}.modalComponent-restartChat i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-chat-refresh-green.svg) no-repeat 50%/cover}.modalComponent-accountDeleted p{color:#ff005e!important;white-space:pre-line}.modalComponent-accountDeleted button:first-child{background:#484351}.modalComponent-accountDeleted button:last-child{background:var(--color-main)}.modalComponent-videoReady i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-video-ready.svg) no-repeat 50%/cover}.modalComponent-videoFail i{width:36px;height:36px;margin-bottom:12px;background:url(/img/icon/icon-alert-option.svg) no-repeat 50%/cover}.ModalPage{display:flex;flex-direction:column;gap:10px;padding:40px}.ModalPage>h5{font-size:1.6rem;margin:14px 0 4px}.ModalPage>button{padding:10px 15px;border:none;background:#6e44ff;color:#fff;cursor:pointer}.profileCard{background:#121113;padding:12px 16px;color:#fff}.profileCard .header{display:flex;align-items:center;gap:12px;z-index:auto;height:auto;padding:0;position:static}.profileCard .header .imgBox{width:84px;height:84px;border-radius:20px;object-fit:cover;overflow:hidden;cursor:pointer}.profileCard .header .textBox{flex-grow:1;padding-top:6px}.profileCard .header .textBox .emptyUser{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.profileCard .header .textBox .emptyUser i{width:24px;height:24px;background:url(/img/icon/icon-arrow-right.svg)}.profileCard .header .textBox .userInfo h2{font-size:1.6rem;font-weight:600;margin-bottom:4px}.profileCard .header .textBox .userInfo .userId{color:#717071;font-weight:500;line-height:1;margin-bottom:12px}.profileCard .header .textBox .userInfo .stats{display:flex;gap:8px;font-size:14px;margin-top:4px}.profileCard .header .textBox .userInfo .stats p{display:flex;flex-direction:column;font-weight:400;color:#717071;line-height:1}.profileCard .header .textBox .userInfo .stats p strong{color:#fff;font-weight:700;line-height:1;margin-bottom:4px}.profileCard .header .textBox .userInfo .stats .editButton,.profileCard .header .textBox .userInfo .stats .followButton{display:flex;align-items:center;margin-left:auto;margin-top:auto;padding:4px 8px;border-radius:6px;gap:4px;font-size:1.2rem;background:#7a42f4;color:#fff;border:none;transition:background .2s ease-in-out}.profileCard .header .textBox .userInfo .stats .editButton i,.profileCard .header .textBox .userInfo .stats .followButton i{width:16px;height:16px}.profileCard .header .textBox .userInfo .stats .editButton i.editIcon,.profileCard .header .textBox .userInfo .stats .followButton i.editIcon{background:url(/img/icon/icon-edit-pen.svg)}.profileCard .header .textBox .userInfo .stats .editButton i.followIcon,.profileCard .header .textBox .userInfo .stats .followButton i.followIcon{background:url(/img/icon/icon-follow-add.svg)}.profileCard .header .textBox .userInfo .stats .editButton i.followingIcon,.profileCard .header .textBox .userInfo .stats .followButton i.followingIcon{background:url(/img/icon/icon-follow-check.svg)}.profileCard .header .textBox .userInfo .stats .editButton i.blockedIcon,.profileCard .header .textBox .userInfo .stats .followButton i.blockedIcon{background:url(/img/icon/icon-blocked-check.svg)}.profileCard .header .textBox .userInfo .stats .editButton:hover,.profileCard .header .textBox .userInfo .stats .followButton:hover{background:#5a2ecb}.profileCard .header .textBox .userInfo .stats .editButton.following,.profileCard .header .textBox .userInfo .stats .followButton.following{background:#3f3e3f;color:#d0cfd0}.profileCard .header .textBox .userInfo .stats .editButton.following:hover,.profileCard .header .textBox .userInfo .stats .followButton.following:hover{background:#666}.profileCard .header .textBox .userInfo .stats .editButton.blocked,.profileCard .header .textBox .userInfo .stats .followButton.blocked{background:#3f3e3f;color:#717071}.profileCard .header .textBox .userInfo .stats .followerNumber{cursor:pointer}.profileCard .bio{margin-top:16px;color:#d0cfd0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.deleteAccount,.languageWrap,.notificationWrap,.reportWrap{padding-top:16px;display:flex;flex-direction:column;padding-bottom:0}.deleteAccount .description,.languageWrap .description,.notificationWrap .description,.reportWrap .description{color:#b8b8b8;text-align:center;margin-bottom:16px}.deleteAccount .options,.languageWrap .options,.notificationWrap .options,.reportWrap .options{display:flex;flex-direction:column;width:100%}.deleteAccount .option,.languageWrap .option,.notificationWrap .option,.reportWrap .option{height:52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282728;cursor:pointer;font-weight:500;transition:background .3s}.deleteAccount .checkmark,.languageWrap .checkmark,.notificationWrap .checkmark,.reportWrap .checkmark{width:24px;height:24px;background:url(/img/icon/icon-check-blue.svg)}.deleteAccount .submitButton,.languageWrap .submitButton,.notificationWrap .submitButton,.reportWrap .submitButton{width:100%;height:52px;margin:auto 0 12px;border-radius:12px;font-size:1.6rem;transition:background .3s;pointer-events:none;background:#322c3b;color:#78747f;border:none}.deleteAccount .submitButton:not(:disabled),.languageWrap .submitButton:not(:disabled),.notificationWrap .submitButton:not(:disabled),.reportWrap .submitButton:not(:disabled){background:var(--color-main);color:#fff;pointer-events:auto}.searchGroup{display:flex;align-items:center;gap:6px;background:#121113}.searchGroup .prevButton i{width:24px;height:24px;background:url(/img/icon/icon-prev-page.svg) no-repeat 50%/cover}.searchGroup .prevButton.hidden{display:none}.searchGroup .searchBox{width:100%;height:36px;padding:10px 8px;margin:6px 0;background:#282728;border-radius:12px;gap:8px;display:flex;align-items:center}.searchGroup .searchBox button{background:initial;width:auto;height:auto;line-height:0;border-radius:0}.searchGroup .searchBox button i{width:16px;height:16px;background:url(/img/icon/icon-search.svg) no-repeat 50%/cover}.searchGroup .searchBox input{flex:1 1;padding:0;border-radius:0;height:auto}.searchGroup .searchBox .deleteButton{width:24px;height:24px;background:url(/img/icon/icon-delete.svg);display:none}.searchGroup .searchBox input:not(:placeholder-shown)+.deleteButton{display:block}.searchGroup .searchBox .searchTag{background:#3f3e3f;color:#d0cfd0;padding:4px 6px;border-radius:8px;font-size:1.4rem}.toastPage{display:flex;flex-direction:column;gap:10px;padding:40px}.toastPage>h2{font-size:1.6rem;margin:14px 0 4px}.toastPage>button{padding:10px 15px;border:none;background:#6e44ff;color:#fff;cursor:pointer}.toastComponent{z-index:9999;position:fixed;left:50%;bottom:40px;transform:translateX(-50%);width:auto;max-width:calc(100vw - 32px);min-width:120px;padding:8px 16px 8px 8px;border-radius:20px;background:#3f3e3f;display:flex;align-items:center;gap:6px;white-space:nowrap;animation:slideIn .3s ease-out,fadeOut 5s ease-in-out}.toastComponent .iconBox{width:24px;height:24px;border-radius:50%;background:#575658;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toastComponent .iconBox i{width:16px;height:16px}.toastComponent .iconBox i.addedCoinIcon{background:url(/img/icon/icon-coin.svg) no-repeat 50%/cover}.toastComponent .iconBox i.followIcon,.toastComponent .iconBox i.unfollowIcon{background:url(/img/icon/icon-follow-check.svg) no-repeat 50%/cover}.toastComponent .iconBox i.likeIcon{background:url(/img/icon/icon-like-red-outlie.svg) no-repeat 50%/cover}.toastComponent .iconBox i.unlikeIcon{background:url(/img/icon/icon-unlike-red-outlie.svg) no-repeat 50%/cover}.toastComponent .iconBox i.compiedIcon,.toastComponent .iconBox i.reportIcon{background:url(/img/icon/icon-follow-check.svg) no-repeat 50%/cover}.toastComponent .iconBox i.warningIcon{background:url(/img/icon/icon-warning.svg) no-repeat 50%/cover}.toastComponent p{font-size:1.4rem;font-weight:600;line-height:1;margin-bottom:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toastComponentIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}@keyframes slideIn{0%{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.userWrap{display:flex;flex-direction:column;min-height:calc(100vh - 52px);padding-left:0;padding-right:0}.userWrap .contentBox>div{padding-left:16px;padding-right:16px}.userWrap.deletedUser .followButton{display:none!important}.userWrap .userCharacterGroup{display:flex;flex-direction:column;padding-top:24px;background:#121113;height:100%;flex:1 1}.userWrap .userCharacterGroup .tabList{padding:0 16px;margin-bottom:16px;border-bottom:1px solid #282728;display:block}.userWrap .userCharacterGroup .tabList li{position:relative;display:inline-flex;padding:8px 10px;font-size:1.3rem;line-height:2;font-weight:600;width:auto;justify-content:flex-start}.userWrap .userCharacterGroup .tabList li.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#6e44ff}.userWrap .userCharacterGroup .tabList li a{color:#fff}.userWrap .userCharacterGroup .noCharacters{display:flex;align-items:center;justify-content:center;height:100%;flex:1 1}.userWrap .userCharacterGroup .noCharacters p{color:#717071;line-height:1}.userWrap .userCharacterGroup .noCharacters .textBox{text-align:center}.userWrap .userCharacterGroup .noCharacters .textBox i{width:36px;height:36px;background:url(/img/icon/icon-lock.svg);margin-bottom:12px}.loading-spinner{width:48px;height:48px;border:5px solid;border-color:#fff #fff rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pushNotificationContainer{position:absolute;top:34px;left:50%;transform:translateX(-50%);background-color:#3f3e3f;border-radius:24px;padding:16px;z-index:9999;gap:8px;display:flex;justify-content:space-between;width:343px;align-items:center}.pushNotificationContainer.show{animation:slideInDown .5s ease forwards}.pushNotificationContainer.hide{animation:slideOutUp .5s ease forwards;pointer-events:none}.pushNotificationContainer .notificationMainBox{display:flex;gap:8px;align-items:center}.pushNotificationContainer .notificationMainBox .avatarImageBox{width:36px;height:36px;border-radius:9px;position:relative;flex-shrink:0}.pushNotificationContainer .notificationMainBox .avatarImageBox img{border-radius:9px}.pushNotificationContainer .notificationMainBox .textBox{display:flex;flex-direction:column;gap:2px;max-width:223px}.pushNotificationContainer .notificationMainBox .textBox .name{font-size:1.4rem;font-weight:600}.pushNotificationContainer .notificationMainBox .textBox .content{font-size:1.4rem;font-weight:400;color:#b8b8b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:18px}.pushNotificationContainer .characterImageBox{width:36px;height:36px;position:relative;flex-shrink:0}.pushNotificationContainer .characterImageBox img{border-radius:18px}@keyframes slideInDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideOutUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}.bottomSheetOverlay{top:0;height:100vh;background:rgba(0,0,0,.5);z-index:99;border:1px solid blue}.bottomSheet,.bottomSheetOverlay{position:fixed;left:0;width:100vw}.bottomSheet{bottom:0;max-height:100vh;background:#282728;color:#fff;border-radius:16px 16px 0 0;z-index:100;display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease-in-out}.dragBar{width:36px;min-height:4px;max-height:4px;background:#666;border-radius:2px;margin:12px auto -4px;cursor:-webkit-grab;cursor:grab}.bottomSheetHeader{display:flex;justify-content:center;align-items:center;padding:16px;border-bottom:1px solid #333;position:relative}.bottomSheetTitle{font-size:1rem;line-height:24px;font-weight:800}.closeButton{position:absolute;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:#fff}.bottomSheetContent{flex-grow:1;overflow-y:auto}.bottomSheetList{list-style:none;padding:0;margin:0}.bottomSheetItem{padding:16px;border-bottom:1px solid #333;cursor:pointer;text-align:left;font-size:14px;font-weight:500;line-height:20px}.bottomSheetItem:hover{background:#222}:root{--basic-font:1.6rem;--color-main:#6e44ff;--color-error:#ff005e;--button-border-basic:#ddd;--button-size-small:40px;--button-size-medium:50px;--button-size-large:60px;--border-color-default:#dbe0e5;--box-shadow:0px 8px 24px rgba(27,46,94,0.08);--card-box-shadow:0px 8px 24px rgba(27,46,94,0.12);--transition:0.14s}i.icon-comment{background:url(/img/icon/icon-comment.svg)}i.icon-like{background:url(/img/icon/icon-like.svg)}*{font-family:inter,sans-serif;box-sizing:border-box;margin:0;padding:0;-ms-overflow-style:none;scrollbar-width:none}html{-webkit-text-size-adjust:100%;-webkit-touch-callout:none}body,html{-webkit-overflow-scrolling:touch!important}body{touch-action:pan-x pan-y!important;overflow:auto!important}body,html{font-size:62.5%;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}a,article,aside,b,button,caption,dd,div,dl,dt,em,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,input,label,legend,li,main,menu,nav,object,ol,p,section,select,span,strong,table,tbody,td,tfoot,th,thead,tr,ul,video{color:#fff;font-size:1.4rem;line-height:1.34;letter-spacing:-.024rem;outline:0}h1,h2,h3,h4,h5,h6{line-height:1;word-break:keep-all}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none;word-break:keep-all}strong{display:inline-block;font-size:inherit;letter-spacing:.4px}a{margin:0;padding:0;font-size:100%;display:block;text-decoration:none}input,select{vertical-align:middle;padding:10px 12px}p{line-height:1.5;word-break:keep-all}img{display:block;width:100%;object-fit:cover}span{display:inline-block}input[type=email],input[type=password],input[type=tel],input[type=text]{display:block;width:100%;height:44px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:400;padding:10px 8px;background:#282728;border-radius:8px;outline:none}input:-moz-read-only,textarea:-moz-read-only{font-size:1.4rem}input:disabled,input:read-only,textarea:read-only{font-size:1.4rem}input::placeholder,textarea::placeholder{font-size:inherit;color:#717071;font-weight:400}select{height:44px;font-size:1.4rem;border-radius:4px;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#282728 url(/img/icon/icon-select-arrow.svg) no-repeat right 10px center;background-size:16px;padding:4px 30px 4px 12px;border-radius:12px}button,select{cursor:pointer}button{border-radius:6px;border:0;line-height:1.5;font-weight:400;white-space:nowrap;background:initial}textarea{width:100%;height:200px;resize:none;color:#fff;padding:12px;font-size:1.4rem;outline:0;background:#282728;border:0;border-radius:12px}table{width:100%;border-collapse:collapse;border-spacing:0;border:0;border-top:1px solid #333;table-layout:fixed}table thead{border-bottom:1px solid #ddd}table thead th{font-weight:500}table tbody tr{border-bottom:1px solid #ddd}table tbody td{font-weight:400}i{display:inline-block;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}body{max-width:480px;height:100vh;background:#000;margin-left:auto;margin-right:auto}.ant-picker-dropdown,.ant-picker-dropdown .ant-picker-body,.ant-picker-dropdown .ant-picker-content,.ant-picker-dropdown .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-decade-panel,.ant-picker-dropdown .ant-picker-header,.ant-picker-dropdown .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-panel,.ant-picker-dropdown .ant-picker-panel-container,.ant-picker-dropdown .ant-picker-year-panel{width:100%!important;z-index:9999!important}.ant-picker-dropdown .ant-picker-content{max-width:100%!important;border:none!important}.ant-picker-dropdown table{width:100%!important;table-layout:fixed!important;z-index:9999!important}.ant-picker-dropdown td,.ant-picker-dropdown th{text-align:center!important;z-index:9999!important}.ant-picker-cell-today .ant-picker-cell-inner:before{border:none!important;z-index:9999!important}.ant-picker-cell-today .ant-picker-cell-inner{color:#fff!important;background:rgba(0,0,0,0)!important;z-index:9999!important}@media(max-width:480px){.ant-picker-dropdown{left:0!important;right:0!important;margin:0 auto!important;max-width:100vw!important}}main{width:100%;min-height:calc(100vh - 52px);padding-left:16px;padding-right:16px;padding-bottom:112px}.cardGroup,main{background:#121113}.cardGroup{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;grid-gap:16px 10px;gap:16px 10px}.my-masonry-grid{display:flex;width:auto;gap:16px 10px}.my-masonry-column>div{margin-bottom:16px}.my-masonry-column>div:last-child{margin-bottom:0}.labelBox{margin-bottom:24px}.labelBox input{padding:12px;border-radius:12px}.labelBox.alert input,.labelBox.alert select,.labelBox.alert textarea{border:1px solid var(--color-error)}.labelBox:last-child{margin-bottom:0}.labelBox label{display:block;margin-bottom:12px}.labelBox .multiBox{display:flex;gap:8px}.labelBox .multiBox select{flex:2 1}.labelBox .multiBox input:nth-child(2){flex:0 1 88px}.labelBox .multiBox input:nth-child(3){flex:2 1}.labelBox .multiBox button{flex:1 1;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#282728;gap:4px;border-radius:12px;color:#717071;border:2px solid #282728}.labelBox .multiBox button.selected{border:2px solid var(--color-main);color:#fff}.labelBox .multiBox button i{width:24px;height:24px}.labelBox .multiBox button.male i{background:url(/img/icon/icon-male.svg)}.labelBox .alertText{display:flex;align-items:center;gap:2px;font-size:1.2rem;margin-top:6px;color:var(--color-error)}.labelBox .alertText i{width:12px;height:12px;background:url(/img/icon/icon-alert.svg)}.labelBox .textareaBox{position:relative}.labelBox .textareaBox span{position:absolute;bottom:12px;right:12px;color:#717071;font-size:1.2rem}.labelBox .textareaBox textarea{padding-bottom:30px;line-height:1.5}.labelBox .textareaBox textarea ::placeholder{line-height:1.5}