.account-sidebar{flex-direction:column;width:250px;min-width:250px;height:100%;min-height:0;display:flex;overflow-y:auto}.account-sidebar .account-sidebar-nav{background:var(--app-sidebar-surface);border-radius:20px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.account-sidebar .sidebar-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:row;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.account-sidebar .sidebar-menu-item:hover{background:#ffffff0d}.account-sidebar .sidebar-menu-item:hover .menu-item-label{color:var(--app-white)}.account-sidebar .sidebar-menu-item:hover .menu-item-icon{opacity:1}.account-sidebar .sidebar-menu-item.active{background:var(--app-surface-2)}.account-sidebar .sidebar-menu-item.active .menu-item-icon{filter:var(--app-filter-primary);opacity:1}.account-sidebar .sidebar-menu-item.active .menu-item-label{color:var(--app-white);font-weight:var(--AppTheme--weight-regular)}.account-sidebar .sidebar-menu-item.active .count-badge{color:var(--app-surface-0);background:var(--app-primary);width:fit-content;min-width:25px;font-size:12px;font-weight:var(--AppTheme--weight-regular);border-radius:50rem;place-items:center;padding:5px;display:grid}.account-sidebar .sidebar-menu-item.active .menu-item-arrow{opacity:.8;filter:var(--app-filter-primary)}.account-sidebar .sidebar-menu-item .menu-item-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.account-sidebar .sidebar-menu-item .menu-item-icon{opacity:.7;width:24px;height:24px;transition:all .2s}.account-sidebar .sidebar-menu-item .menu-item-label{font-size:14px;font-weight:var(--AppTheme--weight-regular);color:var(--app-neutral-240);flex:1;line-height:28px;transition:color .2s}.account-sidebar .sidebar-menu-item .count-badge{color:var(--app-surface-0);background:var(--app-primary);width:fit-content;min-width:25px;font-weight:var(--AppTheme--weight-regular);border-radius:50rem;place-items:center;padding:5px;display:grid}.account-sidebar .sidebar-menu-item .menu-item-arrow{opacity:.3;width:14px;height:14px;filter:var(--app-filter-white);transition:all .2s;transform:rotate(180deg)}.account-sidebar .sidebar-menu-item .menu-item-arrow.external{transform:rotate(-135deg)}
.account-layout{background-color:var(--app-page-background);flex-direction:column;height:100%;display:flex;overflow:hidden}.account-layout .account-layout-header{justify-content:center;width:100%;padding:20px 32px;display:flex}.account-layout .account-layout-header .account-header-inner{flex-direction:row;align-items:center;gap:12px;width:100%;max-width:1400px;display:flex}.account-layout .account-layout-header .account-header-icon{width:28px;height:28px;filter:var(--app-filter-primary)}.account-layout .account-layout-header .account-header-title{font-size:22px;font-weight:var(--AppTheme--weight-regular);color:var(--app-neutral-280);margin:0;font-family:PyeongChangPeace,sans-serif;line-height:normal}.account-layout .account-layout-body-wrapper{flex:1;justify-content:center;min-height:0;display:flex;overflow:hidden}.account-layout .account-layout-body{flex-direction:row;gap:20px;width:100%;max-width:1400px;height:100%;min-height:0;display:flex;overflow:hidden}.account-layout .account-layout-content{flex:1;min-width:0;min-height:0;overflow-y:auto}.account-layout .account-layout-content.account-layout-content--my-page{overflow-x:auto}.account-layout .account-layout-content::-webkit-scrollbar{width:6px;height:6px}.account-layout .account-layout-content::-webkit-scrollbar-track{background:0 0}.account-layout .account-layout-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.account-layout .account-layout-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.account-layout.full-height .account-layout-content{overflow:hidden}.page-main-contents:has(.account-layout.full-height){overflow:hidden!important}