.setting-drawer{width:320px;height:100%;border-radius:0!important;box-shadow:-40px 40px 80px -8px rgba(145,158,171,.24)!important}.setting-drawer .setting-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:0 0}.setting-drawer .setting-wrapper .setting-content{width:100%;padding-bottom:20px}.setting-drawer .setting-wrapper .setting-content .user-info{width:100%;padding:20px}.setting-drawer .setting-wrapper .setting-content .user-info .close-icon{font-size:24px;color:#637381;cursor:pointer}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data{width:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data .avatar{width:72px;height:72px;border-radius:50%}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data .username{width:100%;text-align:center;font-size:16px;color:#141a21;font-weight:600}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data .email{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:4px;width:100%;text-align:center;font-size:14px;color:#637381;font-weight:400}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data .email .edit-icon{cursor:pointer}.setting-drawer .setting-wrapper .setting-content .user-info .user-info_data .email .edit-icon:hover{color:#27aa41}.setting-drawer .setting-wrapper .setting-content .user-wallet{width:100%;padding:20px;border-top:1px dashed rgba(145,158,171,.2);border-bottom:1px dashed rgba(145,158,171,.2)}.setting-drawer .setting-wrapper .setting-content .user-wallet .wallet-balance{width:100%;background-image:linear-gradient(135deg,rgba(255,172,130,.92),rgba(81,25,183,.92)),url(https://pub-c5e31b5cdafb419fb247a8ac2e78df7a.r2.dev/public/assets/background/background-7.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:16px}.setting-drawer .setting-wrapper .setting-content .user-wallet .wallet-balance .wallet-balance_content{width:100%;height:100%;padding:24px;border-radius:16px;border:3px solid rgba(81,25,183,.16);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:10px;color:#fff}.setting-drawer .setting-wrapper .setting-content .user-wallet .wallet-balance .wallet-balance_title{font-size:14px;font-weight:400}.setting-drawer .setting-wrapper .setting-content .user-wallet .wallet-balance .wallet-balance_amount{font-size:32px;font-weight:700}.setting-drawer .setting-wrapper .setting-content .user-wallet .wallet-balance .wallet-balance_btn{min-width:120px;margin-top:10px;height:30px;line-height:30px}.setting-drawer .setting-wrapper .setting-content .user-menu{width:100%;padding:10px 20px;border-bottom:1px dashed rgba(145,158,171,.2);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.setting-drawer .setting-wrapper .setting-content .user-menu .menu-item{width:100%;min-height:44px;border-radius:8px;font-size:14px;font-weight:600;color:#637381;padding:4px 12px;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px}.setting-drawer .setting-wrapper .setting-content .user-menu .menu-item .menu-item_title{flex-shrink:0}.setting-drawer .setting-wrapper .setting-content .user-menu .menu-item:hover{background-color:rgba(145,158,171,.08)}.setting-drawer .setting-wrapper .setting-content .user-menu .menu-item.active{color:#27aa41;background-color:rgba(var(--primary-mainChannel)/7%)}.setting-drawer .setting-wrapper .setting-content .user-menu .menu-item.active:hover{background-color:rgba(var(--primary-mainChannel)/9%)}.setting-drawer .setting-wrapper .logout{width:100%;padding:20px}.setting-drawer .setting-wrapper .logout .logout_btn{color:#b71d18;background-color:rgba(255,86,48,.16)}.setting-drawer .setting-wrapper .logout .logout_btn:hover{background-color:rgba(255,86,48,.24)}