w11.css

/* Discord Color */
@import url('https://zuzumi-f.github.io/Discord-11/release/valuesofdiscord.css');

/* Fluent Icons */
@import url('https://stickfab.github.io/pc-fluenticons/src/fluenticons-base.css');

/* Fix Settings Icons */
[d='M21.707 20.293L16.314 14.9C17.403 13.504 18 11.799 18 10C18 7.863 17.167 5.854 15.656 4.344C14.146 2.832 12.137 2 10 2C7.863 2 5.854 2.832 4.344 4.344C2.833 5.854 2 7.863 2 10C2 12.137 2.833 14.146 4.344 15.656C5.854 17.168 7.863 18 10 18C11.799 18 13.504 17.404 14.9 16.314L20.293 21.706L21.707 20.293ZM10 16C8.397 16 6.891 15.376 5.758 14.243C4.624 13.11 4 11.603 4 10C4 8.398 4.624 6.891 5.758 5.758C6.891 4.624 8.397 4 10 4C11.603 4 13.109 4.624 14.242 5.758C15.376 6.891 16 8.398 16 10C16 11.603 15.376 13.11 14.242 14.243C13.109 15.376 11.603 16 10 16Z'] {
    d: path('M547 1249 c-176 -25 -331 -182 -356 -361 -20 -141 28 -278 130 -372 151 -140 358 -159 531 -49 l40 25 157 -156 c87 -86 162 -156 168 -156 12 0 43 33 43 45 0 5 -70 79 -156 166 l-156 157 25 40 c82 128 93 287 30 420 -80 171 -264 268 -456 241z m218 -110 c63 -30 134 -100 165 -164 21 -43 25 -64 25 -150 0 -118 -21 -171 -95 -245 -74 -74 -127 -95 -245 -95 -118 0 -171 21 -245 95 -64 63 -92 128 -98 222 -10 163 76 297 228 352 67 24 199 17 265 -15z') !important;
    transform-origin: center;
    transform: scale(0.01398) rotate(90deg) translateX(-710px) translateY(-680px);
}

.closeButton-30b1gR svg {
    display: none;
}

/* When you dont use var(--) */
#app-mount .container-2cd8Mz,
#app-mount .root-g14mjS,
#app-mount .footer-1hTRRZ,
#app-mount .pageWrapper-2PwDoS,
#app-mount .selected-3H3-RC {
    background-color: var(--background-primary);
}
#app-mount .footer-31IekZ,
#app-mount .footer-VCsJQY,
#app-mount .buttonContainer-28osRq {
    background-color: var(--background-secondary);
}
#app-mount .outer-2JOHae.active-1W_Gl9,
#app-mount .outer-2JOHae.interactive-2zD88a:hover,
#app-mount .outer-2JOHae.active-1W_Gl9 .separator-2OaeRP,
#app-mount .autocompleteArrow-jJE9TQ,
#app-mount .header-3i_Csh,
#app-mount .inviteBannerUpsell-1t_LYM {
    background-color: var(--background-tertiary);
}

#app-mount .separator-2OaeRP {
    background-color: transparent !important;
}

/* Notice Normal */
.notice-2HEN-u.colorDanger-2YLzLC {
    border-bottom: var(--windarkborder1);
    box-shadow: none;
}

.notice-2HEN-u.colorDanger-2YLzLC .button-1iHNQ2 {
    border: none;
    color: var(--status-danger-text);
}
.notice-2HEN-u.colorDanger-2YLzLC .button-1iHNQ2:hover {
    background-color: var(--background-modifier-hover);
}

.theme-light .closeButton-30b1gR {
    filter: none !important;
}

/* Notice BD */
.theme-dark .noticeWrapper-8z511t {
    border: var(--windarkborder3);
}

.theme-light .noticeWrapper-8z511t {
    border: var(--winlightborder2);
}
.theme-light .noticeWrapper-8z511t .closeButton-30b1gR {
    filter: invert(1);
}

#app-mount .noticeWrapper-8z511t,
#app-mount #pluginNotice {
    border-radius: var(--winrad1) !important;
    margin: 2px 4px !important;
    box-shadow: none;
}

#app-mount .noticeWrapper-8z511t .button-1iHNQ2 {
    border: none;
    color: var(--text-link);
    background: none;
}
#app-mount .noticeWrapper-8z511t .button-1iHNQ2:hover {
    background: var(--background-modifier-hover);
}

/* Home Button */
.wrapper-3kah-n .childWrapper-1j_1ub {
    color: var(--interactive-normal);
}
.wrapper-3kah-n .childWrapper-1j_1ub {
    background-color: transparent !important;
}

#app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
#app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub {
    color: var(--brand-experiment);
}

/* Search & Add Server Button Style */
.circleIconButton-1VxDrg {
    color: var(--interactive-normal);
    background-color: transparent !important;
    transition: var(--wintransition);
}
.circleIconButton-1VxDrg.selected-2r1Hvo {
    transition: var(--wintransition);
}

#app-mount .circleIconButton-1VxDrg.selected-2r1Hvo {
    color: var(--brand-experiment);
}

/* Toggle BD */
#app-mount .bd-switch-body {
    height: 20px;
}
#app-mount .bd-switch-body .bd-switch-slider {
    top: -3px;
}
.bd-switch .bd-switch-body path {
    --switch-color: transparent;
}
.bd-switch .bd-switch-body rect {
    width: 14px;
    height: 14px;
    y: 2.8;
    x: 8.6;
    transition: var(--wintransition);
}
.bd-switch:hover .bd-switch-body rect {
    width: 16px;
    height: 16px;
    y: 1.8;
    x: 8.2;
}
.bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) {
    x: 2.4 !important;
}

#app-mount .bd-switch input:checked + .bd-switch-body {
    background-color: var(--brand-experiment) !important;
    border: 1px solid transparent;
}
.theme-dark .bd-switch .bd-switch-body rect {
    fill: #000000 !important;
}

.theme-dark .bd-switch .bd-switch-body:not(.bd-switch input:checked + .bd-switch-body) {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: 1px solid var(--windark-check1) !important;
}
.theme-dark .bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) {
    fill: var(--windark-toggle-off) !important;
}

.theme-light .bd-switch .bd-switch-body rect {
    fill: #FFFFFF !important;
}

.theme-light .bd-switch .bd-switch-body:not(.bd-switch input:checked + .bd-switch-body) {
    background-color: rgba(0, 0, 0, 0.0241) !important;
    border: 1px solid var(--winlight-check1) !important;
}
.theme-light .bd-switch .bd-switch-body rect:not(.bd-switch input:checked + .bd-switch-body rect) {
    fill: var(--winlight-toggle-off) !important;
}

/* Toggle Switch */
.container-1QtPKm {
    height: 20px;
    transition: var(--wintransition);
}
.container-1QtPKm .slider-HJFN2i {
    top: -3px;
}
.layer-1Ixpg3 .container-1QtPKm .slider-HJFN2i {
    top: -2px;
}
.container-1QtPKm path[fill] {
    fill: transparent !important;
}
.container-1QtPKm rect {
    width: 14px;
    height: 14px;
    y: 2.8;
    x: 8.4;
    transition: var(--wintransition);
}
.container-1QtPKm:hover rect {
    width: 16px;
    height: 16px;
    y: 1.8;
    x: 8;
}
.container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect {
    x: 2.4 !important;
}

#app-mount .container-1QtPKm {
    border: 1px solid;
}

#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(8"],
#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(7"],
#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(6"],
#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(5"],
#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(4"],
#app-mount .container-1QtPKm[style*="opacity: 1; background-color: rgb(3"] {
    background-color: var(--brand-experiment) !important;
    border-color: transparent;
}
.theme-dark .container-1QtPKm rect {
    fill: #000000 !important;
}

.theme-dark .container-1QtPKm[style*="opacity: 1; background-color: rgb(1"],
.theme-dark .container-1QtPKm[style*="opacity: 1; background-color: rgb(2"] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-color: var(--windark-check1) !important;
}
.theme-dark .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect {
    fill: var(--windark-toggle-off) !important;
}

.theme-light .container-1QtPKm rect {
    fill: #FFFFFF !important;
}

.theme-light .container-1QtPKm[style*="opacity: 1; background-color: rgb(1"],
.theme-light .container-1QtPKm[style*="opacity: 1; background-color: rgb(2"] {
    background-color: rgba(0, 0, 0, 0.0241) !important;
    border-color: var(--winlight-check1) !important;
}
.theme-light .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect {
    fill: var(--winlight-toggle-off) !important;
}

.theme-light .container-1QtPKm rect {
    fill: #FFFFFF !important;
}

.theme-light .container-1QtPKm[style*="background-color: hsl(2"]:not([style*="background-color: hsl(235"]) {
    background-color: rgba(0, 0, 0, 0.0241) !important;
    border: 1px solid var(--winlight-check1) !important;
}
.theme-light .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect {
    fill: var(--winlight-toggle-off) !important;
}

.bd-addon-modal-settings .container-1QtPKm rect {
    width: 16px;
    height: 16px;
    y: 1.8;
    x: 8.6;
}
.bd-addon-modal-settings .container-1QtPKm:hover rect {
    width: 18px;
    height: 18px;
    y: 1;
    x: 8.6;
}
.bd-addon-modal-settings .container-1QtPKm .slider-HJFN2i[style*="left: -3px"] rect {
    width: 14px !important;
    height: 14px !important;
    y: 3.2;
    x: 3.8 !important;
}
.bd-addon-modal-settings .container-1QtPKm:hover .slider-HJFN2i[style*="left: -3px"] rect {
    width: 16px !important;
    height: 16px !important;
    y: 1.8;
    x: 2.4 !important;
}

/* CheckBox */
.contentRegion-3HkfJJ .checkboxWrapper-2fDzaA {
    margin-bottom: 8px;
}
#app-mount .checkbox-1LuCGM {
    border-radius: var(--winrad2);
}

.theme-dark .checkbox-1LuCGM {
    border-color: var(--windark-check1);
}
.theme-dark .checkbox-1LuCGM path:not([fill*="transparent"]) {
    fill: #000;
}
#app-mount .colorDefault-CDqZdO .checkbox-hADx5o,
#app-mount .colorDefault-CDqZdO .radioSelection-1UHp0b {
    color: var(--brand-experiment) !important;
}
.theme-dark .colorDefault-CDqZdO .check-3HZJs4 {
    color: #000 !important;
}
#app-mount .checkbox-1LuCGM.checked-22NTbO {
    background-color: var(--brand-experiment) !important;
    border-color: var(--brand-experiment) !important;
}

.theme-light .checkbox-1LuCGM {
    border-color: var(--winlight-check1);
}
.theme-light .checkbox-1LuCGM path:not([fill*="transparent"]) {
    fill: #FFF;
}
.theme-light .colorDefault-CDqZdO .check-3HZJs4 {
    color: #FFF !important;
}

#app-mount .radioBar-3w9XY- > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    border: 1px solid var(--text-muted);
}

#app-mount .radioBar-3w9XY- > div:first-child * {
    display: none;
}

#app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- > div:first-child {
    background: var(--brand-experiment);
    border-color: var(--brand-experiment) !important;
}

#app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- > div:first-child::before {
    background: var(--status-warning-text);
}

#app-mount .radioBar-3w9XY-:hover > div:first-child::before {
    transform: scale(1.14);
    transform-origin: center;
}

#app-mount .radioBar-3w9XY- > div:first-child::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: var(--wintransition);
}

#app-mount [role=menuitemradio] .iconContainer-1-SsTR {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid var(--text-muted);
}

#app-mount [role=menuitemradio] .iconContainer-1-SsTR * {
    display: none;
}

#app-mount [role=menuitemradio][aria-checked=true] .iconContainer-1-SsTR {
    background: var(--brand-experiment);
    border-color: var(--brand-experiment) !important;
}

#app-mount [role=menuitemradio] .iconContainer-1-SsTR::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--status-warning-text);
    opacity: 0;
    transition: var(--wintransition);
}
#app-mount [role=menuitemradio]:hover .iconContainer-1-SsTR::before {
    transform: scale(1.16);
    transform-origin: center;
}
#app-mount [role=menuitemradio][aria-checked=true] .iconContainer-1-SsTR::before {
    opacity: 1;
}

/* ColorPicker */
.theme-dark .colorPickerCustom-1swUKF {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder1);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad3);
}

.theme-light .colorPickerCustom-1swUKF {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad3);
}

/* Invite Popout */
#app-mount .inviteRow-3vmB7i {
    margin-right: 6px;
    padding-right: 8px;
}
#app-mount .separator-2lLxgC {
    box-shadow: none;
}
#app-mount .contentWrapper-3oy4Xo {
    background: none;
}

#app-mount .inviteRow-3vmB7i:hover {
    background-color: var(--background-modifier-hover);
}

.theme-dark .separator-2lLxgC {
    border-bottom: var(--windarkborder2);
}

.theme-dark .lookOutlined-3yKVGo.colorGreen-3y-Z79 {
    color: var(--brand-experiment);
    border-color: var(--brand-experiment);
    border-radius: var(--winrad2);
}

.theme-light .separator-2lLxgC {
    border-bottom: var(--winlightborder3);
}

.theme-light .lookOutlined-3yKVGo.colorGreen-3y-Z79 {
    color: var(--text-link);
    border-color: var(--text-link);
    border-radius: var(--winrad2);
}

.resultWrapper-3ra6t7 {
    margin-right: 8px;
}

.resultWrapper-3ra6t7 .result-2NVfgj {
    overflow: visible;
}

.resultWrapper-3ra6t7 .resultAvatar-2eow6c {
    margin-bottom: 2px;
}

.resultWrapperSelected-3trExS {
    background-color: var(--background-modifier-selected);
}

/* Invite Preview */
.theme-dark .invite-3uuHYQ {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder1);
}

.theme-light .invite-3uuHYQ {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder3);
}

#app-mount .invite-3uuHYQ .horizontal-112GEH > .flex-2S1XBF {
    margin-right: 46px;
}

#app-mount .partyMembers-3cd-7x {
    overflow: visible;
}

/* Invite Popout Text Box */
#app-mount .searchBar-20o6Cf {
    border-radius: var(--winrad2);
}

.theme-dark .searchBar-20o6Cf {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .searchBar-20o6Cf:hover:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .searchBar-20o6Cf:focus-within {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .searchBar-20o6Cf {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .searchBar-20o6Cf:hover:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .searchBar-20o6Cf:focus-within .input-2z42oC {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .searchBar-20o6Cf {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

/* Everyone warning */
#app-mount .contentWarningPopout-WKdbDG {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .contentWarningPopout-WKdbDG {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder2);
}

.theme-light .contentWarningPopout-WKdbDG {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
}

#app-mount .footer-2aeMle {
    background-color: var(--background-secondary);
    border-radius: 0 0 var(--winrad3) var(--winrad3);
}

/* DM Profile */
.profilePanel-2PWEok {
    background-color: var(--background-primary);
    height: calc(100% - 32px);
    width: 360px;
}

.profilePanel-2PWEok .profileColors-3Y0XaR {
    margin: 8px;
    border-radius: var(--winrad4);
}

.profilePanel-2PWEok .profileColors-3Y0XaR .userProfileInner-3F03PX {
    border-radius: var(--winrad4);
}

.profilePanel-2PWEok .profileColors-3Y0XaR > div::before {
    width: calc(100% - 24px);
    height: calc(100% - 8px);
    margin: 4px;
    border-radius: var(--winrad2);
}

.profilePanel-2PWEok .profileColors-3Y0XaR > div > .scrollerBase-_bVAAt {
    overflow-y: overlay !important;
    border: 4px solid transparent;
    border-radius: var(--winrad4);
}

.profilePanel-2PWEok .profileColors-3Y0XaR .bannerSVGWrapper-qc0szY {
    border-radius: var(--winrad2) var(--winrad2) 0 0;
}

.profilePanel-2PWEok .profileColors-3Y0XaR .section-3FmfOT {
    padding-right: 0 !important;
}

/* Small Profile */
.profileColors-3Y0XaR .scroller-1jBQYo {
    padding-right: 12px !important;
}

.activity-E0U09Y {
    background: var(--background-modifier-accent);
    border: 1px solid var(--background-modifier-accent);
    border-radius: var(--winrad2);
    padding: 8px;
}

#app-mount .activity-E0U09Y .platformIcon-k3yytQ {
    top: 8px;
    right: 8px;
}

#app-mount .messageInputContainer-2rGDH8 {
    border: none;
}

#app-mount .activity-E0U09Y [type="button"] {
    opacity: 1;
    transition: var(--wintransition);
}

.profileColors-3Y0XaR .activity-E0U09Y [type="button"] {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
}
.profileColors-3Y0XaR .activity-E0U09Y [type="button"]:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
}

.profileColors-3Y0XaR.theme-dark .activity-E0U09Y [type="button"] {
    color: #000 !important;
}
.profileColors-3Y0XaR.theme-light .activity-E0U09Y [type="button"] {
    color: #fff !important;
}

/* Big Profile */
.profileColors-3Y0XaR .tabBarContainer-2UG0vy {
    padding-bottom: 12px;
}

.profileColors-3Y0XaR .tabBar-2StdUa {
    gap: 8px;
}

.profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG {
    padding: 8px;
    height: 14px;
    width: 102px;
    text-align: center;
    line-height: unset;
    border-radius: var(--winrad2);
    transition: var(--wintransition);
}

.profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
}
.profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
}
.profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}
.profileColors-3Y0XaR .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.profileColors-3Y0XaR.theme-dark .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV {
    color: #000 !important;
}
.profileColors-3Y0XaR.theme-light .tabBar-2StdUa .item-3XjbnG.selected-g-kMVV {
    color: #fff !important;
}

.infoScroller-3MqKC5 {
    padding-right: 12px !important;
}

.profileColors-3Y0XaR .connectedAccountsColumn-1zdyyx+.connectedAccountsColumn-1zdyyx {
    margin-left: 8px;
}

.profileColors-3Y0XaR .connectedAccountsColumn-1zdyyx {
    width: 268px;
}

.profileColors-3Y0XaR .connectedAccountContainer-2TWiXT {
    border: 1px solid var(--background-modifier-accent);
    background: var(--background-modifier-accent);
}

.profileColors-3Y0XaR .body-_QAKrE .listScroller-XCVa1H {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
    padding: 12px !important;
    margin-bottom: 12px;
}

.body-_QAKrE .listRow-Y5zoF8 {
    background: var(--background-modifier-accent);
    border: 1px solid var(--background-modifier-accent);
    margin-top: 8px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 12px 8px;
    border-radius: 4px;
    height: 24px;
    width: 250px;
}

.listRow-Y5zoF8 .icon-1zKOXL {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH,
.body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg {
    width: 30px !important;
    height: 30px !important;
}
.body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg foreignObject {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    mask: none;
}
.body-_QAKrE .listRow-Y5zoF8 > .wrapper-1VLyxH svg rect {
    display: none;
}

.body-_QAKrE .listRow-Y5zoF8 .listRowContent-3fhsZ_,
.body-_QAKrE .listRow-Y5zoF8 .listName-3bDgY6 {
    font-weight: 600;
}

.body-_QAKrE .listScroller-XCVa1H .empty-2-ONJW {
    min-width: 100%;
    position: absolute;
}

.userProfileActivity-1JPDhh {
    margin-top: 8px;
    padding: 0;
}

.userProfileActivity-1JPDhh .body-u1Y8uL {
    background: var(--background-modifier-accent);
    border: 1px solid var(--background-modifier-accent);
    padding: 8px;
    flex-flow: wrap;
    border-radius: var(--winrad2);
}

#app-mount .contentGameImageProfileV2-2dewzu,
#app-mount .contentImagesProfileV2-2Z-K9I {
    width: 0;
}

.assets-3PQvAh {
    align-self: center;
}

#app-mount .userProfileActivity-1JPDhh .platformIcon-k3yytQ {
    top: -4px;
    right: 0;
}

.buttonsWrapper-2ARRp1:empty {
    margin-top: 0 !important;
}

#app-mount .actionsProfileV2-2xJe2L {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
}

#app-mount .actionColor-3JIzOn:hover {
    opacity: 1;
}

#app-mount .actionsProfileV2-2xJe2L [type="button"] {
    width: -webkit-fill-available;
    transition: var(--wintransition);
}

.profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"] {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
}
.profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"]:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.profileColors-3Y0XaR.theme-dark .actionsProfileV2-2xJe2L [type="button"] {
    color: #000 !important;
}
.profileColors-3Y0XaR.theme-light .actionsProfileV2-2xJe2L [type="button"] {
    color: #fff !important;
}

#app-mount .connectedAccountContainer-3aLMHJ {
    background: var(--background-modifier-accent);
    border: 1px solid var(--background-modifier-accent);
    margin-top: 8px;
}

.listenAlongIcon-aXq1MH {
    margin-left: 2px;
    margin-top: 2px;
}

#app-mount .contentImagesActivityFeed-2rPjYe,
#app-mount .contentImagesProfile-27BIzt,
#app-mount .contentImagesStreamPreview-38HyRm,
#app-mount .contentImagesUserPopout-Kqai8z,
#app-mount .contentImagesUserPopoutV2-2Mcg9w,
#app-mount .contentImagesVoiceChannel-OHm3LY,
#app-mount .contentGameImageProfile-24ty00 {
    width: 0;
}

#app-mount .UserDetails-dates-container .UserDetails-dates-errorIcon {
    fill: var(--info-danger-foreground) !important;
}

#app-mount .UserDetails-dates-container.UserDetails-dates-icons.UserDetails-dates-userProfile {
    margin-top: -12px;
    margin-bottom: 6px;
    padding-left: 11px;
}

.UserDetails-dates-container.UserDetails-dates-icons.UserDetails-dates-userProfile > div {
    height: 30px;
}

/* Linked Account */
#app-mount .connectedAccountsColumn-1zdyyx [class*="connectedAccountOpenIcon-"] {
    width: fit-content;
    height: fit-content;
    color: var(--focus-primary);
}

/* Link Acount Icon */
#app-mount .connectedAccountOpenIcon-OngaxI {
    transform: translateX(-2px);
    -webkit-mask-position: center;
}

#app-mount .connectedAccountOpenIcon-OngaxI {
    background-color: var(--link-500);
}

#app-mount .connectedAccountOpenIcon-OngaxI:hover {
    background-color: var(--link-460);
}

#app-mount [points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"] {
    stroke: none;
}

/* In Guild Profile */
#app-mount .guild-profile .guild-profile-body {
    min-height: 240px;
    height: 240px;
    max-height: 240px;
}

/* Ctrl / */
#app-mount .keyboardShortcutsModal-2CRmCm {
    background-color: var(--background-primary);
    border: var(--windarkborder1);
    border-radius: var(--winrad3);
}
#app-mount .keyboardShortcutsModal-2CRmCm .modalTitle-2skSKy,
#app-mount .keyboardShortcutsModal-2CRmCm .modalSubtitle-2lx7qk {
    background-color: var(--background-tertiary);
}
#app-mount .keyboardShortcutsModal-2CRmCm .modalTitle-2skSKy {
    margin: unset;
    padding-bottom: 5px;
}
#app-mount .keyboardShortcutsModal-2CRmCm [class="auto-2K3UW5 scrollerBase-_bVAAt fade-1R6FHN"]::-webkit-scrollbar {
    width: 10px;
}

/* Role selector */
.theme-dark .container-2O1UgZ {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad3);
}

.theme-light .container-2O1UgZ {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad3);
}

/* Little Notice */
#app-mount .premiumTrialBadgeIcon-24nUOG {
    transform: unset;
}

#app-mount .communityInfoVisible-3zc5_s .communityInfoContainer-1dMVpU {
    margin-top: unset;
    padding-top: 4px;
}

.theme-dark .communityInfoPill-2Mll66,
.theme-dark .premiumTrialAcknowledgedBadge-2QxbU_ {
    background-color: var(--windark-acrylic);
    border-radius: var(--winrad1);
    border: var(--windarkborder1);
    color: var(--text-normal);
}

.theme-light .communityInfoPill-2Mll66,
.theme-light .premiumTrialAcknowledgedBadge-2QxbU_ {
    background-color: var(--winlight-acrylic);
    border-radius: var(--winrad1);
    border: var(--windarkborder1);
    color: var(--text-normal);
}

/* Tooltips */
.theme-dark .tooltipPrimary-3qLMbS,
.theme-dark .tooltipBlack-vMYxvw,
.theme-dark .tooltipGrey-lpLZjh,
.theme-dark .bd-tooltip-content,
.theme-dark .bd-toast:not(.toast-success):not(.toast-danger):not(.toast-error) {
    background: var(--noise256), var(--windark-box1);
    color: #fff;
    border: var(--windarkborder4);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

.theme-light .tooltipPrimary-3qLMbS,
.theme-light .tooltipBlack-vMYxvw,
.theme-light .tooltipGrey-lpLZjh,
.theme-light .bd-tooltip-content,
.theme-light .bd-toast:not(.toast-success):not(.toast-danger):not(.toast-error) {
    background: var(--noise256), var(--winlight-box1);
    color: #000;
    border: var(--winlightborder2);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

.bd-tooltip-pointer,
.tooltipPointer-3L49xb {
    display: none;
}

.tooltipGreen-oouJdx {
    background-color: var(--info-positive-background) !important;
    border: 1px solid var(--info-positive-foreground) !important;
    color: var(--info-positive-text) !important;
    border-radius: var(--winrad2) !important;
}

.tooltipRed-2z14Wl {
    background-color: var(--info-danger-background) !important;
    border: 1px solid var(--info-danger-foreground) !important;
    color: var(--info-danger-text) !important;
    border-radius: var(--winrad2) !important;
}

#app-mount .tooltipBrand-20XsMA {
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
    background-color: var(--brand-experiment-30a);
    border: 1px solid var(--brand-experiment);
}

.bd-toast {
    box-shadow: var(--elevation-low);
}

.bd-toast.toast-success {
    background-color: var(--info-positive-background);
    border: 1px solid var(--info-positive-foreground);
    color: var(--info-positive-text);
}

.bd-toast.toast-danger,
.bd-toast.toast-error {
    background-color: var(--info-danger-background);
    border: 1px solid var(--info-danger-foreground);
    color: var(--info-danger-text);
}

/* Menus popouts */
#app-mount .menu-2TXYjN {
    border-radius: var(--winrad3);
    background-color: transparent;
    background: transparent;
}

.theme-dark .menu-2TXYjN {
    border: var(--windarkborder4);
}

.theme-light .menu-2TXYjN {
    border: var(--winlightborder1);
}

#app-mount .submenuPaddingContainer-QgnL1r {
    padding: 0;
}

#app-mount .labelContainer-2vJzYL,
#app-mount .item-1OdjEX {
    border-radius: var(--winrad2);
}

#app-mount .colorDanger-3n-KnP.focused-3qFvc8 {
    color: var(--status-positive-text) !important;
    background-color: var(--info-danger-background) !important;
}
#app-mount .colorDanger-3n-KnP,
#app-mount .colorDanger-3n-KnP .checkbox-hADx5o,
#app-mount .colorDanger-3n-KnP .radioSelection-1UHp0b {
    color: var(--info-danger-foreground) !important;
}

#app-mount .colorDefault-CDqZdO.focused-3qFvc8 {
    background-color: var(--background-modifier-selected);
    color: var(--text-normal);
}
#app-mount .colorDefault-CDqZdO:active:not([id="account-info"]) {
    background-color: var(--background-modifier-active);
    color: var(--text-normal);
}

#account.menu-2TXYjN > .scroller-1bVxF5 {
    padding-right: 3px !important;
}

#app-mount .scroller-1bVxF5:not(#account.menu-2TXYjN > .scroller-1bVxF5) {
    padding: 4px 6px !important;
}
#app-mount .scroller-1bVxF5 .separator-1So4YB {
    margin-left: 0;
    margin-right: 0;
}

.theme-dark .scroller-1bVxF5 .separator-1So4YB {
    border-bottom: var(--windarkborder2);
}
.theme-light .scroller-1bVxF5 .separator-1So4YB {
    border-bottom: var(--winlightborder3);
}

.submenu-1apzyU.menu-2TXYjN[aria-activedescendant] .listItems-6eZzQ1[style="inset: 6px 0px 6px 8px;"] {
    inset: 4px 6px !important;
}

.optionIcon-1Ft8w0 {
    width: 20px;
    height: 20px;
}

.theme-light .colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o,
.theme-light .colorDefault-CDqZdO.focused-3qFvc8 .radioSelection-1UHp0b,
.theme-light .colorDefault-CDqZdO.focused-3qFvc8 .subtext-2GlkbE {
    color: #000;
}

/* Code by rmkx [edited] */
.menu-2TXYjN::before,
.menu-2TXYjN.submenu-1apzyU::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(var(--winblur1));
    z-index: 0;
    border-radius: 8px;
}

.theme-dark .menu-2TXYjN::before {
    background: var(--noise256), var(--windark-box1);
}

.theme-light .menu-2TXYjN::before {
    background: var(--noise256), var(--winlight-box1);
}

/* Switch Account fix */
.theme-light .colorDefault-CDqZdO.focused-3qFvc8 .switchAccountsIcon-36imMT path {
    fill: #000 !important;
}
.theme-light .focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuDiscriminator-2Vj2p9,
.theme-light .focused-3RdCfX .userMenuUsername-2xdVcJ .userMenuText-2e3Dry {
    color: #000 !important;
}

/* Popout mention */
#app-mount .autocomplete-3NRXG8 {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

#app-mount .selected-3H3-RC {
    background-color: var(--background-modifier-selected);
}

#app-mount .expandedMarkAllReadContainer-3G9M6a {
    background-color: transparent;
}

.theme-dark .autocomplete-3NRXG8 {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
}

.theme-light .autocomplete-3NRXG8 {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

.theme-dark .categoryHeader-OpJ1Ly {
    background: var(--windark-acrylic);
    border-radius: var(--winrad1);
}

.theme-light .categoryHeader-OpJ1Ly {
    background: var(--winlight-acrylic);
    border-radius: var(--winrad1);
}

/* Alt WinButtons */
:root {
    --windark-button-bg-alt: hsl(0, 0%, 18%);
    --windark-button-hover-alt: hsl(0, 0%, 20%);
    --windark-button-border-alt: hsl(0, 0%, 19%);
    --windark-button-top-alt: hsl(0, 0%, 21%);
    --windark-button-bottom-alt: hsl(0, 0%, 19%);

    --winlight-button-bg-alt: hsl(0, 0%, 100%);
    --winlight-button-hover-alt: hsl(0, 0%, 99%);
    --winlight-button-border-alt: hsl(0, 0%, 95%);
    --winlight-button-top-alt: hsl(0, 0%, 95%);
    --winlight-button-bottom-alt: hsl(0, 0%, 88%);
}

/* Chat, server, etc */
#app-mount .sidebar-1tnWFu .searchBar-3TnChZ {
    box-shadow: none;
    height: 47px;
    padding: 0;
}

#app-mount .sidebar-1tnWFu .searchBarComponent-3N7dCG {
    height: 38px;
    width: 100%;
    margin: 0 8px;
    transition: var(--wintransition);
}

.theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG {
    background-color: var(--windark-button-bg-alt);
    color: #fff;
    border: 1px solid var(--windark-button-border-alt);
    border-top-color: var(--windark-button-top-alt);
    border-bottom-color: var(--windark-button-bottom-alt);
    border-radius: var(--winrad2);
}
.theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover {
    background-color: var(--windark-button-hover-alt);
}

.theme-light .searchBar-3TnChZ .searchBarComponent-3N7dCG {
    background-color: var(--winlight-button-bg-alt);
    color: #000;
    border: 1px solid var(--winlight-button-border-alt);
    border-top-color: var(--winlight-button-top-alt);
    border-bottom-color: var(--winlight-button-bottom-alt);
    border-radius: var(--winrad2);
}
.theme-light .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover {
    background-color: var(--winlight-button-hover-alt);
}

.theme-dark .base-2jDfDU {
    border-left: var(--windarkborder1);
    border-top: var(--windarkborder1);
    border-top-left-radius: var(--winrad4);
}

.theme-light .base-2jDfDU {
    border-left: var(--winlightborder1);
    border-top: var(--winlightborder1);
    border-top-left-radius: var(--winrad4);
}

.headerBar-1dSpQr:before,
.tabBody-2dgbAs:before,
.content-1jQy2l:before,
.chat-1rZYgu:before,
.form-3gdLxP:before,
.applicationStore-2nk7Lo .children-3xh0VB:after {
    display: none;
}

#app-mount .sidebar-1tnWFu {
    background-color: transparent;
}

#app-mount .container-3XgAHv {
    border-radius: 0;
}

.theme-dark .container-3XgAHv {
    border-left: var(--windarkborder1);
}

.theme-light .container-3XgAHv {
    border-left: var(--winlightborder1);
}

#app-mount .chat-2ZfjoI.threadSidebarOpen-1LSXvU,
#app-mount .wrapper-1gVUIN.chatSidebarOpen--YCxhs .callContainer-HtHELf {
    border-radius: 0;
}
#app-mount .resizeHandle-PBRzPC {
    width: 4px;
}

#app-mount .container-1-ERn5:not(.bannerVisible-Vkyg1I) .header-3OsQeK,
#app-mount .animatedContainer-2laTjx {
    box-shadow: none;
}

#app-mount .header-3OsQeK {
    padding: 6px 8px;
    margin: 5px 7px;
}

.theme-dark .header-3OsQeK {
    background-color: var(--windark-button-bg-alt);
    color: #fff;
    border: 1px solid var(--windark-button-border-alt);
    border-top-color: var(--windark-button-top-alt);
    border-bottom-color: var(--windark-button-bottom-alt);
    border-radius: var(--winrad2);
}
.theme-dark .header-3OsQeK:hover {
    background-color: var(--windark-button-hover-alt);
}

.theme-light .header-3OsQeK {
    background-color: var(--winlight-button-bg-alt);
    color: #000;
    border: 1px solid var(--winlight-button-border-alt);
    border-top-color: var(--winlight-button-top-alt);
    border-bottom-color: var(--winlight-button-bottom-alt);
    border-radius: var(--winrad2);
}
.theme-light .header-3OsQeK:hover {
    background-color: var(--winlight-button-hover-alt);
}

/* Fix in scroll */
#app-mount .scrolling-20Of9p .content-2a4AW9 {
    pointer-events: auto;
}

/* Discover */
.sidebar-1tnWFu .thin-31rlnD[dir=ltr] {
    background-color: var(--background-secondary);
}
#app-mount .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
    background-color: var(--background-modifier-selected);
}
#app-mount .categoryItem-Kc_HK_ .layout-1qmrhw::before {
    left: 8px !important;
}

.theme-light .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui {
    color: #000;
}

.theme-dark .card-2TuZPZ {
    background: var(--windark-mica) !important;
    border: var(--windarkborder1);
}
.theme-dark .iconMask-2fMR98 {
    background: var(--windark-mica) !important;
}

.theme-light .card-2TuZPZ {
    background: var(--winlight-mica) !important;
    border: var(--winlightborder1);
}
.theme-light .iconMask-2fMR98 {
    background: var(--winlight-mica) !important;
}

/* TextBox */
:root {
    --textdark-bg: #292929;
    --textdark-bg-hover: #2f2f2f;
    --textdark-bg-focus: #1d1d1d;
    --textdark-border: 1px solid #2e2e2e;
    --textdark-border-hover: 1px solid #2f2f2f;
    --textdark-border-focus: 1px solid #2c2c2c;
    --textdark-border-static: 2px solid #989898;

    --textlight-bg: #fdfdfd;
    --textlight-bg-hover: #f9f9f9;
    --textlight-bg-focus: #ffffff;
    --textlight-border: 1px solid #ebebeb;
    --textlight-border-hover: 1px solid #ededed;
    --textlight-border-focus: 1px solid #ebebeb;
    --textlight-border-static: 2px solid #8b8b8b;

    --winborder-bottom: 2px solid;
}

#app-mount .scrollableContainer-15eg7h {
    border-radius: var(--winrad2);
}

.theme-dark .scrollableContainer-15eg7h {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .scrollableContainer-15eg7h:hover:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .scrollableContainer-15eg7h:focus-within {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .scrollableContainer-15eg7h {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .scrollableContainer-15eg7h:hover:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .scrollableContainer-15eg7h:focus-within {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .scrollableContainer-15eg7h {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

#app-mount .channelTextArea-1FufC0 {
    background-color: transparent;
}
#app-mount .attachedBars-2BCP3l {
    border-radius: var(--winrad3);
    padding: 0;
    background: none;
    margin-bottom: 4px;
}
#app-mount .clipContainer-31nYlH {
    margin-top: 0;
    padding-top: 0;
}
#app-mount .replyBar-1oi75v {
    border-radius: var(--winrad3);
}

.theme-dark .attachedBars-2BCP3l {
    border: var(--windarkborder2);
}

.theme-light .attachedBars-2BCP3l {
    border: var(--winlightborder3);
}

.theme-dark .replyBar-1oi75v,
.theme-dark .threadSuggestionBar-3ExSyc {
    background: var(--noise256), var(--windark-box1);
}
.theme-dark .threadSuggestionBar-3ExSyc {
    border-top: var(--windarkborder2);
}

.theme-light .replyBar-1oi75v,
.theme-light .threadSuggestionBar-3ExSyc {
    background: var(--noise256), var(--winlight-box1);
}
.theme-light .threadSuggestionBar-3ExSyc {
    border-top: var(--winlightborder3);
}

#app-mount .form-3gdLxP {
    margin-top: unset;
}

.sprite-2lxwfc {
    transform: scale(1) !important;
    filter: grayscale(0) !important;
}

/* New Simple TextBox */
#app-mount .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
#app-mount [class="quickswitcher-pKcM9U"] .input-3r5zZY {
    border-radius: var(--winrad2);
}

.theme-dark .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .input-2g-os5:hover:not(:focus-within):not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY:hover:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .input-2g-os5:focus-within:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-dark [class="quickswitcher-pKcM9U"] .input-3r5zZY:focus-within {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .input-2g-os5:hover:not(:focus-within):not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY:hover:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .input-2g-os5:focus-within:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
.theme-light [class="quickswitcher-pKcM9U"] .input-3r5zZY:focus-within {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .input-2g-os5:not(.copyInput-1dXbXE > .input-2g-os5, .input-2g-os5 .input-2g-os5, .addFriendInputWrapper-kkoSV9 .input-2g-os5, .search-25t1e9 .input-2g-os5),
#app-mount [class="quickswitcher-pKcM9U"] .input-3r5zZY {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

#app-mount .copyInput-1dXbXE > .input-2g-os5 {
    background-color: transparent;
}

/* Add Note Text Box */
#app-mount .textarea-_59yqs {
    border-radius: var(--winrad2);
}

.theme-dark .textarea-_59yqs {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .note-3M15gE:hover .textarea-_59yqs:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .note-3M15gE:focus-within .textarea-_59yqs {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .textarea-_59yqs {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .note-3M15gE:hover .textarea-_59yqs:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .note-3M15gE:focus-within .textarea-_59yqs {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .note-3M15gE .textarea-_59yqs {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

/* Message in Small Profile Text Box */
#app-mount .input-2z42oC {
    border-radius: var(--winrad2);
}

.theme-dark .input-2z42oC {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .inputWrapper-1YNMmM:hover .input-2z42oC:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .inputWrapper-1YNMmM:focus-within .input-2z42oC {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .input-2z42oC {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .inputWrapper-1YNMmM:hover .input-2z42oC:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .inputWrapper-1YNMmM:focus-within .input-2z42oC {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .inputWrapper-1YNMmM .input-2z42oC {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

/* Wumpus saying someone is new */
#app-mount .userPopout-2j1gM4 .wumpusWrapper-3ReSr0 {
    display: none;
}

/* New Messages */
#app-mount .divider-IqmEqJ .unreadPill-3nEWYM {
    padding: 0 8px;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
    top: -20px;
}
#app-mount .divider-IqmEqJ .unreadPillCap-2-iI4h {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 2px;
}
.unreadPillCapStroke-1nE1Q8 {
    display: none;
}

#app-mount .isUnread-3Lojb- {
    border-color: var(--brand-experiment);
}
#app-mount .divider-IqmEqJ .unreadPill-3nEWYM {
    color: var(--brand-experiment);
}
#app-mount .isUnread-3Lojb- .content-3spvdd {
    color: var(--brand-experiment);
}
#app-mount .divider-IqmEqJ .unreadPillCap-2-iI4h {
    background: var(--brand-experiment);
}

#app-mount .jumpToPresentBar-1cEnH0 {
    padding-bottom: 0;
    border-radius: var(--winrad1);
    bottom: 4px;
    opacity: 1;
    width: fit-content;
}
#app-mount .jumpToPresentBar-1cEnH0 .barButtonAlt-TQoCdZ {
    border-left: 1px solid var(--background-modifier-accent);
}

.theme-dark .jumpToPresentBar-1cEnH0 {
    background-color: var(--windark-button-bg);
    border: 1px solid var(--windark-button-border);
    border-top-color: var(--windark-button-top);
    border-bottom-color: var(--windark-button-bottom);
}
.theme-dark .jumpToPresentBar-1cEnH0:hover {
    background-color: var(--windark-button-hover);
    border-color: var(--windark-button-hover-border);
    border-top-color: var(--windark-button-hover-top);
    border-bottom-color: var(--windark-button-hover-bottom);
}

.theme-light .jumpToPresentBar-1cEnH0 {
    background-color: var(--winlight-button-bg);
    border: 1px solid var(--winlight-button-border);
    border-top-color: var(--winlight-button-top);
    border-bottom-color: var(--winlight-button-bottom);
}
.theme-light .jumpToPresentBar-1cEnH0:hover {
    background-color: var(--winlight-button-hover);
    border-color: var(--winlight-button-hover-border);
    border-top-color: var(--winlight-button-hover-top);
    border-bottom-color: var(--winlight-button-hover-bottom);
}
.theme-light .jumpToPresentBar-1cEnH0 .barButtonBase-Sk2mdB {
    color: #000;
}

#app-mount .newMessagesBar-1hF-9G {
    border-radius: var(--winrad1);
    top: 4px;
    opacity: 1;
}

#app-mount .newMessagesBar-1hF-9G {
    background-color: var(--blue-button-bg);
    border: 1px solid var(--blue-button-border);
    border-top-color: var(--blue-button-top);
    border-bottom-color: var(--blue-button-bottom);
}
#app-mount .newMessagesBar-1hF-9G:hover {
    background-color: var(--blue-button-hover);
    border-color: var(--blue-button-hover-border);
    border-top-color: var(--blue-button-hover-top);
    border-bottom-color: var(--blue-button-hover-bottom);
}

/* Rich Edit Box */
#app-mount .toolbar-37BrJ5 {
    border-radius: var(--winrad4);
    backdrop-filter: blur(var(--winblur1));
    padding: 6px 4px;
}
#app-mount .toolbar-37BrJ5::before {
    display: none;
}
#app-mount .toolbar-37BrJ5 button {
    margin: 0 4px;
    border-radius: var(--winrad2);
    transition: none;
}

.theme-dark .toolbar-37BrJ5 {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
}
.theme-dark .toolbar-37BrJ5 button .icon-3g7qdA {
    color: #ffffff;
}
.theme-dark .toolbar-37BrJ5 button:hover .icon-3g7qdA {
    color: #000000;
}
.theme-dark .divider-3NY7PF {
    border-color: var(--windarkborder4);
}

#app-mount .toolbar-37BrJ5 button:hover {
    background-color: var(--brand-experiment);
    border: 1px solid var(--brand-experiment);
    border-bottom-color: var(--brand-experiment);
}

.theme-light .toolbar-37BrJ5 {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}
.theme-light .toolbar-37BrJ5 button .icon-3g7qdA {
    color: #000000;
}
.theme-light .toolbar-37BrJ5 button:hover .icon-3g7qdA {
    color: #ffffff;
}
.theme-light .divider-3NY7PF {
    border-color: var(--winlightborder2);
}

/* Call Activity Popout */
.container-8Futzw {
    border-radius: var(--winrad3);
    max-height: calc(100% - 34px);
}

.theme-dark .container-8Futzw {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
}
.theme-dark .activity-1DK9Xa+.activity-1DK9Xa {
    border-top: var(--windarkborder2);
}

.theme-light .container-8Futzw {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
}
.theme-light .activity-1DK9Xa+.activity-1DK9Xa {
    border-top: var(--winlightborder3);
}

#app-mount .activityVoiceChannel-2vojOH .assetsSmallImage-2JNB1y {
    right: 0;
    bottom: 0;
}

/* Channel Details Popout */
#app-mount .popout-TdhJ6Z {
    border-radius: var(--winrad3);
    box-shadow: var(--elevation-high);
}
#app-mount .ChannelDetails-tooltip-section .ChannelDetails-tooltip-role {
    background-color: var(--background-primary);
}

.theme-dark .popout-TdhJ6Z {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
}
.theme-dark .more-2c3Z-T {
    border-top: var(--windarkborder2);
}

.theme-light .popout-TdhJ6Z {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
}
.theme-light .more-2c3Z-T {
    border-top: var(--winlightborder3);
}

.theme-light .ChannelDetails-tooltip-section .ChannelDetails-tooltip-role .ChannelDetails-tooltip-roleName {
    color: var(--interactive-active);
}

#app-mount .ChannelDetails-tooltip-section .ChannelDetails-tooltip-body {
    max-width: 272px;
}

/* BD Editor Window */
.floating-window.resizable {
    border: var(--windarkborder1);
    border-radius: var(--winrad4);
    z-index: 101;
}
.floating-window-buttons .close-button:hover {
    background-color: #C42B1C;
}

/* Emote Info ChatPopout */
.theme-dark .popoutContainer-2wbmiM {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

.theme-light .popoutContainer-2wbmiM {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

/* Reactions */
.reaction-3vwAF2 {
    border: var(--windarkborder1);
    border-radius: 100px;
}

/* See Reactions Popout */
#app-mount .scroller-2GkvCq {
    background: var(--background-secondary);
}
#app-mount .reactors-1VXca7 {
    background-color: var(--background-primary);
}

.scroller-2GkvCq {
    padding-right: 8px !important;
}

#app-mount .reactionSelected-1aMb2K {
    background-color: var(--background-modifier-selected);
}
#app-mount .reactionDefault-1Sjj1f:hover {
    background-color: var(--background-modifier-hover);
}

#app-mount .reactors-1VXca7 .reactor-1J25Qp {
    margin-right: 10px;
}

/* Add Roles Setting */
.row-1Ib2uD {
    padding-right: 8px !important;
}
.positionBottom-1pd-ap .autocompleteArrowWrapper-Kr4DnW {
    display: none;
}
.theme-dark .autocompleteArrow-jJE9TQ,
.theme-dark .header-3i_Csh {
    border-bottom: none;
    border-top-right-radius: var(--winrad3);
    border-top-left-radius: var(--winrad3);
}
.theme-dark .container-1S70rv .sectionTag-28mLyE {
    border-bottom-left-radius: var(--winrad3);
    border-bottom-right-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .autocompleteArrow-jJE9TQ,
.theme-dark .header-3i_Csh {
    border: var(--windarkborder2);
}
.theme-dark .container-1S70rv .sectionTag-28mLyE {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder2);
}

.theme-light .autocompleteArrow-jJE9TQ,
.theme-light .header-3i_Csh {
    border: var(--winlightborder2);
}
.theme-light .container-1S70rv .sectionTag-28mLyE {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

/* Bots Info */
#app-mount .botTag-7aX5WZ {
    background-color: var(--brand-experiment);
    color: var(--status-warning-text);
    border-radius: 100px;
}

.theme-dark .popout-AVsFMl,
.theme-dark .guildPopout-1PxOP0 {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder2);
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

.theme-light .popout-AVsFMl,
.theme-light .guildPopout-1PxOP0 {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

/* BetterFormatRedux */
#app-mount .bf-toolbar::before {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
    box-shadow: var(--elevation-low);
    width: calc(100% - 2px) !important;
    height: 40px;
    top: 4px;
}
#app-mount .bf-toolbar .format {
    border-radius: var(--winrad3);
    margin: 0 2px;
    height: 32px;
    max-height: 32px;
    bottom: 1px;
    width: 32px;
}
#app-mount .bf-toolbar .format > img {
    margin-left: -2px;
}
#app-mount .bf-toolbar .format > img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC9UlEQVR4nO2av08UQRTH+WFhDDFXUFhcYcKBFMRYWtgLgdLS4go7IHAJBYl2FJb8UOsrLC0sjJyGPwMTf5xWJFhYUFBcYfRjsUOczL1d9sfczuwyn+Sa2/fefWdu33ffwI2NBQKBQIUBFoBdoA+cA7+Ad8AO0HStb2QAN4Bt4JR4PgEd4KZrvVYBrgNvExZu8tq1ZqsATzMs/oIt17qtADSJel2nDzxS16aBJ0ReoDMAFlzrLwzwXFh8Q4hrAj+N2F0Xmq0C9IxFPU6IbRuxn8vUOhKAL8ai7iTE3jViT8vU6hzgvrEBZ641lQZwCzgxNuDIta5SIJoOzcUDrLjWNnKU8ZmPSYCdvAW7QrG2XdmiYwN0M+TfJjoDSLwBruUVNgUcGwXPsThUqFvW/NaOgakUuQ2i2WAgLPw3sO1UYIrauTaY6DywBZzFfOsnwIOi+vQPLHSLJtTtCnXbCfEN4BnDU55OD5guqq2w2BT1Mm8q8q2emrxaLz68BRwaNb8BizlqLapcnUOgdUleIfKv/r+AJaIDiM57YCZDjZbK0ekDSyly3W6AErEu1N7PkL8v5K+nzHW/AUrIgVH7L7CWIm9NxeocWBNWFsh+8JUEPwAeqhidS/veW8jgB8AMOfvea5D9YE+I2xPiUvW99zDsB3+AVe36qnpPp3p9HwcJ4ywjHKO9ImGhIz1IeUWMH9Sz7+MQ/KCefR8H8nwAVX7eZyFswFVugSttgsiPwT7Do3L9HoPIg9AAuKde5l9x6jUIxfR9R7veEa7Xww+Q+/4VMKnFTKr3TKrtB8jH4Y/AvBA7r67pVPc4jPy8/0HC/9+AFRWjU835ALnvN1PkbQp51fID5L5/CUykyJ1QsSbV8APkvv8AzGWoMadydPz3A+S+/w4s56i1rHJ1/PYD5L7fKFBvQ6jnpx8g9/0LYLxAzXFVw8QvP0Du+x4wa6H2LMM/ffPHD5D73qrAmA32ww+Q+976LRrTYn76QSAQCAQCgUAgEKg8/wD8huCrKK8/kQAAAABJRU5ErkJggg=="],
#app-mount .bf-toolbar .format > img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAA80lEQVR4nO3XzQ2CMBxAcQ4MwcFFHIRBWIQF2MBBZBAGeV5ogkSj1JQife9s0n9/Uj6qyszMzMzMLCIyl3v/AghQOkBsp9lIbAIIIIAAAggggAACCCCAAAIIIIAAuefZPQEEEEAAAQQQQIDTAAA1MGz4fRQAMAB13JSJAhpg3OOfnL1GoEm91lcBLXDf61JeXDR3oE293qdhOmDa8yyvTs4EdKnXfDXEBejX5zgDQKgHLqnXDgNcgdubQXJ2A66pN/903g9Y2vsCpQPMCOUegQVCuTfB1TBlPgZXA5X7IhSi5FfhEBs/hn5Y53gfQ2ZmZv/ZAxEIe1ZZ+BlyAAAAAElFTkSuQmCC"] {
    margin-left: -6px;
    transform: scale(0.875);
}

.theme-dark .bf-toolbar::before {
    background: var(--noise256), var(--windark-box1) !important;
    border: var(--windarkborder4);
}
.theme-dark .bf-toolbar .format:hover,
.theme-dark .bf-toolbar .format:active {
    background-color: var(--brand-experiment) !important;
    border: 1px solid var(--brand-experiment);
    border-bottom-color: var(--brand-experiment-560);
}
.theme-dark .bf-toolbar .format:hover > img {
    filter: invert(1);
}
.theme-dark .bf-toolbar .format:hover > svg {
    fill: #000;
}

.theme-light .bf-toolbar::before {
    background: var(--noise256), var(--winlight-box1) !important;
    border: var(--winlightborder3);
}
.theme-light .bf-toolbar .format:hover,
.theme-light .bf-toolbar .format:active {
    background-color: var(--text-link) !important;
    border: 1px solid var(--text-link);
    border-bottom-color: var(--info-help-foreground);
}
.theme-light .bf-toolbar .format:hover > img {
    filter: invert(0) !important;
}
.theme-light .bf-toolbar .format:hover > svg {
    fill: #000;
}

.theme-light .bf-toolbar .format > * {
    filter: invert(1);
}
.theme-light .bf-toolbar .bf-arrow {
    filter: brightness(0);
}

#app-mount .bf-toolbar {
    height: 28px !important;
    padding-bottom: 12px !important;
}
.bf-toolbar.bf-visible .bf-arrow,
.bf-toolbar.bf-hover:hover .bf-arrow {
    transform: translate(0,-11px) rotate(-90deg) !important;
}

#app-mount .bf-toolbar .format > * {
    opacity: 1;
}

/* Emoji, sticker and gif picker */
#app-mount .emojiItem-277VFM.emojiItemSelected-2Lg50V,
#app-mount .stickerInspected-mwnU6w .inspectedIndicator-27zwNZ {
    background-color: var(--background-modifier-selected);
}

#app-mount .contentWrapper-3vHNP2,
#app-mount .emojiPicker-6YCk8a:not(.contentWrapper-3vHNP2 .emojiPicker-6YCk8a) {
    background-color: var(--background-secondary-alt);
    border-radius: var(--winrad2);
    box-shadow: var(--elevation-medium);
}

#app-mount .emojiPicker-6YCk8a .wrapper-1NNaWG,
#app-mount [id="emoji-picker-tab-panel"] .header-11eigE {
    background-color: var(--background-secondary-alt);
}

#app-mount .contentWrapper-3vHNP2 .navButtonActive-1EqC5l {
    background-color: var(--background-modifier-active);
    color: var(--text-normal);
}

#app-mount .header-11eigE,
#app-mount .header-2TLOnc,
#app-mount .header-uVCAlo {
    box-shadow: none;
}

[id="emoji-picker-tab-panel"] .categoryList-2qRrlj .listItems-6eZzQ1 {
    width: 100%;
}

/* The searchbar */
.search-39IXmY {
    order: 1;
}

#app-mount .searchBar-jGtisZ {
    border-radius: var(--winrad2);
    height: 28px;
}

#app-mount .searchBar-jGtisZ,
#app-mount .focused-1xh-wG .searchBar-jGtisZ, 
#app-mount .open-1F8u2c .searchBar-jGtisZ {
    width: 228px;
}

.theme-dark .searchBar-jGtisZ {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .search-2Mwzzq:hover .searchBar-jGtisZ:not(:focus-within) {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .search-2Mwzzq:focus-within .searchBar-jGtisZ {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .searchBar-jGtisZ {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
}
.theme-light .search-2Mwzzq:hover .searchBar-jGtisZ:not(:focus-within) {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .search-2Mwzzq:focus-within .searchBar-jGtisZ {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .search-2Mwzzq .searchBar-jGtisZ {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

.icon-tZMHgY.iconLayout-SqV3nb.small-1hw8IT {
    position: relative;
    top: 1px;
}

/* The Search Options */
#app-mount .container-2McqkF {
    position: relative;
    top: -6px;
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

#app-mount .elevationBorderHigh-3drnJX {
    -webkit-box-shadow: var(--elevation-medium);
    box-shadow: var(--elevation-medium);
}

.option-ayUoaq:after,
.option-ayUoaq[aria-selected=true]:after {
    background: none !important;
}

.theme-dark .container-2McqkF {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
}

.theme-light .container-2McqkF {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

#app-mount .option-ayUoaq .displayUsername-UTerwm {
    max-width: 50%;
}
#app-mount .option-ayUoaq .plusIcon-1RVszG {
    background-color: var(--brand-experiment);
    color: var(--text-normal);
    border-radius: var(--winrad1);
    opacity: 1;
}
#app-mount .option-ayUoaq .plusIcon-1RVszG:hover {
    background-color: var(--brand-experiment-530);
}

#app-mount .resultsGroup-cfY57t .header-1BR0Ro,
#app-mount .resultsGroup-cfY57t .searchClearHistory-3nIKUO,
#app-mount .resultsGroup-cfY57t .searchLearnMore-1gNL3A a,
#app-mount .option-ayUoaq .filter-2QaH9y {
    color: var(--header-secondary);
}
#app-mount .searchOption-3u1gRt .answer-14OVbQ,
#app-mount .option-ayUoaq.user-1dKxvu .displayUsername-UTerwm {
    color: var(--interactive-normal);
}
#app-mount .option-ayUoaq[aria-selected=true] {
    background-color: var(--background-modifier-selected);
}
#app-mount .searchOption-351dTI .filter-5YbOzJ,
#app-mount .option-2KkUJO .nonText-3_4gtu {
    color: var(--text-normal);
}
#app-mount .focused-2FU0YH {
    background-color: var(--background-tertiary);
}
#app-mount .dim-2Uxgxb span {
    background-color: var(--brand-experiment);
    color: var(--header-primary);
}

#app-mount .searchHeaderTabList-3CZMQB .item-3XjbnG::after {
    top: calc(50%/2);
}

/* Calendar */
#app-mount .datePicker-3iA7_k,
#app-mount .datePicker-3iA7_k .datePickerHint-Ir4715 {
    border: none;
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__header,
#app-mount .calendarPicker-sDhzdi .react-datepicker {
    background-color: transparent;
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month {
    text-align: start;
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next,
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
    border: none;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
    transform: rotate(-90deg);
    margin-left: calc(100% - 84px);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next {
    transform: rotate(90deg);
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__day {
    background-color: transparent;
    border-radius: 50%;
    border: none;
}

#app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover {
    background-color: var(--background-modifier-hover);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected {
    background-color: var(--brand-experiment);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover {
    background-color: var(--brand-experiment-530);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:after {
    display: none;
}

.theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected {
    color: #000;
}

.theme-light .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected {
    color: #fff;
}

/* Search page */
#app-mount .searchResultsWrap-5RVOkx {
    position: fixed;
    border-radius: var(--winrad3);
    top: 90px;
    right: 10px;
    z-index: 2;
    height: 80vh;
    backdrop-filter: blur(var(--winblur1));
}
#app-mount .searchResultsWrap-5RVOkx .channelName-3w2Y3c {
    background-color: transparent;
}

.theme-dark .searchResultsWrap-5RVOkx {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder1);
}

.theme-light .searchResultsWrap-5RVOkx {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
}

/* Serverlist */
.wrapper-1_HaEi.guilds-2JjMmN {
    width: calc(var(--server-size) + 24px);
}

.scroller-3X7KbA {
    width: calc(var(--server-size) + 24px);
    overflow-y: overlay !important;
}

#app-mount .guildSeparator-a4uisj {
    width: var(--server-size);
}

#app-mount .listItem-3SmSlK {
    width: var(--server-size);
    margin: 0 12px 6px;
}

#app-mount .wrapper-38slSD {
    width: 100%;
}

#app-mount ul[id^=folder-items][role=group] {
    height: auto !important;
}

#app-mount .expandedFolderBackground-1kSAf6 {
    width: var(--server-size);
    left: 0;
    bottom: 0;
    margin: 0 12px;
}

#app-mount .wrapper-28eC3z,
#app-mount .wrapper-28eC3z foreignObject,
#app-mount .folderIconWrapper-1oRIZr,
#app-mount .expandedFolderBackground-1kSAf6 {
    mask: none !important;
    border-radius: var(--winrad2);
}
#app-mount .wrapperSimple-Js2rIO {
    border-radius: var(--winrad2);
}

.expandedFolderBackground-1kSAf6.collapsed-uGXEbi,
.expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT {
    height: var(--server-size);
}

#app-mount .unreadMentionsIndicatorBottom-3RJMnQ,
#app-mount .unreadMentionsIndicatorTop-2bTgUU {
    width: auto;
}

.pill-L_aLMQ,
.pill-1NRFie {
    opacity: 0;
}

.listItem-3SmSlK .icon-3AqZ2e {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

#app-mount .pill-2RsI5Q {
    position: relative;
    left: 0px;
    height: auto;
    width: 0px;
    overflow: unset;
    z-index: 1;
}

.listItemWrapper-3d87LP .wrapper-28eC3z,
.listItem-3SmSlK [data-dnd-name] .wrapper-28eC3z {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: -1px 0 0 -1px;
}

.wrapper-28eC3z > svg {
    width: 100%;
    height: 100%;
}

.listItemWrapper-3d87LP,
.listItem-3SmSlK [data-dnd-name] {
    height: calc(var(--server-size) - 2px);
    width: calc(var(--server-size) - 2px);
    border: 1px solid transparent;
    border-radius: var(--winrad2);
    transition: var(--wintransition);
}

.theme-dark .listItem-3SmSlK [data-dnd-name]:hover,
.theme-dark .listItem-3SmSlK [data-dnd-name].selected-3c78Ai,
.theme-dark .listItemWrapper-3d87LP:hover,
.theme-dark .listItemWrapper-3d87LP.selected-3a1QGn {
    background-color: hsla(0, 0%, 26%, 0.6) !important;
    border: 1px solid hsla(0, 0%, 27%, 0.6) !important;
    border-top-color: hsla(0, 0%, 29%, 0.6) !important;
    border-bottom-color: hsla(0, 0%, 27%, 0.6) !important;
}
.theme-dark .listItem-3SmSlK [data-dnd-name].selected-3c78Ai:hover,
.theme-dark .listItemWrapper-3d87LP.selected-3a1QGn:hover {
    background-color: hsla(0, 0%, 28%, 0.6) !important;
}

.theme-light .listItem-3SmSlK [data-dnd-name]:hover,
.theme-light .listItem-3SmSlK [data-dnd-name].selected-3c78Ai,
.theme-light .listItemWrapper-3d87LP:hover,
.theme-light .listItemWrapper-3d87LP.selected-3a1QGn {
    background-color: hsla(0, 0%, 100%, 0.6) !important;
    border: 1px solid hsla(0, 0%, 100%, 0.8) !important;
    border-top-color: hsla(0, 0%, 100%, 0.8) !important;
    border-bottom-color: hsla(0, 0%, 100%, 0.7) !important;
}
.theme-light .listItem-3SmSlK [data-dnd-name].selected-3c78Ai:hover,
.theme-light .listItemWrapper-3d87LP.selected-3a1QGn:hover {
    background-color: hsla(0, 0%, 100%, 0.5) !important;
}

.guilds-2JjMmN .item-2LIpTv[style*="height: 0"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 1"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 2"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 3"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 4"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 5"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 6"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 7"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 8"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 9"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 10"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 11"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 12"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 13"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 14"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 15"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 16"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 17"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 18"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 19"],
.guilds-2JjMmN .item-2LIpTv[style*="height: 20"] {
    background-color: var(--channels-default);
    height: 8px !important;
}

#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 21"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 22"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 23"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 24"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 25"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 26"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 27"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 28"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 29"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 30"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 31"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 32"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 33"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 34"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 35"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 36"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 37"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 38"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 39"],
#app-mount .guilds-2JjMmN .item-2LIpTv[style*="height: 40"] {
    background-color: var(--brand-experiment) !important;
    height: 18px !important;
}

.item-2LIpTv {
    width: 3px;
    border-radius: 1.5px;
    margin-left: 1px;
    transform: none !important;
    transition: var(--wintransition);
}

#app-mount .lowerBadge-3WTshO div,
#app-mount .upperBadge-1V6Iyi div {
    background-color: var(--brand-experiment) !important;
}

.theme-dark .lowerBadge-3WTshO div,
.theme-dark .upperBadge-1V6Iyi div {
    color: #000 !important;
}

.theme-light .lowerBadge-3WTshO div,
.theme-light .upperBadge-1V6Iyi div {
    color: #fff !important;
}

/* Channels and members */
.layout-1qmrhw::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 0;
    border-radius: 1.5px;
    left: 0;
    transition: var(--wintransition);
}
.selected-1-Z6gm .layout-1qmrhw::before {
    height: 20px;
}

#app-mount .selected-1-Z6gm .layout-1qmrhw::before {
    background-color: var(--brand-experiment);
}

.wrapperCommon-I1TMDb {
    padding-right: 16px !important;
}

.membersWrap-3NUR2t {
    border-left: var(--windarkborder1);
}

.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
    border-left: var(--windarkborder1);
}

#app-mount .ChannelDms-channelmembers-wrap .privateChannels-oVe7HL {
    border-left: var(--windarkborder1) !important;
}

.sidebar-1tnWFu,
.members-3WRCEx {
    width: 260px;
}
.membersWrap-3NUR2t {
    background-color: var(--background-secondary);
}

#app-mount .member-48YF_l,
#app-mount .members-3WRCEx {
    background-color: transparent;
}

#app-mount .member-2gU6Ar {
    margin-right: 8px;
    max-width: 254px;
}
.layout-1qmrhw {
    width: 227px;
}
#app-mount .channel-1Shao0 {
    max-width: 244px;
}
.privateChannelsHeaderContainer-1UWASm {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.content-1gYQeQ:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 0;
    left: 0;
    border-radius: 1.5px;
    transition: var(--wintransition);
}
.modeSelected-3DmyhH .content-1gYQeQ:before {
    height: 16px;
}

#app-mount .modeSelected-3DmyhH .content-1gYQeQ:before {
    background-color: var(--brand-experiment);
}

.modeUnread-3Cxepe .content-1gYQeQ:before {
    height: 8px;
    background-color: var(--channels-default);
}

.interactive-1vLZ_I::before {
    content: "";
    position: absolute;
    height: 0;
    width: 3px;
    left: 0;
    border-radius: 1.5px;
    transition: var(--wintransition);
}
.interactiveSelected-29CP8y::before {
    height: 24px;
}

#app-mount .interactiveSelected-29CP8y::before {
    background-color: var(--brand-experiment);
}

#app-mount .container-1NXEtd .bannerImg-2PzH6z {
    border-radius: var(--winrad2);
    border: 1px solid hsla(0, 0%, 100%, 0.06);
    margin-left: 8px;
    width: 241px;
}

#app-mount .animatedContainer-2laTjx {
    background-color: transparent;
    margin-top: 48px;
    padding-bottom: 2px;
}

.bannerImage-ubW8K- {
    width: 100%;
}

#app-mount .bannerImage-ubW8K-:before {
    background: none;
}

[class="container-1-ERn5 clickable-vvKY2q hasBanner-2IrYih bannerVisible-Vkyg1I communityInfoVisible-3zc5_s"],
[class="container-1-ERn5 clickable-vvKY2q selected-1GtAC5 hasBanner-2IrYih bannerVisible-Vkyg1I communityInfoVisible-3zc5_s"] {
    height: 100px;
    display: table;
}

#app-mount .bannerVisible-Vkyg1I .headerContent-2SNbie {
    color: var(--text-normal);
    filter: none;
}

#app-mount .container-2giAcK {
    border-radius: var(--winrad2);
    padding-top: 4px;
    width: auto;
    border: var(--windarkborder1);
    margin-right: 8px;
}

.theme-dark .container-2giAcK {
    background-color: var(--windark-mica);
}

.theme-light .container-2giAcK {
    background-color: var(--winlight-mica);
}

.container-2giAcK .divider-3qUeLQ {
    display: none;
}

/* Server Home */
.theme-dark .background-fkKrXt {
    background-color: var(--windark-acrylic);
}

.theme-light .background-fkKrXt {
    background-color: var(--winlight-acrylic);
}

.theme-dark .headerBarInner-2pcZSM:after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(50,52,58,0)),to(var(--windark-acrylic)));
    background: linear-gradient(180deg,rgba(50,52,58,0) 0,var(--windark-acrylic));
}

.theme-light .headerBarInner-2pcZSM:after {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(50,52,58,0)),to(var(--winlight-acrylic)));
    background: linear-gradient(180deg,rgba(50,52,58,0) 0,var(--winlight-acrylic));
}

/* Forums */
#app-mount .container-3wLKDe {
    background-color: var(--background-secondary);
}

.list-1MBHYC.scroller-3HgAcr {
    padding-right: 8px !important;
}

.mainCard-3KBsBI.header-1Uy0p6 {
    background: var(--background-modifier-active);
    border: 1px solid var(--background-modifier-active);
    border-radius: var(--winrad4);
}

.container-3wLKDe .title-1v5ZfI {
    margin: 0;
    padding: 4px 0 0 8px;
    height: 36px;
}

.pinIcon-3I5-gm path {
    fill: var(--status-warning-text);
}

#app-mount .newBadge-1LcB6t[style="background-color: var(--brand-260);"] {
    background-color: var(--brand-500) !important;
    color: var(--status-warning-text);
}

/* Scrollbar CSS */
.scroller-kQBbkU,
.auto-2K3UW5,
.peopleColumn-1wMU14,
.members-3WRCEx,
.thin-31rlnD {
    overflow-y: overlay !important;
}
.scroller-kQBbkU::-webkit-scrollbar,
.auto-2K3UW5::-webkit-scrollbar,
.peopleColumn-1wMU14::-webkit-scrollbar {
    width: 11px !important;
}
.scrollerBase-1Pkza4::-webkit-scrollbar {
    width: 7px;
}
.scroller-kQBbkU::-webkit-scrollbar-track,
.auto-2K3UW5::-webkit-scrollbar-track,
.peopleColumn-1wMU14::-webkit-scrollbar-track,
.scrollerBase-1Pkza4::-webkit-scrollbar-track {
    border-radius: 3.5px;
}
.scroller-kQBbkU::-webkit-scrollbar-thumb,
.auto-2K3UW5::-webkit-scrollbar-thumb,
.thin-31rlnD::-webkit-scrollbar-thumb,
.peopleColumn-1wMU14::-webkit-scrollbar-thumb,
.scrollerBase-1Pkza4::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
}

.nowPlayingColumn-1eCBCN .scroller-hE2gWq {
    padding-right: 16px !important;
}
.content-1gYQeQ {
    margin-right: 8px
}

[class="thin-31rlnD scrollerBase-_bVAAt"] > h2 {
    margin-right: 16px;
}
[class="thin-31rlnD scrollerBase-_bVAAt"] .categoryItem-Kc_HK_ {
    margin: 2px 8px;
    padding: 0;
}
.pageWrapper-2PwDoS [class="scroller-3j5xK2 auto-2K3UW5 scrollerBase-_bVAAt"] {
    padding: 32px !important;
}

.popout-3gby1q .friendWrapper-2x5j0A {
    margin-right: 12px;
}

.searchResultsWrap-5RVOkx .scroller-3iiyhZ {
    padding-right: 16px !important;
}

.scroller-2M3eAB {
    padding-right: 16px !important;
}

.content-2hZxGK {
    padding-right: 16px !important;
}

.messagesPopout-eVzQcI {
    padding-right: 8px !important;
}

.container-8Futzw {
    padding-right: 16px !important;
}

.scroller-2qwVWY {
    margin-right: 0;
}

.scrollSection-HnJkHK {
    padding-right: 16px !important;
}

/* BearableInbox [by Disease] edited */
#app-mount .recentMentionsPopout-2bI1ZN .container-iA3Qrz,
#app-mount .recentMentionsPopout-2bI1ZN .channel-3NJZ1V {
    border-radius: var(--winrad3);
    overflow: hidden;
    margin-right: 4px;
    border: var(--windarkborder1);
}

.theme-dark .recentMentionsPopout-2bI1ZN .container-iA3Qrz,
.theme-dark .recentMentionsPopout-2bI1ZN .channel-3NJZ1V {
    background-color: var(--windark-acrylic);
}

.theme-light .recentMentionsPopout-2bI1ZN .container-iA3Qrz,
.theme-light .recentMentionsPopout-2bI1ZN .channel-3NJZ1V {
    background-color: var(--winlight-acrylic);
}

.recentMentionsPopout-2bI1ZN .container-iA3Qrz {
    padding-right: unset;
}

#app-mount .recentMentionsPopout-2bI1ZN .channel-3NJZ1V {
    padding-top: 0;
}

.recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI {
    padding: 16px !important;
}
.recentMentionsPopout-2bI1ZN .scroller-145h9c {
    padding-right: 16px !important;
}

.recentMentionsPopout-2bI1ZN .channel-3NJZ1V {
    margin: 16px 8px 16px 0;
    padding-bottom: 0;
}

.recentMentionsPopout-2bI1ZN .channelHeader-DFRX8q {
    background-color: var(--background-primary);
    height: fit-content;
    padding: 6px 16px;
    border-bottom: thin solid var(--background-modifier-accent);
}

.recentMentionsPopout-2bI1ZN .messageContainer-3VTXBC,
.recentMentionsPopout-2bI1ZN .messages-23can0 {
    margin-left: unset;
    background: none;
    border-radius: unset;
}

/* header icon */
.recentMentionsPopout-2bI1ZN .iconSizeMedium-2vzSua {
    width: 24px;
    height: 24px;
}

.recentMentionsPopout-2bI1ZN .iconActiveMedium-27_R5B {
    border-radius: 7px;
}

.recentMentionsPopout-2bI1ZN .dmIcon-1ZeAqq,
.recentMentionsPopout-2bI1ZN .guildIcon-IklRcj {
    margin-right: 6px;
}

/* channel name section */
.recentMentionsPopout-2bI1ZN .channelName-3APnhp svg path {
    fill: var(--channel-icon);
}

.recentMentionsPopout-2bI1ZN .channelName-3APnhp svg {
    margin: 0 4px;
}

.recentMentionsPopout-2bI1ZN .channelNameSection-3OgeRa {
    -webkit-box-orient: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

.recentMentionsPopout-2bI1ZN .heading-md-medium-2DVCeJ,
.recentMentionsPopout-2bI1ZN .heading-md-normal-3Ytn6I {
    font-size: 16px;
    line-height: 20px;
}

.recentMentionsPopout-2bI1ZN .subtext-2-lYzF,
.recentMentionsPopout-2bI1ZN .subtextContainer-1jbEbB {
    margin-left: 4px;
    line-height: 20px;
    width: fit-content;
}

#app-mount .sectionDivider-189lqb {
    width: calc(100% - 16px);
}

/* buttons */
.recentMentionsPopout-2bI1ZN .container-iA3Qrz .closeButton-3CiW2j {
    opacity: 0;
}

.recentMentionsPopout-2bI1ZN .container-iA3Qrz:hover .closeButton-3CiW2j {
    opacity: 1;
}

.recentMentionsPopout-2bI1ZN .tertiary-1e-lAP:not(.disabled-184-il),
.recentMentionsPopout-2bI1ZN .tertiary-1e-lAP:hover:not(.disabled-184-il) {
    background: none;
}

.recentMentionsPopout-2bI1ZN .collapseButton-39-IRc:hover {
    color: var(--interactive-active);
}

.recentMentionsPopout-2bI1ZN .collapseButton-39-IRc {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: unset;
    width: 32px;
    height: 32px;
    padding: unset;
    margin-left: 12px;
}

.recentMentionsPopout-2bI1ZN .messages-23can0>button:last-of-type {
    margin-left:auto;
}

/* Resent mentions, unread, pinned messages & threads */
#app-mount .messagesPopoutWrap-3zryHW,
#app-mount .container-2ebMPP {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
    max-height: 80vh !important;
    margin-top: 8px;
}

#app-mount .tab-TRrPC8.item-3XjbnG.themed-qqoYp3 {
    height: 100%;
    margin-top: 0;
}
#app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy,
#app-mount .header-3_zmOb .tabBar-2WhZ9G .tab-2Jo-cu.active-346HgG,
#app-mount .list-1uSVgu .tabBar-3N44FC .tab-1tp4jL.active-3WMEyE {
    background-color: transparent;
}
#app-mount .header-145e10 .tab-TRrPC8.item-3XjbnG.themed-qqoYp3::after,
#app-mount .header-3_zmOb .tab-2Jo-cu.item-3XjbnG.themed-qqoYp3::after,
#app-mount .list-1uSVgu .tab-1tp4jL.item-3XjbnG.themed-qqoYp3::after {
    bottom: 0;
}

#app-mount .browser-mnQ1T7 {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .messagesPopoutWrap-3zryHW,
.theme-dark .container-2ebMPP,
.theme-dark .browser-mnQ1T7 {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder1);
}
.theme-dark .messagesPopoutWrap-3zryHW .header-1w9Q93,
.theme-dark .container-2ebMPP .header-145e10,
.theme-dark .browser-mnQ1T7 .header-3_zmOb {
    border-bottom: var(--windarkborder2);
}

.theme-light .messagesPopoutWrap-3zryHW,
.theme-light .container-2ebMPP,
.theme-light .browser-mnQ1T7 {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
}
.theme-light .messagesPopoutWrap-3zryHW .header-1w9Q93,
.theme-light .container-2ebMPP .header-145e10,
.theme-light .browser-mnQ1T7 .header-3_zmOb {
    border-bottom: var(--winlightborder2);
}

.container-iA3Qrz {
    margin-top: 8px;
    margin-bottom: 8px;
}
.channelHeader-DFRX8q {
    padding-right: 16px;
    border-top-left-radius: var(--winrad3);
    border-top-right-radius: var(--winrad3);
}
.messageContainer-3VTXBC,
.messages-23can0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.messageContainer-3VTXBC {
    margin-left: 0;
}

.channel-3NJZ1V {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* Media Player */
#app-mount .metadata-3IncIG {
    margin: 4px;
    padding: 8px;
    border-radius: var(--winrad2);
    top: 0;
    height: auto;
    backdrop-filter: blur(var(--winblur1));
}
#app-mount .videoControls-2NzHnF {
    margin: 4px;
    padding: 4px;
    border-radius: var(--winrad2);
    bottom: 0;
    backdrop-filter: blur(var(--winblur1));
    width: auto;
}

#app-mount .metadata-3IncIG[style="transform: translateY(-100%);"] {
    transform: translateY(calc(-100% - 10px)) !important;
}
#app-mount .videoControls-2NzHnF[style="transform: translateY(100%);"] {
    transform: translateY(calc(100% + 10px)) !important;
}
#app-mount .wrapper-x4po40 {
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

#app-mount .videoControls-2NzHnF .durationTimeWrapper-LdSEv8 span {
    font: var(--font-display);
    font-size: 12px;
}

#app-mount .mediaBarWrapper-33h1oY {
    height: 4px;
}

#app-mount .mediaBarGrabber-FvJKJg {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-top: -10px;
    border: 1px solid var(--background-primary);
    transform: scale(1);
}
#app-mount .mediaBarGrabber-FvJKJg::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    transition: var(--wintransition);
}
#app-mount .mediaBarGrabber-FvJKJg:hover::before {
    transform: scale(1.2);
    transform-origin: center;
}

.theme-dark .mediaBarGrabber-FvJKJg {
    background-color: #454545 !important;
}

#app-mount .mediaBarGrabber-FvJKJg::before {
    background-color: var(--brand-experiment) !important;
    border: 1px solid var(--brand-experiment);
}

.theme-light .mediaBarGrabber-FvJKJg {
    background: #fff !important;
}

#app-mount .mediaBarProgress-38I317,
#app-mount .mediaBarProgress-38I317:after,
#app-mount .mediaBarProgress-38I317:before {
    background-color: var(--brand-experiment);
}

#app-mount .mediaBarInteraction-tUE5dq:hover .mediaBarWrapper-33h1oY,
#app-mount .mediaBarInteractionDragging-3XLL8k:hover .mediaBarWrapper-33h1oY {
    box-shadow: none !important;
}

#app-mount .buffer-3eVqKK,
#app-mount .buffer-3eVqKK:after,
#app-mount .buffer-3eVqKK:before {
    background-color: transparent;
}

#app-mount .bubble-3XikHF:before {
    display: none;
}

#app-mount .volumeButtonSlider-2OrZ9e.volumeSliderWrapper-17tnjX.sliderVisible-2sHyUq {
    top: -78px;
}
#app-mount .mediaBarInteractionVolume-zGrOSh {
    border-radius: var(--winrad3);
    padding: 14px;
    backdrop-filter: blur(var(--winblur1));
    box-shadow: var(--elevation-medium);
}

.theme-dark .metadata-3IncIG {
    background: var(--noise256), var(--windark-box1);
    color: #fff;
}
.theme-dark .metadata-3IncIG svg path {
    fill: #fff;
}

.theme-dark .wrapper-x4po40 {
    background: var(--noise256), var(--windark-box1);
}
.theme-dark .wrapper-x4po40 svg polygon {
    fill: #fff;
}

.theme-dark .videoControls-2NzHnF {
    background: var(--noise256), var(--windark-box1);
    color: #fff;
}

.theme-dark .mediaBarWrapper-33h1oY,
.theme-dark .mediaBarWrapper-33h1oY:after,
.theme-dark .mediaBarWrapper-33h1oY:before {
    background-color: rgba(255, 255, 255, 0.5442);
}

.theme-dark .bubble-3XikHF {
    background: var(--noise256), var(--windark-box1);
    color: #fff;
    border: var(--windarkborder4);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

.theme-dark .mediaBarInteractionVolume-zGrOSh {
    background: var(--noise256), var(--windark-box1);
}

.theme-light .mediaBarInteractionVolume-zGrOSh {
    background: var(--noise256), var(--winlight-box1);
}

.theme-light .metadata-3IncIG {
    background: var(--noise256), var(--winlight-box1);
    color: #000;
}
.theme-light .metadata-3IncIG svg path {
    fill: #000;
}

.theme-light .wrapper-x4po40 {
    background: var(--noise256), var(--winlight-box1);
}
.theme-light .wrapper-x4po40 svg polygon {
    fill: #000;
}

.theme-light .videoControls-2NzHnF {
    background: var(--noise256), var(--winlight-box1);
    color: #000;
}

.theme-light [class*="iconPlay-3weMmb icon-23NjRH"] {
    background-color: #000;
}
.theme-light [points="0 0 0 14 11 7"] {
    stroke: #000;
}

.theme-light .controlIcon-10O-4h {
    color: #555555;
}

.theme-light .mediaBarWrapper-33h1oY,
.theme-light .mediaBarWrapper-33h1oY:after,
.theme-light .mediaBarWrapper-33h1oY:before {
    background-color: rgba(0, 0, 0, 0.4458);
}

.theme-light .bubble-3XikHF {
    background: var(--noise256), var(--winlight-box1);
    color: #000;
    border: var(--winlightborder2);
    backdrop-filter: blur(var(--winblur1));
    border-radius: var(--winrad2);
}

/* Embed link */
.embedFull-1HGV2S {
    border: 2px solid;
    background: var(--noise256);
    border-radius: var(--winrad3);
}

/* Top drag */
.wordmarkWindows-2dq6rw {
    padding: 0;
    width: 0;
}
.wordmarkWindows-2dq6rw svg {
    display: none;
}
.wordmarkWindows-2dq6rw::after {
    content: "Discord 11";
    font-family: var(--font-display);
    width: 70px;
    height: 14px;
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    top: 10px;
    left: 8px;
}

.theme-dark .wordmarkWindows-2dq6rw::after {
    color: hsla(0, 0%, 78%, 0.98);
}

.theme-light .wordmarkWindows-2dq6rw::after {
    color: hsla(0, 0%, 0%, 0.98);
}

.withFrame-2dL45i {
    margin-top: 0;
    height: 34px;
    position: relative;
}
#app-mount .titleBar-1it3bQ {
    z-index: 2;
}

/* WinButton */
.platform-win .container-2RRFHK {
    padding-top: 34px;
    top: -34px;
}

.winButton-3UMjdg {
    top: 0;
    height: 34px;
    width: 48px;
}

.winButton-3UMjdg > svg > rect[y="1.5"] {
    rx: 2;
    ry: 2;
}

#app-mount .winButtonClose-3Q8ZH5:hover {
    background-color: #C42B1C;
}

.theme-dark .winButtonMinMax-3RsPUg:hover {
    background-color: var(--background-modifier-hover);
    color: #fff;
}

.theme-light .winButtonMinMax-3RsPUg:hover {
    background-color: var(--background-modifier-hover);
    color: #000;
}

/* User Bar */
.panels-3wFtMD {
    background-color: var(--background-secondary);
}
.container-YkUktl {
    margin: 4px;
    padding: 3px 6px;
    border-radius: var(--winrad3);
    height: 84px;
    display: flex;
    flex-wrap: wrap;
}
.container-YkUktl .directionRow-2Iu2A9 {
    width: 100%;
}

.container-YkUktl .directionRow-2Iu2A9 button {
    width: 100%;
    transition: var(--wintransition);
}
.container-YkUktl .directionRow-2Iu2A9 button:not(:first-child) {
    margin-left: 4px;
}

.theme-dark .container-YkUktl .directionRow-2Iu2A9 button {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .container-YkUktl .directionRow-2Iu2A9 button:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .container-YkUktl .directionRow-2Iu2A9 button {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .container-YkUktl .directionRow-2Iu2A9 button:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.activityPanel-9icbyU,
.container-1zzFcN,
.container-6sXIoE {
    margin: 4px 4px 0 4px;
    border-radius: var(--winrad3);
    border-bottom: none;
}

.theme-dark .container-YkUktl,
.theme-dark .activityPanel-9icbyU,
.theme-dark .container-1zzFcN,
.theme-dark .container-6sXIoE {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
}

.theme-light .container-YkUktl,
.theme-light .activityPanel-9icbyU,
.theme-light .container-1zzFcN,
.theme-light .container-6sXIoE {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
}

.container-6sXIoE.maximized-vv2Wr0 .coverWrapper-YAplwJ {
    border-top-left-radius: var(--winrad3);
    border-top-right-radius: var(--winrad3);
}

#app-mount .avatarWrapper-1B9FTW.withTagAsButton-OsgQ9L {
    margin-right: 0;
    margin-left: 0;
    padding-left: 4px;
}

.panels-3wFtMD .avatarWrapper-1B9FTW {
    max-width: calc(100% - 4px);
    min-width: calc(100% - 4px);
}

/* Normal Status Picker */
.accountProfilePopoutWrapper-3GskID .bannerSVGWrapper-qc0szY,
.accountProfilePopoutWrapper-3GskID .avatarWrapper-3y0KZ1,
.accountProfilePopoutWrapper-3GskID .profileBadges-31rDHI,
.accountProfilePopoutWrapper-3GskID .userProfileInner-3F03PX:before,
.accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .scroller-1jBQYo,
.accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .divider-1gzPrC,
.accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda > .menu-1QACrS::before {
    display: none;
}

.accountProfilePopoutWrapper-3GskID {
    left: 0;
}

.accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda {
    margin: 0;
    border-radius: var(--winrad3);
}

.accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(var(--winblur1));
    z-index: -1;
    border-radius: var(--winrad3);
}

.theme-dark .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder4);
}

.theme-light .accountProfilePopoutWrapper-3GskID .userPopoutOverlayBackground-dKOOda {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
}

.accountProfilePopoutWrapper-3GskID .copiableField-1r8Z0C {
    padding-left: 8px;
}

.accountProfilePopoutWrapper-3GskID > div {
    border-radius: var(--winrad3);
    width: 220px;
}

.accountProfilePopoutWrapper-3GskID .menu-1QACrS {
    border: none;
}

.accountProfilePopoutWrapper-3GskID .userPopoutInner-1hXSeY,
.accountProfilePopoutWrapper-3GskID .userPopoutOuter-3AVBmJ,
.accountProfilePopoutWrapper-3GskID .overlayBackground-1KgwVi {
    background: transparent;
    background-color: transparent;
}

/* Profiles Settings */
#app-mount [id="profile-customization-tab"] .tabBar-11FwuO {
    padding-bottom: 2px;
}
#app-mount [id="profile-customization-tab"] .tabBar-11FwuO,
#app-mount [id="profile-customization-tab"] .top-K_jibn .item-3XjbnG {
    border-bottom: none;
}

[id="profile-customization-tab"] .top-K_jibn .item-3XjbnG:after {
    content: "";
    position: absolute;
    width: calc(0%);
    height: 3px;
    border-radius: 1.5px;
    bottom: 4px;
    left: 0;
    margin-left: 50%;
    transition: var(--wintransition);
}

[id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.item-3XjbnG:active:after,
[id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after {
    width: calc(50%);
    margin-left: calc(50%/2);
}

#app-mount [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.item-3XjbnG:active:after,
#app-mount [id="profile-customization-tab"] .top-K_jibn .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after {
    background-color: var(--brand-experiment);
}

#app-mount [id="profile-customization-tab"] .status-b9jLr4 {
    display: none;
}

.fakeActivityLayout-2kcbMs {
    background: var(--background-modifier-accent);
    border: 1px solid var(--background-modifier-accent);
    border-radius: var(--winrad2);
    padding: 8px;
}

#app-mount .buttonColor-1u-3JF {
    opacity: 1;
    transition: var(--wintransition);
}

.profileColors-3Y0XaR .buttonColor-1u-3JF {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
}
.profileColors-3Y0XaR .buttonColor-1u-3JF:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.profileColors-3Y0XaR.theme-dark .buttonColor-1u-3JF {
    color: #000 !important;
}

.profileColors-3Y0XaR.theme-light .buttonColor-1u-3JF {
    color: #fff !important;
}

/* Gray Buttons */
.theme-dark .colorGrey-2iAG-B,
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo,
.theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .colorGrey-2iAG-B:hover,
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,
.theme-dark .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .colorGrey-2iAG-B,
.theme-light .lookFilled-yCfaCM.colorPrimary-2AuQVo,
.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .colorGrey-2iAG-B:hover,
.theme-light .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,
.theme-light .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

/* Red Buttons */
.theme-dark .lookFilled-yCfaCM.colorRed-rQXKgM {
    background-color: var(--windark-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .lookFilled-yCfaCM.colorRed-rQXKgM:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .lookFilled-yCfaCM.colorRed-rQXKgM {
    background-color: var(--winlight-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .lookFilled-yCfaCM.colorRed-rQXKgM:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.lookOutlined-3yKVGo.colorRed-rQXKgM {
    border-color: var(--info-danger-foreground) !important;
    color: var(--info-danger-foreground);
}
.lookOutlined-3yKVGo.colorRed-rQXKgM:hover {
    background-color: var(--info-danger-foreground);
    border-color: var(--info-danger-foreground) !important;
    color: var(--info-danger-background);
}

/* Green Buttons */
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79 {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .lookFilled-yCfaCM.colorGreen-3y-Z79 {
    color: #000 !important;
}

.theme-light .lookFilled-yCfaCM.colorGreen-3y-Z79 {
    color: #fff !important;
}

/* Green elements */
[style="color: var(--status-green-600);"] {
    color: var(--info-positive-foreground) !important;
}

#app-mount .enableCircle-2fytPW,
#app-mount .dotOnline-3uN0x9 {
    background-color: var(--info-positive-foreground);
}

/* Brand Buttons */
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ {
    color: #000 !important;
}

.theme-light #app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ {
    color: #fff !important;
}

.lookOutlined-3yKVGo.colorBrand-I6CyqQ {
    border-color: var(--brand-experiment);
    color: var(--brand-experiment);
}
.lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment);
    color: var(--status-warning-text);
}

.button-35nmN9 {
    background: currentColor;
}

/* Add Friend */
.tabBar-ra-EuL .addFriend-emTWY1 {
    height: 32px;
    width: 120px;
    top: 8px;
    transition: var(--wintransition);
}

#app-mount .addFriend-emTWY1.themed-qqoYp3 {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    font-weight: 400 !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .addFriend-emTWY1.themed-qqoYp3:hover:not([aria-selected=true]) {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}
#app-mount .addFriend-emTWY1.themed-qqoYp3[aria-selected=true] {
    background-color: transparent !important;
    color: var(--brand-experiment) !important;
    border-color: transparent !important;
}

#app-mount .addFriend-emTWY1.themed-qqoYp3[aria-selected=true]:hover {
    background-color: var(--background-modifier-hover) !important;
    border-color: var(--background-modifier-hover) !important;
}

.theme-dark .addFriend-emTWY1.themed-qqoYp3 {
    color: #000 !important;
}

.theme-light .addFriend-emTWY1.themed-qqoYp3 {
    color: #fff !important;
}

/* Home Tabs */
.children-3xh0VB,
.tabBar-ra-EuL {
    height: 100%;
}

.topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy,
.topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl) {
    background-color: transparent;
}

.topPill-2vcLsa .themed-qqoYp3:not(.addFriend-emTWY1.themed-qqoYp3):after {
    content: "";
    position: absolute;
    width: calc(0%);
    height: 3px;
    border-radius: 1.5px;
    bottom: 4px;
    left: 0;
    margin-left: 50%;
    transition: var(--wintransition);
}

.topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy::after {
    width: calc(50%);
    margin-left: calc(50%/2);
}

#app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy::after {
    background-color: var(--brand-experiment);
}

/* New unreads */
.container-24rGVp > div[style*="transform: translateY"] {
    width: 100%;
}
.bar-wDIGjg {
    justify-content: center;
    width: calc(100% - 34px);
    margin-left: 8px;
}
.mentionsDot-lLfrj1 {
    background-color: var(--info-danger-foreground);
}

.theme-dark .bar-wDIGjg {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad1);
}

.theme-light .bar-wDIGjg {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
}

/* ServerList unreads */
.theme-dark .unread-2wipsx {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad1);
    color: var(--text-normal);
}

.theme-light .unread-2wipsx {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
    color: var(--text-normal);
}

#app-mount .mention-3XBnnZ {
    background-color: var(--info-danger-foreground);
    color: var(--status-warning-text);
    border-radius: var(--winrad1);
}

/* Permission viewer */
.theme-dark #permissions-modal-wrapper #permissions-modal {
    background-color: var(--windark-mica) !important;
    border: var(--windarkborder1) !important;
    border-radius: var(--winrad3) !important;
}
.theme-dark #permissions-modal-wrapper .header {
    background-color: var(--background-tertiary) !important;
    border-bottom: var(--windarkborder2) !important;
    box-shadow: none !important;
}

.theme-light #permissions-modal-wrapper #permissions-modal {
    background-color: var(--winlight-mica) !important;
    border: var(--winlightborder1) !important;
    border-radius: var(--winrad3) !important;
}
.theme-light #permissions-modal-wrapper .header {
    background-color: var(--background-tertiary) !important;
    border-bottom: var(--winlightborder2) !important;
    box-shadow: none !important;
}

#app-mount #permissions-modal-wrapper .modal-body, #app-mount #permissions-modal-wrapper .perm-side {
    background-color: transparent;
}
#app-mount #permissions-modal-wrapper .role-side {
    background-color: var(--background-primary);
}
#app-mount #permissions-modal-wrapper .role-item.selected {
    background-color: var(--background-modifier-selected);
}
#app-mount #permissions-modal-wrapper .role-item:hover:not(.selected) {
    background-color: var(--background-modifier-hover);
}

/* Message options */
.wrapper-2vIMkT {
    border-radius: var(--winrad2);
}
.full-motion .wrapper-2vIMkT:hover {
    -webkit-box-shadow: var(--elevation-low);
    box-shadow: var(--elevation-low);
}

.theme-dark .wrapper-2vIMkT {
    background-color: var(--windark-mica);
}

.theme-light .wrapper-2vIMkT {
    background-color: var(--winlight-mica);
}

/* Badges */
.channel-1Shao0 .baseShapeRound-3epLEv {
    margin-right: 2px;
}
.baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) {
    font-weight: 400;
    transform: scale(1.14);
    transform-origin: center;
}

#app-mount .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) {
    background-color: var(--brand-experiment) !important;
}

.theme-dark .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) {
    color: #000 !important;
}

.theme-light .baseShapeRound-3epLEv:not(.textBadge-1fdDPJ) {
    color: #fff !important;
}

#app-mount [class*="textBadge-1fdDPJ "][style="background-color: var(--brand-500);"] {
    background-color: var(--brand-experiment) !important;
    color: var(--status-warning-text);
    font-weight: 400;
}

#app-mount [class*="textBadge-1fdDPJ "][style="background-color: var(--brand-500);"] .automodText-azqvwf {
    color: var(--status-warning-text);
    font-weight: 600;
}

#app-mount .statusTagRed-1uG_z8,
#app-mount .invalidIndicator-3iumEX {
    background-color: var(--info-danger-foreground);
    color: var(--status-warning-text);
    font-weight: 500;
    border-radius: 100px;
}

#app-mount [class="textBadge-1fdDPJ base-3IDx3L baseShapeRound-3epLEv"][style="background-color: var(--status-danger);"],
#app-mount [class="newBadge-1bHewI badgeSpacing-2uYkGw textBadge-1fdDPJ base-3IDx3L baseShapeRound-3epLEv"][style="background-color: var(--status-danger);"] {
    background-color: var(--info-danger-foreground) !important;
    color: var(--status-warning-text);
    font-weight: 500;
    border-radius: 100px;
}

/* Live Shape Round */
.theme-dark .liveShapeRound-2Tgi2d,
.theme-dark .liveIndicator-2HaEDu,
.theme-dark .liveIndicator-3bhXBF > .liveLarge-IxMVzY {
    background-color: var(--brand-experiment) !important;
    color: #000 !important;
}

.theme-light .liveShapeRound-2Tgi2d,
.theme-light .liveIndicator-2HaEDu,
.theme-light .liveIndicator-3bhXBF > .liveLarge-IxMVzY {
    background-color: var(--brand-experiment) !important;
    color: #fff !important;
}

/* Stream Preview */
.theme-dark .streamPreview-I7itZ6 {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad3);
}

.theme-light .streamPreview-I7itZ6 {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad3);
}

#app-mount .previewContainer-35LFgt {
    background-color: transparent !important;
}

/* Call Buttons in Left Side */
.theme-dark .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:not(.buttonActive-Uc1jHx) {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
    transition: all 0.25s;
}
.theme-dark .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover:not(.buttonActive-Uc1jHx) {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
    transition: all 0.25s;
}

.theme-light .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:not(.buttonActive-Uc1jHx) {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
    transition: all 0.25s;
}
.theme-light .container-1zzFcN .button-1EGGcP.buttonColor-3bP3fX:hover:not(.buttonActive-Uc1jHx) {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
    transition: all 0.25s;
}

/* Noise Suppression */
.theme-dark .noiseCancellationPopout-2-e5Xz {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder1);
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

.theme-light .noiseCancellationPopout-2-e5Xz {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder1);
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

#app-mount .noiseCancellationPopout-2-e5Xz .container-1QtPKm .slider-HJFN2i {
    top: -2px !important;
}

/* Stream Quality Box */
.segmentControl-3edJKN .item-LN5zvA {
    border-bottom: none;
    line-height: 35px;
}

.segmentControl-3edJKN .item-LN5zvA:after {
    content: "";
    display: block;
    width: calc(0%);
    height: 3px;
    border-radius: 1.5px;
    margin-left: 50%;
    transition: var(--wintransition);
}

.segmentControl-3edJKN .item-LN5zvA.selected-2xa993:after {
    width: calc(50%);
    margin-left: calc(50%/2);
}

#app-mount .segmentControl-3edJKN .item-LN5zvA.selected-2xa993:after {
    background-color: var(--brand-experiment);
}

.theme-dark .qualitySettingsContainer-2LjkfM {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad2);
}

.theme-light .qualitySettingsContainer-2LjkfM {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad2);
}

/* Calling */
.theme-dark [class="root-1e2tfc elevationHigh-3KUiqj"][style="transform: scale(1) translateX(0px); opacity: 1; width: 232px; min-height: 267px;"],
.theme-dark .quickSelectPopout-2F0PXw {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad3);
}

.theme-light [class="root-1e2tfc elevationHigh-3KUiqj"][style="transform: scale(1) translateX(0px); opacity: 1; width: 232px; min-height: 267px;"],
.theme-light .quickSelectPopout-2F0PXw {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad3);
}

.theme-dark .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV {
    background-color: var(--windark-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV {
    background-color: var(--winlight-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .actionButton-2S7dMn.colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

#app-mount .colorable-3rVGna.green-3wkLbx {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .colorable-3rVGna.green-3wkLbx.active-3D763s,
#app-mount .colorable-3rVGna.green-3wkLbx:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

#app-mount .colorable-3rVGna.green-3wkLbx .centerIcon-JYpTUi {
    color: var(--status-warning-text);
}

/* In Call */
#app-mount .wrapper-1_HaEi.hidden-10MsGQ {
    width: 0;
}
#app-mount .wrapper-1_HaEi.guilds-2JjMmN.hidden-10MsGQ~.base-2jDfDU {
    border: none;
    border-top-left-radius: 0px;
}
#app-mount .sidebar-1tnWFu.hidden-38rxp9 {
    border: none;
}

.list-2x9Cl9 {
    padding-right: 8px;
}

#app-mount .avatarSpeaking-2pCGrZ,
#app-mount .border-2BJQjd.speaking-3RWJBr,
#app-mount .border-2Vy6FN.speaking-7QZEkv,
#app-mount .avatarSpeaking-33RRJU {
    box-shadow: inset 0 0 0 2px var(--brand-experiment);
}

#app-mount .controlButton-2PMNom,
#app-mount .actionButton-2S7dMn {
    border-radius: var(--winrad2);
}

.theme-dark .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
}
.theme-dark .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
}
.theme-light .wrapper-3t3Yqv .colorable-3rVGna.primaryDark-2UJt1G:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

#app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ foreignObject,
#app-mount .actionButton-2S7dMn foreignObject {
    mask: none;
}
#app-mount .controlButton-2PMNom.contextMenuContainer-1RO4DQ button,
#app-mount .actionButton-2S7dMn.contextMenuContainer-1RO4DQ button {
    border-top-left-radius: var(--winrad2);
    border-top-right-radius: var(--winrad2);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: none !important;
    height: 38px;
    width: 56px;
}
#app-mount .contextMenuContainer-1RO4DQ .contextMenuNub-NuTZ_U {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--winrad2);
    border-bottom-right-radius: var(--winrad2);
    height: 12px;
    width: 50px;
}

.theme-dark .button-3Vyz67,
.theme-dark .participantsButton-1WBdFP,
.theme-dark .cta-3-AFNF {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .button-3Vyz67:hover,
.theme-dark .participantsButton-1WBdFP:hover,
.theme-dark .cta-3-AFNF:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .button-3Vyz67,
.theme-light .participantsButton-1WBdFP,
.theme-light .cta-3-AFNF {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .button-3Vyz67:hover,
.theme-light .participantsButton-1WBdFP:hover,
.theme-light .cta-3-AFNF:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.theme-dark .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
}
.theme-dark .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
}
.theme-light .wrapper-3t3Yqv .colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.theme-dark .colorable-3rVGna.primaryDark-2UJt1G,
.theme-dark .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi {
    color: #fff !important;
}

.theme-light .colorable-3rVGna.primaryDark-2UJt1G,
.theme-light .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi {
    color: #000 !important;
}

.theme-dark .colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi {
    color: #FF99A4 !important;
}

.theme-light .colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi {
    color: #C42B1C !important;
}

#app-mount .colorable-3rVGna.white-11auuQ {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
}
#app-mount .colorable-3rVGna.white-11auuQ:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .colorable-3rVGna.white-11auuQ,
.theme-dark .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi {
    color: #000 !important;
}

.theme-light .colorable-3rVGna.white-11auuQ,
.theme-light .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi {
    color: #fff !important;
}

.theme-light .callContainer-HtHELf .controlIcon-10O-4h {
    color: #cccccc;
}

/* Spectators Call */
#app-mount .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
    background-color: var(--background-modifier-hover);
}

.popoutWrapper-3ks_kl .scroller-3b1p7z {
    padding-right: 16px !important;
}

.theme-dark .popoutWrapper-3ks_kl .scroller-3b1p7z {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad3);
}

.theme-light .popoutWrapper-3ks_kl .scroller-3b1p7z {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad3);
}

/* Stage */
#app-mount .container-a_NK-C .contextMenuContainer-1RO4DQ foreignObject {
    mask: none;
}

.theme-dark .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
}
.theme-dark .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
}
.theme-light .container-a_NK-C .colorable-3rVGna.primaryDark-2UJt1G:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

#app-mount .container-a_NK-C .contextMenuContainer-1RO4DQ button {
    border-top-left-radius: var(--winrad2);
    border-top-right-radius: var(--winrad2);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 38px;
    width: 56px;
}

.theme-dark .container-a_NK-C .colorable-3rVGna.red-3T8maV {
    background-color: var(--windark-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    border-radius: var(--winrad2);
}
.theme-dark .container-a_NK-C .colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .container-a_NK-C .colorable-3rVGna.red-3T8maV {
    background-color: var(--winlight-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    border-radius: var(--winrad2);
}
.theme-light .container-a_NK-C .colorable-3rVGna.red-3T8maV:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.container-a_NK-C .colorable-3rVGna.red-3T8maV path {
    fill: var(--info-danger-foreground) !important;
}

.container-lqPArA,
.sidebarVisible-3bgZKv {
    border-radius: 0;
}
.headerContainer-21E-jZ {
    box-shadow: none;
    height: 24px;
    border-bottom: var(--windarkborder1);
}
.contentContainer-dKJ2Bn {
    padding-top: 8px;
}

.theme-dark .bottomControls-31YuPK .buttonColor-28DXIe,
.theme-dark .container-a_NK-C .primaryButtonColor-3yAd8m {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .bottomControls-31YuPK .buttonColor-28DXIe:hover,
.theme-dark .container-a_NK-C .primaryButtonColor-3yAd8m:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .bottomControls-31YuPK .buttonColor-28DXIe,
.theme-light .container-a_NK-C .primaryButtonColor-3yAd8m {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .bottomControls-31YuPK .buttonColor-28DXIe:hover,
.theme-light .container-a_NK-C .primaryButtonColor-3yAd8m:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

/* QuickSwitcher */
.quickswitcher-pKcM9U {
    height: 366px;
}

/* Server Profile */
#app-mount .nameTag-2Nlmsy {
    display: block;
}

/* Friends-Grid by CorellanStoma [edited] */
.peopleColumn-1wMU14 .title-x4dI75 {
    position: relative;
    top: -66px;
    left: 2px;
    font-weight: 500;
    font-family: var(--font-display);
    color: var(--header-primary);
    font-size: 16px;
    line-height: 24px;
    margin-left: 0px;
}
.peopleColumn-1wMU14 .searchBar-2aylmZ {
    position: relative;
    z-index: 9;
    margin: 0px;
    width: 100%;
    top: 24px;
}
.peopleColumn-1wMU14 .peopleList-2VBrVI>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 12px;
    row-gap: 12px;
}
.peopleColumn-1wMU14 .peopleList-2VBrVI .content-2a4AW9 [style="height: 0px;"] {
    display: none;
}
.peopleColumn-1wMU14 {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.peopleColumn-1wMU14 .scrollerBase-_bVAAt {
    overflow: visible !important;
}
.peopleColumn-1wMU14 {
    display: block;
    overflow: hidden scroll;
}

.peopleColumn-1wMU14::-webkit-scrollbar-corner{background-color:transparent}
.peopleColumn-1wMU14::-webkit-scrollbar-thumb{background-color:var(--scrollbar-auto-thumb);min-height:40px}
.peopleColumn-1wMU14::-webkit-scrollbar-thumb,.peopleColumn-1wMU14::-webkit-scrollbar-track{border:4px solid transparent;background-clip:padding-box}
.peopleColumn-1wMU14::-webkit-scrollbar-thumb,.peopleColumn-1wMU14::-webkit-scrollbar-track{border:4px solid transparent;background-clip:padding-box}
.peopleColumn-1wMU14::-webkit-scrollbar-track{background-color:var(--scrollbar-auto-track)}

.info-1sUqUG .size12-oc4dx4:last-child::after {
    content:"\a" "Friends-Grid " "zk Redo" !important;
    text-transform: none;
    white-space: pre;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
}

@media screen and (min-width: 0px)and (max-width: 6000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:60vw}}
@media screen and (min-width: 0px)and (max-width: 5000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:50vw}}
@media screen and (min-width: 0px)and (max-width: 4000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:40vw}}
@media screen and (min-width: 0px)and (max-width: 3000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:30vw}}
@media screen and (min-width: 0px)and (max-width: 2600px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{height:auto !important;margin-right:0vw}}
@media screen and (min-width: 0px)and (max-width: 2000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr 1fr 1fr;height:auto !important}}
@media screen and (min-width: 0px)and (max-width: 1600px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr 1fr;height:auto !important}}
@media screen and (min-width: 0px)and (max-width: 1000px){.peopleColumn-1wMU14 .peopleList-2VBrVI>div{grid-template-columns:1fr;height:auto !important}}

.peopleColumn-1wMU14 .userInfo-2WpsYG {
    overflow: visible;
    position: absolute;
    display: contents;
}

.peopleColumn-1wMU14 .wrapper-3Un6-K.avatar-2MSPKk {
    transform: scale(1.8124);
    margin-left: 30px;
    margin-bottom: 68px;
}

.peopleColumn-1wMU14 .text-3j8t_e {
    margin-bottom: 64px;
    position: relative;
    margin-left: 18px;
    width: calc(100% - 16px);
    margin-right: 16px;
}

.peopleColumn-1wMU14 .actions-YHvpIT,
.peopleColumn-1wMU14[id="pending-tab"] .actions-2ZgdH4 {
    position: absolute;
    margin-left: 16px;
    margin-top: 88px;
}

.peopleColumn-1wMU14[id="blocked-tab"] .actionButton-3-B2x-.actionDeny-1pQVuZ {
    position: absolute;
    margin-left: 16px !important;
    margin-top: 88px;
}

.peopleColumn-1wMU14 .peopleListItem-u6dGxF {
    border-radius: var(--winrad2) !important;
    height: 100% !important;
    margin: 0px;
    padding: 0px;
    min-height: 160px !important;
    transition: var(--wintransition);
    contain: size;
}

.theme-dark .peopleColumn-1wMU14 .peopleListItem-u6dGxF {
    background: var(--windark-acrylic);
    border: var(--windarkborder2);
}

.theme-light .peopleColumn-1wMU14 .peopleListItem-u6dGxF {
    background: var(--winlight-acrylic);
    border: var(--winlightborder2);
}

.peopleColumn-1wMU14 .peopleListItem-u6dGxF:hover,
.peopleColumn-1wMU14 .peopleListItem-u6dGxF.active-2UF8Zh {
    box-shadow: var(--elevation-medium);
}

.peopleColumn-1wMU14 .mutualGuilds-s7F2aa {
    flex: 0 0 auto;
    position: relative;
    margin-top: 102px;
    margin-left: 0;
    right: 16px;
}

.emptyState-30PyIN {
    width: 100%;
    height: 100%;
}

/* FriendList Button */
.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF:hover {
    border-radius: var(--winrad2);
}

#app-mount .actionButton-3-B2x-:last-of-type {
    margin-left: 4px;
}

.theme-dark .actionButton-3-B2x- {
    background-color: var(--windark-button-bg);
    border: 1px solid var(--windark-button-border);
    border-top-color: var(--windark-button-top);
    border-bottom-color: var(--windark-button-bottom);
    border-radius: var(--winrad2);
}
.theme-dark .actionButton-3-B2x-:hover {
    background-color: var(--windark-button-hover);
    border-color: var(--windark-button-hover-border);
    border-top-color: var(--windark-button-hover-top);
    border-bottom-color: var(--windark-button-hover-bottom);
}

.theme-light .actionButton-3-B2x- {
    background-color: var(--winlight-button-bg);
    border: 1px solid var(--winlight-button-border);
    border-top-color: var(--winlight-button-top);
    border-bottom-color: var(--winlight-button-bottom);
    border-radius: var(--winrad2);
}
.theme-light .actionButton-3-B2x-:hover {
    background-color: var(--winlight-button-hover);
    border-color: var(--winlight-button-hover-border);
    border-top-color: var(--winlight-button-hover-top);
    border-bottom-color: var(--winlight-button-hover-bottom);
}

/* Active Now */
.theme-dark .wrapper-2RrXDg {
    background-color: var(--windark-button-bg) !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .wrapper-2RrXDg:hover,
.theme-dark .wrapper-2RrXDg.active-1W_Gl9 {
    background-color: var(--windark-button-hover) !important;
}

.theme-light .wrapper-2RrXDg {
    background-color: var(--winlight-button-bg) !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .wrapper-2RrXDg:hover,
.theme-light .wrapper-2RrXDg.active-1W_Gl9 {
    background-color: var(--winlight-button-hover) !important;
}

#app-mount .inset-SbsSFp {
    background-color: transparent;
}
#app-mount .section-3G9aLW {
    background-color: var(--background-modifier-accent);
}

/* Bottom bar in search */
.theme-dark .container-1SX9VC .inner-1NoIT5,
.theme-dark .searchBar-3aIzc-,
.theme-dark .searchBar-2aylmZ {
    background-color: var(--textdark-bg);
    border: var(--textdark-border);
    border-bottom: var(--textdark-border-static);
    border-radius: var(--winrad2);
}
.theme-dark .container-1SX9VC:hover .inner-1NoIT5:not(:focus-within),
.theme-dark .searchBar-3aIzc-:hover,
.theme-dark .searchBar-2aylmZ:hover {
    background-color: var(--textdark-bg-hover);
    border: var(--textdark-border-hover);
    border-bottom: var(--textdark-border-static);
}
.theme-dark .container-1SX9VC .inner-1NoIT5:focus-within,
.theme-dark .searchBar-3aIzc-:focus-within,
.theme-dark .searchBar-2aylmZ:focus-within {
    background-color: var(--textdark-bg-focus);
    border: var(--textdark-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

.theme-light .container-1SX9VC .inner-1NoIT5,
.theme-light .searchBar-3aIzc-,
.theme-light .searchBar-2aylmZ {
    background-color: var(--textlight-bg);
    border: var(--textlight-border);
    border-bottom: var(--textlight-border-static);
    border-radius: var(--winrad2);
}
.theme-light .container-1SX9VC:hover .inner-1NoIT5:not(:focus-within),
.theme-light .searchBar-3aIzc-:hover,
.theme-light .searchBar-2aylmZ:hover {
    background-color: var(--textlight-bg-hover);
    border: var(--textlight-border-hover);
    border-bottom: var(--textlight-border-static);
}
.theme-light .container-1SX9VC .inner-1NoIT5:focus-within,
.theme-light .searchBar-3aIzc-:focus-within,
.theme-light .searchBar-2aylmZ:focus-within {
    background-color: var(--textlight-bg-focus);
    border: var(--textlight-border-focus);
    border-bottom: var(--winborder-bottom) var(--brand-experiment);
}

#app-mount .container-1SX9VC .inner-1NoIT5,
#app-mount .searchBar-3aIzc-,
#app-mount .searchBar-2aylmZ {
    -webkit-transition: var(--wintransition);
    transition: var(--wintransition);
}

/* BD emote category */
.bd-emote-header {
    margin-top: 1px;
    border-radius: 5px;
}

/* Unread channel */
.modeUnread-3Cxepe .name-28HaxV {
    color: var(--text-normal);
}

#app-mount .containerDefault-YUSmu3 .unread-36eUEm {
    display: none;
}

/* Better NSFW Tag */
.nsfwTag-666omg.iconBase-2G48Fc {
    margin-left: 4px;
}
.nsfwTag-666omg.iconBase-2G48Fc .textBadge-1fdDPJ {
    border-radius: 100px !important;
    background-color: var(--info-danger-foreground) !important;
    color: var(--status-warning-text) !important;
}

/* Selected Setting Option */
#bd-settings-sidebar .ui-tab-bar-item,
.sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG {
    display: flex;
    align-items: center;
    height: 36px;
}
.sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > svg,
.sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > svg,
.sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > .base-3IDx3L,
.sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG > div > .premiumTrialBadge-pEqntF {
    margin-left: 4px;
}

/* Settings */
.platform-win .bg-1QIAus {
    top: -34px;
}
.platform-win .layer-86YKbF {
    top: -34px;
    padding-top: 34px;
}
.platform-win .standardSidebarView-E9Pc3j {
    top: 34px;
}

#app-mount .contentColumn-1C7as6,
#app-mount .customColumn-2n-oKU,
#app-mount .repoHeader-2KfNvH > * {
    max-width: calc(100% - 150px);
}

#app-mount .sidebarRegion-1VBisG {
    flex: none;
}

.side-2ur1Qk .item-3XjbnG::after {
    content: "";
    position: absolute;
    height: 0;
    width: 3px;
    border-radius: 1.5px;
    left: 0;
    transition: var(--wintransition);
}
.side-2ur1Qk .item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after {
    height: 16px;
}

#app-mount .side-2ur1Qk .item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after {
    background-color: var(--brand-experiment);
}

#app-mount .contentRegionScroller-2_GT_N,
#app-mount .sidebarRegionScroller-FXiQOh,
#app-mount .repoHeader-2KfNvH,
#app-mount .repoScroller-9JnAPs,
#app-mount .sidebarScrollable-2mW9Ls .scroller-3_YDR2 {
    background: var(--background-secondary);
}

#app-mount .sidebar-nqHbhN {
    width: 312px;
    padding: 16px;
}

#app-mount .contentRegionScroller-2_GT_N > .contentColumnDefault-3eyv5o {
    max-width: 50vw;
    margin: 0px 0px 0px auto;
    padding: 16px 0px 24px;
}

/* Server Upload Image */
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo {
    color: #000 !important;
}

.theme-light .lookOutlined-3yKVGo.colorPrimary-2AuQVo {
    color: #fff !important;
}

/* BrandNew Button */
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .lookFilled-yCfaCM.colorBrandNew-2-gGsS {
    color: #000 !important;
}

.theme-light .lookFilled-yCfaCM.colorBrandNew-2-gGsS {
    color: #fff !important;
}

/* Text Focus? */
.bioTextArea-dDGOeC:focus-within,
.addFriendInputWrapper-kkoSV9:focus-within {
    border-color: var(--brand-experiment-500);
}

/* My account */
#app-mount .accountProfileCard-lbN7n- foreignObject,
#app-mount .accountProfileCard-lbN7n- mask {
    mask: none;
}

/* Banner Code by MintLily */
#app-mount .accountProfileCard-lbN7n- {
    background-color: var(--background-tertiary);
    border: var(--windarkborder1);
}

#app-mount .accountProfileCard-lbN7n- .banner-2boKnS[style^="background-color: "] {
    border-top-left-radius: var(--winrad4);
    border-top-right-radius: var(--winrad4);
}
#app-mount .accountProfileCard-lbN7n- .banner-2boKnS[style^="background-image: "] {
}

#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ {
    top: 32px;
    left: 32px;
    border: 1px solid #fff;
    background-color: transparent;
    filter: drop-shadow(0px 0px 6px hsla(0, 0%, 0%, 0.1));
}
#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ foreignObject {
    mask: none;
    border-radius: 50%;
}
#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ rect {
    display: none;
}
#app-mount .userInfo-regn9W {
    padding: 16px 33px 0 33px;
    background-color: var(--background-tertiary);
}

#app-mount .background-3d_SjE,
#app-mount .fieldList-in8WkP {
    padding: 0;
    background-color: var(--background-tertiary);
    margin: 0;
    padding: 8px 16px 16px;
}
#app-mount .background-3d_SjE {
    border-radius: 0 0 var(--winrad4) var(--winrad4);
}
#app-mount .fieldSpacer-cxjVL1 {
    margin-top: 4px;
}

#app-mount .field-21XZwa {
    padding: 16px;
    border-radius: var(--winrad1);
}

.theme-dark .field-21XZwa {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder3);
}

.theme-light .field-21XZwa {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
}

/* PhoneField */
#app-mount .phoneField-3NAPDv {
    box-shadow: none;
}
#app-mount .phoneFieldPopout-uW3DlO {
    border-radius: var(--winrad3);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .phoneFieldPopout-uW3DlO {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder3);
}

.theme-light .phoneFieldPopout-uW3DlO {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

/* User Profile */
.contentColumnWide-2CgNjO[id="profile-customization-tab"] {
    max-width: 50vw !important;
    margin: 0px 0px 0px auto;
    padding: 16px 0px 24px;
}
.contentColumnWide-2CgNjO[id="profile-customization-tab"] .tryItOutSection-W9qeGH {
    max-width: 50vw;
    margin: 32px 0px 0px;
}
.contentColumnWide-2CgNjO[id="profile-customization-tab"] .tryItOutLayout-2ypO8Z {
    gap: 7px;
}
.contentColumnWide-2CgNjO[id="profile-customization-tab"] .editor-328F1U {
    min-width: 273px;
    width: 50vw;
}

/* Privacy & Safety */
.theme-dark .itemFilled-1cPbtg:not(.itemFilled-1cPbtg[aria-checked=true]):not(:hover) {
    background-color: var(--windark-acrylic);
}
.theme-dark .itemFilled-1cPbtg {
    border: var(--windarkborder3);
    border-radius: var(--winrad2);
}

.theme-light .itemFilled-1cPbtg:not(.itemFilled-1cPbtg[aria-checked=true]):not(:hover) {
    background-color: var(--winlight-acrylic);
}
.theme-light .itemFilled-1cPbtg {
    border: var(--winlightborder2);
    border-radius: var(--winrad2);
}

[class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-green-600); padding: 10px;"] {
    --radio-bar-accent-color: var(--info-positive-foreground) !important;
}

[class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-yellow-560); padding: 10px;"],
[class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-yellow-500); padding: 10px;"] {
    --radio-bar-accent-color: var(--info-warning-foreground) !important;
}

[class="radioBar-3w9XY-"][style="--radio-bar-accent-color:var(--status-red-500); padding: 10px;"] {
    --radio-bar-accent-color: var(--info-danger-foreground) !important;
}

/* Authorized Apps */
.theme-dark .card-16VQ8C {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder3);
}

.theme-light .card-16VQ8C {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
}

/* Connections */
.theme-dark .accountList-Wii_T5,
.theme-dark .connectContainer-1hylYM {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
    border-radius: var(--winrad1);
}

.theme-light .accountList-Wii_T5,
.theme-light .connectContainer-1hylYM {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
}

.accountBtn-3pgcgr .accountBtnInner-3ttD-i,
.accountButton-234qAZ button,
.accountBtn-1-d0rV button {
    transition: var(--wintransition);
}

.theme-dark .accountBtn-3pgcgr .accountBtnInner-3ttD-i,
.theme-dark .accountButton-234qAZ button,
.theme-dark .accountBtn-1-d0rV button {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover,
.theme-dark .accountButton-234qAZ button:hover,
.theme-dark .accountBtn-1-d0rV button:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .accountBtn-3pgcgr .accountBtnInner-3ttD-i,
.theme-light .accountButton-234qAZ button,
.theme-light .accountBtn-1-d0rV button {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .accountBtn-3pgcgr .accountBtnInner-3ttD-i:hover,
.theme-light .accountButton-234qAZ button:hover,
.theme-light .accountBtn-1-d0rV button:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

.theme-dark .connection-YOVI9j {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
    border-radius: var(--winrad1);
}

#app-mount .connectionHeader-Ixbb1s {
    background: var(--background-primary);
    border-bottom: 1px solid var(--background-secondary);
    border-radius: var(--winrad1);
}

.theme-light .connection-YOVI9j {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
}

/* Discord Nitro */
.hero-1aNo0v {
    max-width: unset;
}
.featuresHeader-2bjq5B {
    text-align: center;
}

.theme-dark .feature-2IUcBI {
    border: var(--windarkborder1);
}

#app-mount [class="premiumTab-39eQzY item-3XjbnG selected-g-kMVV themed-qqoYp3"] .selectedBackground-1t6xXq {
    background-color: unset;
}

#app-mount .serverBoostTabItem-3QwA3W[aria-selected=true] {
    background-color: var(--background-modifier-selected) !important;
    color: var(--interactive-active) !important;
}

/* Server Boost */
.theme-dark .cardWrapper-1bSePP {
    background-color: var(--windark1);
    border: var(--windarkborder3);
    border-radius: var(--winrad1);
}

.theme-light .cardWrapper-1bSePP {
    background-color: var(--winlight1);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
}

#app-mount .tierHeaderLocked-30MLlO,
#app-mount .tierHeaderLocked-3ItHYn,
#app-mount .perk-19D_HN {
    background-color: var(--background-secondary);
}
#app-mount .tierBody-1d3UiS,
#app-mount .tierBody-3ju-rc {
    background-color: var(--background-primary);
}

#app-mount .perksModal-CLcR1c {
    background-color: var(--background-secondary-alt);
}

.upsellContainer-22N_CL {
    background-size: cover;
}

/* Billing History */
#app-mount .paymentPane-ut5qKZ {
    border-radius: var(--winrad3);
    border: var(--windarkborder1);
}

.theme-dark .paymentPane-ut5qKZ,
.theme-dark .paginator-1eqD2g,
.theme-dark .bottomDivider-ZmTm-j {
    background-color: var(--windark-acrylic);
    color: var(--text-normal);
}

.theme-light .paymentPane-ut5qKZ,
.theme-light .paginator-1eqD2g,
.theme-light .bottomDivider-ZmTm-j {
    background-color: var(--winlight-acrylic);
    color: var(--text-normal);
}

.theme-dark .hoverablePayment-lE1s4t:hover {
    background-color: var(--windark-mica);
}

.theme-light .hoverablePayment-lE1s4t:hover {
    background-color: var(--winlight-mica);
}

#app-mount .expandedInfo-1W31i3 {
    background-color: var(--background-primary);
}

.theme-dark .bottomDivider-ZmTm-j {
    border-bottom-color: var(--windark-button-top);
}

.theme-light .bottomDivider-ZmTm-j {
    border-bottom-color: var(--winlight-button-top);
}

/* Voice & Video */
#app-mount .wrapper-UvA17F,
#app-mount .container-3NTP7o,
#app-mount .notches-2w7UZJ.gray-3wP137 {
    border-radius: var(--winrad1);
}

/* Menu Expand)? */
.theme-dark .lookFilled-1GseHa.select-1Ia3hD {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .lookFilled-1GseHa.select-1Ia3hD:hover,
.theme-dark .lookFilled-1GseHa.select-1Ia3hD[aria-expanded="true"] {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .lookFilled-1GseHa.select-1Ia3hD {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .lookFilled-1GseHa.select-1Ia3hD:hover,
.theme-light .lookFilled-1GseHa.select-1Ia3hD[aria-expanded="true"] {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

#app-mount .popout-1KHNAq {
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .popout-1KHNAq {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder2);
}

.theme-light .popout-1KHNAq {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

#app-mount .option-2eIyOn.focused-ODgjnC,
#app-mount .option-2eIyOn:focus,
#app-mount .option-2eIyOn:hover:not([aria-selected=true]) {
    background-color: var(--background-modifier-hover);
}
#app-mount .option-2eIyOn[aria-selected=true] {
    background-color: var(--background-modifier-selected);
}

/* Activity Status */
.theme-dark .notDetected-M3Ghh2 {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder2);
}

.theme-light .notDetected-M3Ghh2 {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder3);
}

#app-mount .game-2f2vPC {
    border-radius: var(--winrad1);
    padding: 16px;
    margin-bottom: 4px;
    margin-top: 4px;
    box-shadow: none;
    padding-right: 54px;
}
#app-mount .card-2ART2V:before {
    display: none;
}

.theme-dark .game-2f2vPC {
    background-color: var(--windark-acrylic);
    border: var(--windarkborder3);
}

.theme-light .game-2f2vPC {
    background-color: var(--winlight-acrylic);
    border: var(--winlightborder2);
}

#app-mount .gameNameInput-2wbDJ9:focus,
#app-mount .gameNameInput-2wbDJ9:hover {
    background-color: var(--background-primary);
    border: var(--windarkborder1);
}

.game-2f2vPC .removeGame-3V7nss {
    position: absolute;
    opacity: 1;
    top: 22px;
    right: 16px;
    width: 28px;
    box-shadow: none !important;
    border-radius: 0;
    background-position: right;
    background-color: transparent;
    border-left: var(--windarkborder1);
}

#app-mount .addGamePopout-2SKNIV {
    border-radius: var(--winrad2);
}

.theme-dark .addGamePopout-2SKNIV {
    background-color: var(--windark-mica);
    border: var(--windarkborder2);
}

.theme-light .addGamePopout-2SKNIV {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
}

.addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
    margin-right: 4px;
}

/* App Directory */
#app-mount .directoryModal-YJsOMv {
    background-color: var(--background-primary);
}

#app-mount .directoryModal-YJsOMv .search-2RHhW6 {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    padding: 0;
}
.directoryModal-YJsOMv .search-2RHhW6 svg {
    display: none;
}

.headerBanner-ZCUdfQ {
    border-radius: 8px 8px 0 0;
}
.smallCarouselImage-1RYPZu {
    border-radius: 8px;
}

/* KeyBindIcon */
.theme-light .editIcon-e7sZ3b {
    filter: invert(1);
}

/* On Off */
#app-mount .container-1zDvAE {
    border-radius: var(--winrad2);
    padding: 16px;
    margin-bottom: 8px;
    margin-top: 2px;
}
.dividerDefault-3C2-ws {
    display: none;
}

.theme-dark .container-1zDvAE {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
}

.theme-light .container-1zDvAE {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
}

.theme-dark .bd-addon-card {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
    border-radius: var(--winrad1);
}

.theme-light .bd-addon-card {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
    border-radius: var(--winrad1);
}

.bd-addon-list .bd-addon-header {
    background: var(--background-tertiary);
}

/* BD Title fix */
.theme-light .bd-settings-title {
    color: #000;
}

/* Grabber */
#app-mount .grabber-2GQyvM {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-bottom: -2px;
    margin-left: -10px;
    border: 1px solid var(--background-primary);
}
#app-mount .grabber-2GQyvM::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid;
    transition: var(--wintransition);
}
#app-mount .grabber-2GQyvM:hover:before {
    transform: scale(1.2);
    transform-origin: center;
}

.theme-dark .grabber-2GQyvM {
    background-color: #454545;
}

#app-mount .grabber-2GQyvM::before {
    background-color: var(--brand-experiment);
    border-color: var(--brand-experiment) !important;
}
#app-mount .barFill-2Bh7CX {
    background: var(--brand-experiment);
}

.theme-dark .bar-1Bhnl9,
.theme-dark .mark-2iakCT .markDash-yk2kJ- {
    background: #989898;
}

.theme-light .bar-1Bhnl9,
.theme-light .mark-2iakCT .markDash-yk2kJ- {
    background: #8b8b8b;
}

#app-mount .bar-1Bhnl9 {
    height: 4px;
}

#app-mount .mark-2iakCT .markDash-yk2kJ- {
    height: 12px;
}

.theme-dark .mark-2iakCT .markValue-2U_-UG {
    color: #989898;
}

.theme-light .mark-2iakCT .markValue-2U_-UG {
    color: #8b8b8b;
}

#app-mount .menu-1QACrS .grabber-2GQyvM {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-left: -6px;
    margin-top: -1px;
    border: 1px solid var(--background-primary);
}
#app-mount .menu-1QACrS .grabber-2GQyvM::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid var(--background-primary);
}

.theme-dark .menu-1QACrS .grabber-2GQyvM {
    background-color: #454545;
}

#app-mount .menu-1QACrS .grabber-2GQyvM::before {
    background-color: var(--brand-experiment);
}

#app-mount .root-g14mjS .grabber-2GQyvM::before {
    left: 5px;
    top: 5px;
}

/* Roles Settings */
#app-mount .tabBar-3DfKkN {
    margin-bottom: 0;
    border-bottom: none;
}

#app-mount .tabBar-3DfKkN {
    padding-bottom: 2px;
}

#app-mount .tabBar-3DfKkN .item-3XjbnG {
    border-bottom: none;
}

.tabBar-3DfKkN .item-3XjbnG:after {
    content: "";
    position: absolute;
    width: calc(0%);
    height: 3px;
    border-radius: 1.5px;
    bottom: 4px;
    left: 0;
    margin-left: 50%;
    transition: var(--wintransition);
}

.tabBar-3DfKkN .brand-3g5E0C.item-3XjbnG:active:after,
.tabBar-3DfKkN .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after {
    width: calc(50%);
    margin-left: calc(50%/2);
}

#app-mount .tabBar-3DfKkN .brand-3g5E0C.item-3XjbnG:active:after,
#app-mount .tabBar-3DfKkN .brand-3g5E0C.selected-1sf9UK.item-2GWPIy:after {
    background-color: var(--brand-experiment);
}

#app-mount .titleContainer-3fPic2,
#app-mount .header-JUTO-g {
    background-color: var(--background-secondary);
}

#app-mount .customScroller-m1-jZn > div {
    max-width: unset;
    min-width: unset;
    margin: 0 20vh;
}

#app-mount .sidebar-3K3Z4C {
    height: calc(100vh - 36px);
}

/* Role Image Upload */
#app-mount .previewContainer-1GxmBJ {
    background-color: var(--background-secondary-alt);
}

#app-mount .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK:hover {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK {
    color: #000 !important;
}

.theme-light .rolePreviewArea-3eeTql .lookOutlined-3yKVGo.colorWhite-1H92hK {
    color: #fff !important;
}

/* Role Style */
.role-2TIOKu {
    border: 1px solid var(--background-modifier-accent);
    background-color: var(--background-modifier-accent);
    border-radius: 3.5px;
}

/* View as Role */
#app-mount .notice-2olXi7 {
}

/* Fix in Permissions roles */
.role-3pGE29 {
    margin-bottom: 2px !important;
}
.role-3pGE29.item-3XjbnG.selected-g-kMVV.themed-qqoYp3::after {
    top: 8px !important;
}

.role-3pGE29 .wrapper-1VLyxH > *{
    width: 20px !important;
    height: 20px !important;
}

/* Audit Log */
#app-mount .contentRegion-3HkfJJ {
    background-color: var(--background-secondary-alt);
}
.theme-dark .auditLog-1NVAY0 {
    border: 1px solid hsla(0, 0%, 50%, 0.18);
}

/* Notice float */
.theme-dark .elevationHigh-28Pty4 {
    background: var(--noise256), var(--windark-box1) !important;
    border: var(--windarkborder2);
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

.theme-light .elevationHigh-28Pty4 {
    background: var(--noise256), var(--winlight-box1) !important;
    border: var(--winlightborder2);
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

/* BD buttons */
#app-mount .bd-button:not(.bd-controls .bd-button),
#app-mount .bd-addon-views .bd-view-button.selected {
    background-color: var(--blue-button-bg) !important;
    border: 1px solid var(--blue-button-border) !important;
    border-top-color: var(--blue-button-top) !important;
    border-bottom-color: var(--blue-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
#app-mount .bd-button:hover:not(.bd-controls .bd-button) {
    background-color: var(--blue-button-hover) !important;
    border-color: var(--blue-button-hover-border) !important;
    border-top-color: var(--blue-button-hover-top) !important;
    border-bottom-color: var(--blue-button-hover-bottom) !important;
}

.theme-dark .bd-button:not(.bd-controls .bd-button),
.theme-dark .bd-addon-views .bd-view-button.selected {
    color: #000 !important;
}

.theme-light .bd-button:not(.bd-controls .bd-button),
.theme-light .bd-addon-views .bd-view-button.selected {
    color: #fff !important;
}

.bd-controls > .bd-addon-button:not(.bd-controls > .bd-addon-button:first-of-type) {
    margin-left: 3px;
}

.theme-dark .bd-controls > .bd-addon-button {
    background-color: var(--windark-button-bg) !important;
    color: #fff !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .bd-controls > .bd-addon-button:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .bd-controls > .bd-addon-button {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .bd-controls > .bd-addon-button:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

[d='M15.95 10.78c.03-.25.05-.51.05-.78s-.02-.53-.06-.78l1.69-1.32c.15-.12.19-.34.1-.51l-1.6-2.77c-.1-.18-.31-.24-.49-.18l-1.99.8c-.42-.32-.86-.58-1.35-.78L12 2.34c-.03-.2-.2-.34-.4-.34H8.4c-.2 0-.36.14-.39.34l-.3 2.12c-.49.2-.94.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.49.18l-1.6 2.77c-.1.18-.06.39.1.51l1.69 1.32c-.04.25-.07.52-.07.78s.02.53.06.78L2.37 12.1c-.15.12-.19.34-.1.51l1.6 2.77c.1.18.31.24.49.18l1.99-.8c.42.32.86.58 1.35.78l.3 2.12c.04.2.2.34.4.34h3.2c.2 0 .37-.14.39-.34l.3-2.12c.49-.2.94-.47 1.35-.78l1.99.8c.18.07.39 0 .49-.18l1.6-2.77c.1-.18.06-.39-.1-.51l-1.67-1.32zM10 13c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z'] {
    d: path('M12.013 2.25c.734.008 1.465.093 2.181.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.928 1.116l1.4-.615a.75.75 0 0 1 .85.174 9.793 9.793 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.38 1.38 0 0 0 .001 2.226l1.243.915a.75.75 0 0 1 .271.826 9.798 9.798 0 0 1-2.203 3.792.75.75 0 0 1-.849.175l-1.406-.617a1.38 1.38 0 0 0-1.927 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.405 0 .75.75 0 0 1-.572-.647l-.17-1.524a1.382 1.382 0 0 0-1.924-1.11l-1.407.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.203-3.796.75.75 0 0 1 .271-.826l1.244-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826 9.793 9.793 0 0 1 2.205-3.792.75.75 0 0 1 .849-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.718-.159 1.45-.243 2.202-.252Zm0 1.5a9.135 9.135 0 0 0-1.355.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.798.588c.32.842.775 1.626 1.347 2.322l.906-.397a2.882 2.882 0 0 1 4.017 2.318l.108.984c.89.15 1.799.15 2.689 0l.108-.984a2.88 2.88 0 0 1 4.02-2.322l.904.396a8.299 8.299 0 0 0 1.347-2.318l-.798-.588a2.88 2.88 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.99 8.99 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z');
    transform: translate(-2px, -2px) scale(1);
}

[d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'] {
    d: path('M13.416 2.584a1.992 1.992 0 0 1 0 2.817L6.058 12.76a2.48 2.48 0 0 1-1.156.655l-2.283.57a.498.498 0 0 1-.604-.603l.57-2.283a2.49 2.49 0 0 1 .656-1.156l7.358-7.358a1.992 1.992 0 0 1 2.817 0ZM9.894 4.697l-5.949 5.949a1.495 1.495 0 0 0-.393.694l-.369 1.477 1.477-.37c.263-.065.503-.2.694-.392l5.949-5.95-1.409-1.408Zm1.41-1.41-.705.705 1.408 1.409.705-.704a.996.996 0 0 0-1.409-1.41Z');
    transform: translate(-4px, -4px) scale(2);
}

[d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z'] {
    d: path('M6.5 7v4a.5.5 0 0 0 1 0V7a.5.5 0 0 0-1 0ZM9 6.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5ZM10 4h3a.5.5 0 0 1 0 1h-.553l-.752 6.776A2.5 2.5 0 0 1 9.21 14H6.79a2.5 2.5 0 0 1-2.485-2.224L3.552 5H3a.5.5 0 0 1 0-1h3a2 2 0 1 1 4 0ZM8 3a1 1 0 0 0-1 1h2a1 1 0 0 0-1-1ZM4.559 5l.74 6.666A1.5 1.5 0 0 0 6.79 13h2.42a1.5 1.5 0 0 0 1.49-1.334L11.442 5H4.56Z');
    transform: translate(-4px, -4px) scale(2);
}

.theme-light .bd-controls > .bd-addon-button svg:not(.bd-button.bd-addon-button.bd-button-danger svg) {
    fill: #000;
}

.bd-controls > .bd-button.bd-addon-button.bd-button-danger svg {
    fill: var(--info-danger-foreground);
}

/* BD Settings */
.bd-settings-group.collapsible {
    margin-bottom: 8px;
    border-radius: var(--winrad2);
}

.theme-dark .bd-settings-group.collapsible {
    background-color: var(--windark-mica);
    border: var(--windarkborder3);
}

.theme-light .bd-settings-group.collapsible {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
}

.bd-settings-group.collapsible .bd-settings-title {
    padding: 16px;
    margin-bottom: 0;
}
.bd-settings-group.collapsible.expanded .bd-settings-title {
    border-bottom: thin solid var(--background-modifier-accent);
    margin-bottom: 10px;
}
.bd-settings-group ~ .bd-settings-group .bd-settings-title {
    margin-top: 0;
}

#app-mount .bd-settings-group.collapsed .bd-settings-title::after {
    transition: transform .3s ease;
    transform: rotate(270deg);
}
.bd-settings-group.collapsible .bd-settings-title::after {
    transform: rotate(360deg);
}

.bd-settings-group.collapsible .bd-setting-item > *:not(.bd-setting-divider) {
    padding: 0 16px;
}

.bd-settings-group.collapsible .bd-settings-title::before,
.bd-settings-group.collapsible .bd-setting-item:last-of-type .bd-setting-divider {
    display: none;
}

#app-mount .bd-filled-checkmark {
    background: var(--info-positive-foreground);
    border-radius: var(--winrad4);
}
#app-mount .bd-empty-updates svg {
    fill: var(--info-positive-foreground);
}

.bd-settings-group.collapsible .bd-empty-updates {
    margin-bottom: 24px;
}

/* RepoCards */
.theme-dark .card-x5zW6z {
    background-color: var(--windark-acrylic) !important;
    border: var(--windarkborder3) !important;
    border-radius: var(--winrad2) !important;
}

.theme-light .card-x5zW6z {
    background-color: var(--winlight-acrylic) !important;
    border: var(--winlightborder2) !important;
    border-radius: var(--winrad2) !important;
}

/* Blocked message */
.blockedSystemMessage-3FmE9n {
    padding: 8px;
    opacity: 0.8;
}

/* Loader */
#app-mount .wanderingCubesItem-3Us-UG {
    border-radius: 50%;
}

/* Go Back */
#app-mount .toolsContainer-25FL6V {
    margin-right: auto;
    padding-left: 8px;
}
#app-mount .keybind-13vtq8 {
    display: none;
}

#app-mount .closeButton-PCZcma {
    width: 72px;
    transition: var(--wintransition);
}

.theme-dark .closeButton-PCZcma {
    background-color: var(--windark-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark .closeButton-PCZcma:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light .closeButton-PCZcma {
    background-color: var(--winlight-button-bg) !important;
    color: var(--info-danger-foreground) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    border-radius: var(--winrad2) !important;
}
.theme-light .closeButton-PCZcma:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

/* Make PermissionViewers text more consistent with Discords [by christian] */
.member-perms-title {
    text-transform: uppercase;
    color: var(--header-secondary);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: var(--font-display);
}

/* Status colors */
:root {
    --online-color: hsl(113, 51%, 58%);
    --idle-color: hsl(54, 100%, 49%);
    --dnd-color: hsl(354, 100%, 80%);
    --offline-color: hsl(0, 0%, 54%);
    --streaming-color: hsl(283, 100%, 69%);
}
/* Status Picker thing */
#app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-online)"] .status-2DiCMd,
#app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--online:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--online-color) !important;
}
#app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-idle)"] .status-2DiCMd,
#app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--idle:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--idle-color) !important;
}
#app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-dnd)"] .status-2DiCMd,
#app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--dnd:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--dnd-color) !important;
}
#app-mount #account-status-picker:not(.focused-3qFvc8) [mask="url(#svg-mask-status-offline)"] .status-2DiCMd,
#app-mount [aria-activedescendant*="account-status-picker"] #account-status-picker--invisible:not(.focused-3qFvc8) .status-2DiCMd {
    background-color: var(--offline-color) !important;
}
/* Status Colors */
#app-mount .wrapper-1VLyxH rect[fill="#593695"],
#app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-streaming)"] {fill: var(--streaming-color)}
#app-mount .wrapper-1VLyxH rect[fill="#3ba55c"],
#app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online)"],
#app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online-mobile)"] {fill: var(--online-color)}
#app-mount .wrapper-1VLyxH rect[fill="#faa61a"],
#app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-idle)"] {fill: var(--idle-color)}
#app-mount .wrapper-1VLyxH rect[fill="#ed4245"],
#app-mount .wrapper-1VLyxH rect:not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-dnd)"] {fill: var(--dnd-color)}
#app-mount .wrapper-1VLyxH rect[fill="#747f8d"],
#app-mount .wrapper-1VLyxH rect[mask="url(#svg-mask-status-offline)"] {fill: var(--offline-color)}

.container-ZMc96U [fill="rgba(89, 54, 149, 1)"],
.container-ZMc96U [fill="#593695"] {
  fill: var(--streaming-color);
}
.container-ZMc96U [fill="rgba(59, 165, 92, 1)"],
.container-ZMc96U [fill="#3ba55c"] {
  fill: var(--online-color);
}
.container-ZMc96U [fill="rgba(250, 166, 26, 1)"],
.container-ZMc96U [fill="#faa61a"] {
  fill: var(--idle-color);
}
.container-ZMc96U [fill="rgba(237, 66, 69, 1)"],
.container-ZMc96U [fill="#ed4245"] {
  fill: var(--dnd-color);
}
.container-ZMc96U [fill="rgba(116, 127, 141, 1)"],
.container-ZMc96U [fill="#747f8d"] {
  fill: var(--offline-color);
}

/* ChannelDms */
#app-mount .ChannelDms-channelmembers-wrap {
    width: 260px;
}
#app-mount .ChannelDms-channelmembers-wrap .privateChannels-oVe7HL {
    border-radius: 0;
    border: none;
}

#app-mount .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
    padding: 0;
    height: 44px;
}
#app-mount .ChannelDms-channelmembers-wrap .item-3XjbnG {
    height: 28px;
    margin-top: 8px;
}

.theme-dark .ChannelDms-channelpopout-popout {
    background-color: var(--windark-mica);
    border: var(--windarkborder2);
    border-radius: var(--winrad3);
}

.theme-light .ChannelDms-channelpopout-popout {
    background-color: var(--winlight-mica);
    border: var(--winlightborder2);
    border-radius: var(--winrad3);
}

#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
    box-shadow: none;
    padding: 8px;
    padding-right: 36px;
}

.theme-dark .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
    border-bottom: var(--windarkborder2);
}

.theme-light .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
    border-bottom: var(--winlightborder2);
}

#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
    top: 4px;
    left: 4px;
}
#app-mount .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
    top: 8px;
    right: 8px;
    background-color: transparent;
    width: 26px;
    box-shadow: none;
    border-radius: 0;
    background-position: right;
    border-left: var(--windarkborder1);
}
#app-mount .ChannelDms-channelpopout-popout .form-3gdLxP:before {
    display: none;
}

.ChannelDms-channelpopout-headerStatus [fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
    fill: var(--streaming-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
    fill: var(--online-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
    fill: var(--idle-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
    fill: var(--dnd-color);
}
.ChannelDms-channelpopout-headerStatus [fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
    fill: var(--offline-color);
}

.theme-light .ChannelDms-channelpopout-popout {
    color: hsl(0, 0%, 13%);
}

/* Always bottom server list buttons by Gibbu [edit] */
.wrapper-1_HaEi {
    height: calc(100% - ((var(--server-size)*2) + 8px));
}
.scroller-3X7KbA {
    contain: unset;
    padding-bottom: 40px;
}
.scroller-3X7KbA::before {
    content: "";
    position: fixed;
    bottom: 0;
    width: var(--server-size);
    padding: 0 12px;
    height: calc((var(--server-size)*2) + 80px);
    background: linear-gradient(transparent, var(--background-tertiary) 30%);
    z-index: 1;
    pointer-events: none;
}
.tutorialContainer-2jwoiB {
    position: fixed;
    bottom: 2px;
    z-index: 1;
}
.tutorialContainer-2jwoiB + .listItem-3SmSlK {
    position: fixed;
    bottom: calc(var(--server-size) + 8px);
    contain: none;
    z-index: 1;
}

/* BetterMessageLinks */
#app-mount .betterMessageLinks.Popout {
    border-radius: var(--winrad2);
    backdrop-filter: blur(var(--winblur1));
}

.theme-dark .betterMessageLinks.Popout {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder2);
}

.theme-light .betterMessageLinks.Popout {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder2);
}

/* NotifX */
.xenoLib-notification-content {
    border-radius: var(--winrad2);
    -webkit-app-region: no-drag;
}
.qwert-toasts {
    -webkit-app-region: no-drag;
}

/* ChannelDetails tooltip fix */
.ChannelDetails-tooltip-tooltip.voiceActivities {
    padding: 14px 0;
}

/* ChannelTabs */

/* GameActivityToggle */
[class="container-YkUktl gameActivityToggleAdded-Yd-YxC"] [d="M 5.7066445,4.9022473 H 18.293275 c 1.595895,0 2.92046,1.2333283 3.034163,2.8251676 l 0.667683,9.3475611 c 0.0743,1.040197 -0.708715,1.943677 -1.748914,2.017977 -0.04477,0.0032 -0.08964,0.0048 -0.134531,0.0048 -1.191828,0 -2.230714,-0.811138 -2.519775,-1.96738 l -0.522119,-2.08848 H 6.930137 l -0.5221194,2.088478 c -0.2890608,1.156242 -1.3279463,1.96738 -2.5197742,1.96738 -1.0428481,0 -1.8882436,-0.845396 -1.8882436,-1.888243 0,-0.04488 0.0016,-0.08976 0.0048,-0.134532 L 2.6724812,7.7274149 C 2.7861841,6.1355756 4.1107494,4.9022473 5.7066445,4.9022473 Z m 8.8282265,5.0698223 c 0.839995,0 1.520947,-0.680951 1.520947,-1.5209465 0,-0.8399957 -0.680952,-1.5209468 -1.520947,-1.5209468 -0.839996,0 -1.520947,0.6809511 -1.520947,1.5209468 0,0.8399955 0.680951,1.5209465 1.520947,1.5209465 z m 4.055858,3.0418944 c 0.839996,0 1.520947,-0.680952 1.520947,-1.520947 0,-0.839995 -0.680951,-1.5209474 -1.520947,-1.5209474 -0.839996,0 -1.520947,0.6809524 -1.520947,1.5209474 0,0.839995 0.680951,1.520947 1.520947,1.520947 z M 5.9161725,8.9581056 H 3.8882434 v 2.0279294 h 2.0279291 v 2.027929 H 7.9441016 V 10.986035 H 9.9720304 V 8.9581056 H 7.9441016 V 6.9301763 H 5.9161725 Z"],
[class="container-YkUktl gameActivityToggleAdded-Yd-YxC"] [d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] {
    d: path('M14.998 5a7 7 0 0 1 .24 13.996l-.24.004H9.002a7 7 0 0 1-.24-13.996L9.001 5h5.996Zm0 1.5H9.002a5.5 5.5 0 0 0-.221 10.996l.221.004h5.996a5.5 5.5 0 0 0 .221-10.996l-.221-.004ZM8 9a.75.75 0 0 1 .75.75v1.498h1.5a.75.75 0 0 1 0 1.5h-1.5v1.502a.75.75 0 0 1-1.5 0v-1.502h-1.5a.75.75 0 1 1 0-1.5h1.5V9.75A.75.75 0 0 1 8 9Zm6.75 3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm2-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z');
    transform: translate(-9%, -7%) scale(119%);
}

/* User Details */
.theme-light .UserDetails-dates-container svg:not(.UserDetails-dates-container .UserDetails-dates-errorIcon) {
    filter: invert(1);
}

.theme-light .UserDetails-connections-connections [src="/assets/6a853b4c87fce386cbfef4a2efbacb09.svg"] {
    content: url("https://discord.com/assets/3ff98ad75ac94fa883af5ed62d17c459.svg");
}

.theme-light .UserDetails-connections-connections [src="/assets/7bab4490382024b0c8c29b5378eeaf8f.svg"] {
    content: url("https://discord.com/assets/8b20979429c0e2d40e0d620f939989cf.svg");
}

.theme-dark .UserDetails-connections-connections [src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] {
    content: url("https://discord.com/assets/1fa6585cbb8c0fe21188e26d19fc6609.svg");
}

.theme-light .UserDetails-connections-connections [src="/assets/29b4af8bf13fa73258692008d25b4f0d.png"] {
    content: url("https://discord.com/assets/cab5339904e625728f75e3b7bc32a347.svg");
}

.theme-dark .UserDetails-connections-connections [src="/assets/1f07067017f955a0cde4e994e945f417.svg"] {
    content: url("https://discord.com/assets/d897626dfa2016ea3ad0af935acb6070.svg");
}

.theme-dark .UserDetails-connections-connections [src="/assets/ffa3415a151587879c5537015fa59521.svg"] {
    content: url("https://discord.com/assets/db9e2406158133f91e1fe24bb56425c2.svg");
}

/* Show Connections */
#app-mount .connection-9Gh4sa {
    width: 30px;
    height: 30px;
    margin: 0 4px 4px 0;
}

#app-mount .connectionIcon-888F4s {
    margin: 0;
    width: 100%;
    height: 100%;
}

#app-mount .connections-pPr4as {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* Channel details popout */
.theme-light .ChannelDetails-modal-header .ChannelDetails-modal-title {
    color: #000;
}

/* Read All style */
#app-mount [class="listItem-3SmSlK frame-oXWS21"] .innerFrame-8Hg64E,
#app-mount [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg {
    width: var(--server-size);
}

.theme-dark [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg {
    background-color: var(--windark-button-bg) !important;
    border: 1px solid var(--windark-button-border) !important;
    border-top-color: var(--windark-button-top) !important;
    border-bottom-color: var(--windark-button-bottom) !important;
    color: #fff !important;
    border-radius: var(--winrad2) !important;
}
.theme-dark [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg:hover {
    background-color: var(--windark-button-hover) !important;
    border-color: var(--windark-button-hover-border) !important;
    border-top-color: var(--windark-button-hover-top) !important;
    border-bottom-color: var(--windark-button-hover-bottom) !important;
}

.theme-light [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg {
    background-color: var(--winlight-button-bg) !important;
    border: 1px solid var(--winlight-button-border) !important;
    border-top-color: var(--winlight-button-top) !important;
    border-bottom-color: var(--winlight-button-bottom) !important;
    color: #000 !important;
    border-radius: var(--winrad2) !important;
}
.theme-light [class="listItem-3SmSlK frame-oXWS21"] div.childWrapper-1j_1ub.button-Jt-tIg:hover {
    background-color: var(--winlight-button-hover) !important;
    border-color: var(--winlight-button-hover-border) !important;
    border-top-color: var(--winlight-button-hover-top) !important;
    border-bottom-color: var(--winlight-button-hover-bottom) !important;
}

/* SpotifyControls */
[class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] {
    border-radius: var(--winrad1);
    padding: 10px;
}

[class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"]::before {
    display: none;
}

.theme-dark [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] {
    background: var(--noise256), var(--windark-box1);
    border: var(--windarkborder3);
}

.theme-light [class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] {
    background: var(--noise256), var(--winlight-box1);
    border: var(--winlightborder3);
}

[class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] .grabber-2GQyvM {
    margin-top: -13px;
}

[class="popout-xwjvsX themedPopout-1TrfdI popoutArrow-g8f4Ss popoutArrowTop-lK9F3a"] .grabber-2GQyvM::before {
    top: 5px !important;
    left: 5px !important;
    background-color: var(--SC-spotify-green) !important;
}

/* ServerCount */
.label-2wRs_g.serverCount-FsTTs1 {
    width: var(--server-size);
}

/* Online Friend Count */
.listItem-1d8GP4,
.friendsOnline-2JkivW {
    width: var(--server-size);
}
.listItem-1d8GP4 {
    margin: 0 12px 6px;
}

/* Repo Plugins */


/* Just a BG for theme card [by Gibbu] */
[id="Discord 11-card"] {
    position: relative;
}
[id="Discord 11-card"]::before {
    content: "";
    background: url(https://user-images.githubusercontent.com/79029257/198170059-a9911f9c-2088-43de-a700-b5536e907e6f.png) center/cover;
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.1;
    pointer-events: none;
}