@keyframes cv-channel-select {
    from {
        right: 100%
    }

    to {
        right: 0
    }
}

@keyframes cv-card-loading {
    0% {
        opacity: .66
    }

    50% {
        opacity: .33
    }

    100% {
        opacity: .66
    }
}

.info__2debe::after {
    content: "felixxx.my.id" " " "1.0.0";
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.3333333333;
    font-weight: 400;
    font-family: var(--font-primary)
}

.visual-refresh:not(.platform-osx) .leading_c38106::before {
    content: "felixxx.my.id";
    position: static;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-default);
    order: 2;
    filter: drop-shadow(0 0 5px var(--hsl-main-color))
}

.visual-refresh:not(.platform-osx) .leading_c38106::after {
    content: "1.0.0";
    position: static;
    margin-top: -5px;
    margin-left: 5px;
    font-family: var(--code-font);
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    order: 3
}

.button__201d5 {
    border-radius: 4px
}

.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) {
    background-color: var(--hsl-main-color);
    border: none
}

.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover {
    background-color: var(--hsl-hover-color)
}

.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):disabled {
    background-color: var(--hsl-main-color)
}

.lookFilled__201d5.colorGreen__201d5 {
    background-color: var(--hsl-success-color);
    border: none
}

.lookFilled__201d5.colorGreen__201d5:hover {
    background-color: hsl(from var(--hsl-success-color) h s l/0.8)
}

.lookFilled__201d5.colorGreen__201d5:disabled {
    background-color: hsl(from var(--hsl-success-color) h s l/0.8)
}

.lookFilled__201d5.colorRed__201d5 {
    background-color: var(--hsl-danger-color);
    border: none
}

.lookFilled__201d5.colorRed__201d5:hover {
    background-color: hsl(from var(--hsl-danger-color) h s l/0.8)
}

.lookFilled__201d5.colorRed__201d5:disabled {
    background-color: var(--hsl-danger-color)
}

.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5) {
    color: var(--hsl-main-color);
    border: none
}

.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5):hover {
    color: var(--hsl-hover-color)
}

.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) {
    border-color: var(--hsl-main-color)
}

.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover {
    border-color: var(--hsl-hover-color);
    background-color: var(--hsl-hover-color)
}

.lookOutlined__201d5.colorGreen__201d5 {
    border-color: var(--hsl-success-color)
}

.lookOutlined__201d5.colorGreen__201d5:hover {
    border-color: hsl(from var(--hsl-success-color) h s l/0.8);
    background-color: hsl(from var(--hsl-success-color) h s l/0.8)
}

.lookOutlined__201d5.colorRed__201d5 {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--hsl-danger-color);
    color: var(--button-outline-brand-text)
}

.lookOutlined__201d5.colorRed__201d5:hover {
    border-color: hsl(from var(--hsl-danger-color) h s l/0.8);
    background-color: hsl(from var(--hsl-danger-color) h s l/0.8);
    color: var(--button-outline-brand-text)
}

.lookLink__201d5 .contents__201d5 {
    background: none
}

.lookLink__201d5:hover .contents__201d5 {
    text-decoration: underline
}

:is(.theme-light, .theme-dark) .lookLink__201d5:is(.colorPrimary__201d5, .colorLink__201d5) {
    color: var(--hsl-main-color)
}

.lookLink__201d5.colorBrand__201d5 {
    color: var(--hsl-main-color)
}

.lookLink__201d5.colorRed__201d5 {
    color: var(--hsl-danger-color)
}

.checkbox_f525d3 {
    border-radius: 4px
}

.checkbox_f525d3.checked_f525d3 {
    border-color: var(--hsl-main-color);
    background-color: rgba(0, 0, 0, 0)
}

.input__0f084 {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.input__0f084::-moz-placeholder {
    color: var(--text-muted)
}

.input__0f084::placeholder {
    color: var(--text-muted)
}

.input__0f084:focus,
.input__0f084.focused__0f084 {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.input__0f084.inputField_d64f22 {
    border: none;
    background: none
}

.input__0f084 .multiInputField_b404ff {
    background: rgba(0, 0, 0, 0)
}

.copyInput_cedfaf .input__0f084 {
    background: rgba(0, 0, 0, 0)
}

.item__001a7[aria-checked=true] {
    background-color: rgba(0, 0, 0, 0)
}

.refreshIconStroke__001a7 {
    r: 10 !important;
    stroke: var(--interactive-active)
}

.refreshIcon__001a7 {
    fill: var(--interactive-active)
}

.radioIndicatorChecked__001a7 {
    color: var(--interactive-active)
}

.radioIndicatorChecked__001a7 .refreshIconFill__001a7 {
    fill: none
}

.radioIndicatorChecked__001a7 .refreshIconStroke__001a7 {
    stroke: var(--interactive-active)
}

.radioBar__001a7 {
    background-color: var(--hsl-card-shading);
    transition: all .1s ease
}

.radioBar__001a7:hover {
    box-shadow: inset 0 0 0 2px var(--radio-bar-accent-color, var(--hsl-hover-color))
}

.item__001a7[aria-checked=true] .radioBar__001a7 {
    background-color: var(--radio-bar-accent-color, var(--hsl-main-color))
}

.slider_a562c8 .bar_a562c8,
.slider_a562c8 .markDash_a562c8 {
    background: var(--hsl-card-shading)
}

.slider_a562c8 .barFill_a562c8 {
    background: var(--hsl-main-color)
}

.slider_a562c8 .grabber_a562c8 {
    filter: drop-shadow(0 0 3px var(--hsl-main-color))
}

.container__87bf1 {
    background: hsl(from var(--interactive-normal) h s l/0.2) !important
}

.container__87bf1.checked__87bf1 {
    background: var(--hsl-main-color) !important
}

.container__87bf1.checked__87bf1 path {
    fill: var(--hsl-main-color)
}

.visual-refresh .top_b3f026 .item_b3f026 {
    --selected-tab-item-color: var(--hsl-hover-color)
}

.visual-refresh .top_b3f026 .item_b3f026.selected_b3f026 {
    --selected-tab-item-color: var(--hsl-main-color);
    color: var(--interactive-active)
}

.visual-refresh :is(.topPill_b3f026, .side_b3f026) .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) {
    background-color: var(--background-mod-subtle)
}

.visual-refresh :is(.topPill_b3f026, .side_b3f026) .themed_b3f026.item_b3f026.selected_b3f026 {
    background-color: var(--hsl-main-color)
}

.visual-refresh :is(.topPill_b3f026, .side_b3f026) .themed_b3f026.item_b3f026.selected_b3f026:hover:not(.disabled_b3f026) {
    background-color: var(--hsl-main-color)
}

.header_b3f026 {
    color: var(--hsl-main-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.header_b3f026::before {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent);
    margin-right: 5px
}

.header_b3f026::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent);
    margin-left: 5px
}

.container_a45028 {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.container_a45028:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.visual-refresh .container_fea832 {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.visual-refresh .container_fea832:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.visual-refresh :is(html, body, .appMount__51fd7) {
    background: none
}

.app_a3002d {
    background: var(--hsl-background-shading);
    color: rgba(0, 0, 0, 0)
}

.app__160d8 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.1))
}

.visual-refresh .bg__960e4 {
    background: var(--background-image) var(--background-position)/var(--background-size) no-repeat;
    background-attachment: var(--background-attachment);
    filter: var(--background-filter);
    z-index: -1
}

.visual-refresh .container_a2f514 {
    background: var(--hsl-background-shading)
}

.wanderingCubes__0b5bb .item__0b5bb {
    background: var(--hsl-main-color)
}

.path__0b5bb {
    stroke: var(--hsl-main-color)
}

.focus-rings-ring {
    box-shadow: 0 0 0 4px var(--focus-color)
}

::-moz-placeholder {
    font-family: var(--main-font)
}

body,
button,
input,
select,
textarea,
::placeholder {
    font-family: var(--main-font)
}

code {
    font-family: var(--code-font)
}

::-moz-selection {
    background: var(--hsl-main-color);
    color: var(--text-default)
}

::selection {
    background: var(--hsl-main-color);
    color: var(--text-default)
}

.bar_c38106 {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0
}

.leading_c38106 {
    gap: 0;
    margin: 0 6px
}

.notice__6e2b9 {
    border-radius: 4px;
    background: hsl(from var(--custom-notice-background, var(--hsl-main-color)) h s l/0.8)
}

.colorBrand__6e2b9 {
    --custom-notice-background: var(--hsl-main-color)
}

.colorDanger__6e2b9 {
    --custom-notice-background: var(--hsl-danger-color)
}

.colorStreamerMode__6e2b9 {
    --custom-notice-background: var(--hsl-streaming-color)
}

:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar {
    width: 14px
}

:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-thumb,
:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track {
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 7px
}

:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar {
    width: 8px
}

:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-thumb,
:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-track {
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 5px
}

:is(:is(.auto__99f8c, .auto_d125d2), :is(.thin__99f8c, .thin_d125d2))::-webkit-scrollbar-thumb {
    background-color: var(--hsl-main-color)
}

:is(:is(.auto__99f8c, .auto_d125d2), :is(.thin__99f8c, .thin_d125d2))::-webkit-scrollbar-thumb:active {
    background-color: var(--hsl-hover-color)
}

.mediaBarProgress_b26b79,
.mediaBarProgress_b26b79::before,
.mediaBarProgress_b26b79::after {
    background: var(--hsl-main-color)
}

.mediaBarGrabber_b26b79,
.mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79,
.mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 {
    background: var(--hsl-main-color)
}

.visual-refresh .authBox__921c5 {
    background-color: var(--hsl-modal-shading)
}

.list__920b8 {
    background-color: var(--background-mod-subtle)
}

.navRow__86e92 {
    background-color: rgba(0, 0, 0, 0)
}

.numberBadge__2b1f5,
.textBadge__2b1f5 {
    background: var(--hsl-main-color) !important;
    color: var(--header-primary)
}

.refresh-fast-follow-guild-bg.visual-refresh .bg__960e4 {
    background: var(--background-image) var(--background-position)/var(--background-size) no-repeat;
    background-attachment: var(--background-attachment);
    filter: var(--background-filter);
    z-index: -1
}

.refresh-fast-follow-guild-bg.visual-refresh .guilds_c48ade {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .chat_f75fb0 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .chat_f75fb0[data-has-border=true] {
    border: none
}

.visual-refresh .chat_f75fb0.threadSidebarOpen_f75fb0 {
    border-bottom-right-radius: 0
}

.visual-refresh.theme-midnight .content_f75fb0 {
    border: none
}

.visual-refresh :is(.chatContent_f75fb0, .scroller__28a87) {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh :is(.wrapper_d852db, .wrapper_fc8177) {
    background-color: rgba(0, 0, 0, 0)
}

.visual-refresh .wrapper_d852db {
    animation: cv-card-loading 1.5s infinite ease-in-out
}

.visual-refresh .wrapper_f7ecac {
    background-color: var(--hsl-popout-shading);
    border-color: var(--hsl-popout-shading);
    box-shadow: none
}

.noChannel__01d5c {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .chatHeaderBar_dc83f5 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .role_b4b2c3 {
    background: hsl(from var(--custom-role-label-color) h s l/0.2)
}

.visual-refresh .form_f75fb0 {
    margin-top: 4px
}

.visual-refresh .channelTextArea__74017 {
    background-color: var(--hsl-input-shading);
    box-shadow: 0 0 0 2px var(--hsl-input-border-shading);
    border-color: rgba(0, 0, 0, 0)
}

.visual-refresh .channelTextArea__74017:focus-within {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px 2px var(--hsl-main-color)
}

.visual-refresh .stackedBars__74017,
.visual-refresh .channelAttachmentArea_b77158 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .upload_aa605f {
    background: var(--hsl-card-shading);
    border: none
}

.threadSuggestionBar__841c8,
.themedBackground__74017 {
    background: rgba(0, 0, 0, 0)
}

.scrollableContainer__74017::-webkit-scrollbar-thumb {
    background-color: var(--hsl-main-color)
}

.visual-refresh :is(.inlineCode_ada32f, .after_inlineCode_ada32f, .before_inlineCode_ada32f) {
    background: hsl(from var(--hsl-card-shading) h s calc(100 - l)/calc(alpha * 0.5))
}

.activeButtonChild_aa63ab {
    color: var(--interactive-normal)
}

:is(.theme-light, .theme-dark) .button_aa63ab:is(:focus, :focus-within, :hover) .activeButtonChild_aa63ab {
    color: var(--interactive-active)
}

.toolbar_bba883 {
    background-color: var(--hsl-popout-shading)
}

.toolbar_bba883::before {
    border-top-color: var(--hsl-popout-shading)
}

.visual-refresh .wrapper_cb9592,
.visual-refresh .channelChatWrapper_cb9592 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .callContainer_cb9592 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4));
    border: none
}

.visual-refresh .root_bfe55a {
    background: rgba(0, 0, 0, 0)
}

.gradientBackground__11664 {
    background: none
}

.sphere__11664 {
    background: none;
    border: none;
    animation: none
}

.buttonSection__1405b.experimentButtonSection__1405b {
    background: var(--hsl-popout-shading);
    border: none;
    border-radius: 4px
}

.colorable_f1ceac.disconnect_f1ceac {
    background: var(--hsl-danger-color)
}

.border__2f4f7.speaking__2f4f7 {
    box-shadow: inset 0 0 0 2px var(--hsl-main-color)
}

.wrapper_cb9592.minimum_cb9592 .callContainer_cb9592 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.6))
}

.quickSelectPopout_ebaca5 {
    background: var(--hsl-popout-shading)
}

.divider__908e2 {
    --divider-color: var(--hsl-main-color)
}

.divider__908e2.hasContent__908e2 {
    border-color: rgba(0, 0, 0, 0)
}

.visual-refresh .content__908e2 {
    display: flex;
    flex: 1;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    font-weight: 700
}

.content__908e2::before,
.content__908e2::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background: var(--background-mod-subtle)
}

.content__908e2::before {
    margin-right: 10px
}

.content__908e2::after {
    margin-left: 10px
}

.isUnread__908e2 .content__908e2::before,
.isUnread__908e2 .content__908e2::after {
    background: var(--divider-color)
}

.avatar_c19a55 {
    transition: all .3s ease-in-out, transform .1s ease-in-out
}

.avatar_c19a55.clickable_c19a55:active {
    transform: scale(0.5)
}

.botTagRegular__82f07 {
    background: var(--hsl-main-color);
    color: var(--header-primary);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.botTagRegular__82f07:hover {
    opacity: 1;
    transform: scale(1.1);
}

.operations_bab751 a {
    color: var(--hsl-main-color)
}

.content__235ca a {
    color: var(--text-link)
}

.visual-refresh .markup__75297 code {
    background: var(--hsl-card-shading);
    border: 1px solid var(--hsl-card-shading-inverted)
}

.visual-refresh .markup__75297 code.inline {
    border: none;
    background: hsl(from var(--hsl-card-shading) h s calc(100 - l)/calc(alpha * 0.5));
    padding: 2px 6px
}

.repliedMessageClickableSpine_c19a55 {
    border-color: var(--hsl-main-color)
}

.repliedMessageClickableSpine_c19a55:hover,
.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
    border-color: var(--hsl-hover-color)
}

.repliedTextPreview_c19a55 {
    color: var(--text-default);
    opacity: .7
}

.repliedTextPreview_c19a55 .clickable_c19a55:hover,
.repliedTextPreview_c19a55 .repliedMessageClickableSpineHovered_c19a55 {
    opacity: 1
}

.messageSpine_c19a55::before {
    border-color: var(--hsl-main-color)
}

.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 {
    color: var(--hsl-main-color);
    background: rgba(0, 0, 0, 0)
}

.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55:hover {
    color: var(--hsl-hover-color);
    background: rgba(0, 0, 0, 0)
}

.replying__5126c {
    --background-mentioned: hsl(from var(--hsl-main-color) h s l/.1);
    --background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1);
    background: var(--background-mentioned)
}

.replying__5126c:hover,
.replying__5126c .selected__5126c {
    background: var(--background-mentioned-hover) !important
}

.replying__5126c::before {
    background: var(--hsl-hover-color)
}

.wrapper_f61d60 {
    background-color: var(--hsl-main-color);
    color: var(--text-default);
    border-radius: 5px;
    padding: 0 4px
}

.wrapper_f61d60:hover {
    background-color: var(--hsl-hover-color)
}

.mentioned__5126c {
    --background-mentioned: hsl(from var(--hsl-main-color) h s l/.1);
    --background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1)
}

.mentioned__5126c:before {
    background-color: var(--hsl-main-color)
}

.blockquoteContainer__75297 .blockquoteDivider__75297 {
    border-radius: 0
}

.bumpBox_cacd02 {
    background: var(--hsl-card-shading)
}

.visual-refresh .embedFull__623de {
    background: var(--hsl-card-shading);
    border-top: none;
    border-right: none;
    border-bottom: none
}

.visual-refresh .file__0ccae {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .progressBar__89dcd {
    background: var(--hsl-main-color) !important
}

.visual-refresh .wrapper_d5f3cd {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .statusOnline_d5f3cd {
    background: var(--hsl-online-color)
}

.visual-refresh .statusOffline_d5f3cd {
    background: var(--hsl-offline-color)
}

.visual-refresh .guildInviteContainer__083ae {
    background: var(--hsl-card-shading)
}

.visual-refresh .footerContent__083ae {
    background: none
}

.visual-refresh .tile__72090 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .tile__72090:hover {
    background: var(--hsl-card-shading)
}

.visual-refresh .wrapperAudio_cf09d8 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .audioControls_cf09d8 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .wrapper_cf09d8 {
    background: var(--hsl-card-shading)
}

.visual-refresh .textContainer__4d95d,
.visual-refresh .footer__4d95d {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .languageSelector__4d95d {
    background: var(--hsl-popout-shading)
}

.visual-refresh .modalTextContainer__4d95d {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .cozy_c19a55.hasThread_c19a55::after {
    border-color: var(--hsl-main-color)
}

.visual-refresh .container__9271d {
    border-color: var(--hsl-main-color)
}

.visual-refresh .container__9271d {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .cta__9271d {
    color: var(--hsl-main-color)
}

.visual-refresh .container_a8e786 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .container_f69538,
.visual-refresh .container__0be77 {
    background: var(--hsl-card-shading);
    border: none
}

.ripple_a8e786 {
    background: var(--hsl-main-color)
}

:is(.theme-light, .theme-dark) .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
    background: var(--hsl-main-color)
}

:is(.theme-light, .theme-dark) .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:is(:hover, :active) {
    background: var(--hsl-hover-color)
}

.playing_a8e786 .playIcon_a8e786 {
    color: var(--hsl-main-color)
}

.embedCard__44492,
.footerContainer__44492 {
    background: var(--hsl-card-shading)
}

.dot__44492 {
    background: rgba(0, 0, 0, 0)
}

.hoverButtonGroup__06ab4 {
    background: var(--hsl-popout-shading)
}

.hoverButton__06ab4.selected__06ab4,
.hoverButton__06ab4:hover {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container_f369db {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3))
}

.visual-refresh .header_f369db {
    background: var(--hsl-input-shading);
    border: 2px solid var(--hsl-input-border-shading)
}

.visual-refresh .header_f369db .input__0f084 {
    background: none;
    box-shadow: none
}

.visual-refresh .visual-refresh .headerWithMatchingPosts_f369db {
    border-bottom: none;
    border-color: var(--hsl-main-color)
}

.visual-refresh .visual-refresh .matchingPostsRow_f369db {
    background: var(--hsl-input-shading);
    border: 2px solid var(--hsl-input-border-shading);
    border-top: 1px solid var(--border-subtle)
}

.visual-refresh .container_ca49a1 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .descriptionContainer_ca49a1,
.visual-refresh .gradient_ca49a1,
.visual-refresh .linkContainer_ca49a1 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .pill_a2c9e8 {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color);
    transition: all .2s ease
}

.visual-refresh .pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-hover-color)
}

.visual-refresh .pill_a2c9e8.selected_a2c9e8 {
    background: var(--hsl-main-color);
    border-color: var(--hsl-main-color);
    color: var(--interactive-active)
}

.visual-refresh .pill_a2c9e8.selected_a2c9e8:not(.disabled_a2c9e8):hover {
    background: var(--hsl-hover-color);
    border-color: var(--hsl-hover-color)
}

.visual-refresh .pill_a2c9e8 .container_f8b2d2 {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .newPostsButton_f369db {
    background: var(--hsl-popout-shading);
    border-color: rgba(0, 0, 0, 0)
}

.visual-refresh :is(.container__9a337, .container_faa96b) {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh :is(.container__9a337, .container_faa96b):hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-hover-color)
}

.visual-refresh :is(.container__9a337, .container_faa96b):is(.isOpen__9a337, .isOpen_faa96b) {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.contentPreview__9a337 {
    background: var(--hsl-card-shading);
    border: none
}

.pinIcon__08166 {
    background: var(--hsl-main-color)
}

.visual-refresh .divider_ee23ac {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .iconWrapper__7e6bb {
    background: var(--hsl-main-color)
}

.visual-refresh .icon__7e6bb path {
    fill: var(--header-primary)
}

.visual-refresh .container__34c2c {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .active__34c2c {
    color: var(--hsl-main-color)
}

.container__93db4 {
    background: rgba(0, 0, 0, 0)
}

.icon__93db4 {
    background: var(--hsl-main-color);
    color: var(--header-primary)
}

.cta__93db4 {
    color: var(--hsl-main-color)
}

.cta__93db4:hover {
    color: var(--hsl-hover-color)
}

.loadingCard_f369db {
    background: var(--hsl-card-shading);
    animation: cv-card-loading 1.5s infinite ease-in-out
}

.visual-refresh .resizeHandle__01ae2 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container__01ae2 {
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom-left-radius: 0
}

.visual-refresh .container__01ae2.floating__01ae2 {
    background: var(--hsl-popout-shading)
}

.visual-refresh .container_fb64c9 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.5))
}

.visual-refresh .channelTextArea_fb64c9 {
    margin-bottom: 0
}

.visual-refresh .channelTextAreaInner_fb64c9 {
    background-color: var(--hsl-input-shading);
    box-shadow: 0 0 2px 2px var(--hsl-input-border-shading);
    border-radius: 8px
}

.visual-refresh .channelTextAreaInner_fb64c9:focus-within {
    box-shadow: 0 0 2px 2px var(--hsl-main-color)
}

.iconWrapper__54b20 {
    background: var(--hsl-main-color)
}

.icon__54b20 path {
    fill: var(--header-primary)
}

.chatHeaderBar_a5700d {
    background-color: var(--hsl-popout-shading)
}

.container_a8217b,
.header_a8217b {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .newMessagesBar__0f481 {
    top: 4px;
    right: 8px;
    background: hsl(from var(--hsl-main-color) h s l/0.9);
    border-radius: 4px;
    transition: all .1s ease-in-out
}

.visual-refresh .newMessagesBar__0f481:active {
    padding-top: 0;
    scale: .99
}

.visual-refresh .jumpToPresentBar__0f481 {
    background: var(--hsl-popout-shading);
    border: none;
    border-radius: 5px
}

.visual-refresh .messagesErrorBar__0f481 {
    background: var(--hsl-danger-color);
    border: none;
    border-radius: 5px
}

.visual-refresh .wrapper__44df5 {
    background: var(--hsl-popout-shading);
    border: none
}

.visual-refresh .reactions__23977 {
    border-radius: 4px
}

.visual-refresh .reactions__23977 .reactionMe__23977 {
    background: hsl(from var(--hsl-main-color) h s l/0.15);
    border-color: var(--hsl-main-color)
}

.visual-refresh .reactions__23977 .reactionMe__23977 .reactionCount__23977 {
    color: var(--interactive-active)
}

.visual-refresh :is(.reaction__23977, .reactionBtn__23977):hover {
    border: 1px solid var(--hsl-hover-color)
}

.reactionTooltip_b49891 {
    background: var(--hsl-popout-shading)
}

:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d {
    background: var(--hsl-main-color)
}

:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d:hover {
    background: var(--hsl-hover-color)
}

.burstGlow__23977 {
    border-radius: 4px
}

.visual-refresh .searchResultsWrap_a9e706 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3));
    border: none
}

.visual-refresh .searchHeader_f3b986 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .searchResult__02a39 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .button__02a39 {
    background: var(--hsl-main-color)
}

.visual-refresh .button__02a39:hover {
    background: var(--hsl-hover-color);
    color: var(--interactive-active)
}

:is(.theme-dark, .theme-light) .themed__9293f {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.5))
}

:is(.theme-dark, .theme-light) .dot__9293f {
    display: none
}

.children__9293f::after {
    display: none
}

.akaBadge__488b1 {
    background: var(--hsl-main-color)
}

.visual-refresh .searchBar__97492 {
    background-color: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.visual-refresh .searchBar__97492:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.visual-refresh .searchFilter_bd8186,
.visual-refresh .searchAnswer_bd8186 {
    background: var(--hsl-main-color)
}

.visual-refresh .searchFilter_bd8186 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.visual-refresh .searchAnswer_bd8186 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.visual-refresh .container_c8ffbb {
    background: none;
    border: none
}

.visual-refresh .membersWrap_c8ffbb {
    background: none;
    border: none;
    height: 100%
}

.members_c8ffbb {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3))
}

.mulitplePlaceholderUsername__27cc6,
.placeholderAvatar__27cc6,
.placeholderUsername__27cc6 {
    background: var(--hsl-card-shading)
}

.membersGroup_c8ffbb {
    display: flex;
    color: var(--hsl-main-color);
    font-weight: 700;
    align-items: center
}

.membersGroup_c8ffbb:before {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to left, currentColor 50%, transparent);
    margin-right: 5px
}

.membersGroup_c8ffbb:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to right, currentColor 50%, transparent);
    margin-left: 5px
}

.visual-refresh .container__0f2e8 {
    background: var(--hsl-card-shading);
    border-radius: 8px;
    border-width: 2px;
    padding-left: 10px
}

.selected__0f2e8,
.selected__0f2e8:hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.popoutContentWrapper_af3b89,
.interactionsContainer_af3b89 {
    background: var(--hsl-popout-shading)
}

.interactionsContainerHeader_af3b89 {
    border: none
}

.member__5d473 {
    background: rgba(0, 0, 0, 0);
    backface-visibility: hidden
}

.memberInner__5d473 {
    position: relative;
    width: 100%;
    transition: all .15s ease-in-out, transform .1s ease-in-out;
    z-index: 1
}

.memberInner__5d473:active {
    transform: scale(0.9)
}

.name__91a9d {
    width: -moz-fit-content;
    width: fit-content
}

.member__5d473 .nameContainer__703b9 {
    position: static;
    transition: all .15s ease-in-out;
    z-index: unset
}

.member__5d473 .nameContainer__703b9:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, var(--background-mod-subtle) 90%, transparent);
    border-radius: 3px;
    opacity: 0;
    transition: all .15s ease-in-out;
    z-index: -1
}

.member__5d473 .nameContainer__703b9:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, var(--hsl-main-color) 90%, transparent);
    border-radius: 3px;
    opacity: .8;
    transition: all .3s ease-in-out;
    z-index: -1
}

.member__5d473 .nameContainer__703b9[style^="color:"]:before,
.member__5d473 .nameContainer__703b9[style^="color:"]:after {
    background: linear-gradient(to right, currentColor 90%, transparent)
}

.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:before,
.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:after {
    background: linear-gradient(to right, currentColor, transparent)
}

.truncated_c9d15c {
    color: var(--text-muted);
    transition: all .15s ease-in-out
}

.truncated_c9d15c strong {
    color: var(--hsl-main-color);
    font-weight: 700;
    transition: all .15s ease-in-out
}

.member__5d473:hover .childContainer__91a9d {
    background: rgba(0, 0, 0, 0)
}

.member__5d473:hover .nameContainer__703b9:before {
    opacity: 1
}

.member__5d473:hover .nameContainer__703b9[style^="color:"]:before {
    opacity: .07
}

.selected__91a9d .childContainer__91a9d {
    background-color: rgba(0, 0, 0, 0)
}

.selected__91a9d .nameContainer__703b9 {
    -webkit-text-fill-color: var(--interactive-active);
    text-shadow: 0 0 3px rgba(0, 0, 0, .7)
}

.selected__91a9d .nameContainer__703b9:after {
    right: 0
}

.selected__91a9d .truncated_c9d15c,
.selected__91a9d strong {
    color: var(--interactive-active);
    text-shadow: 0 0 3px rgba(0, 0, 0, .7)
}

.selected__91a9d .ownerIcon__5d473 {
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7))
}

.container__4413f {
    background: var(--hsl-popout-shading)
}

.ctaButton__4413f {
    background: var(--hsl-main-color);
    border: none
}

.visual-refresh .root__49fc1 {
    background: var(--hsl-modal-shading);
    border: none;
    box-shadow: none
}

.header__49fc1,
.content__49fc1,
.footer__49fc1 {
    background: rgba(0, 0, 0, 0)
}

.container_eb2cd2 {
    border: 2px solid rgba(0, 0, 0, 0);
    background: var(--background-mod-subtle)
}

.container_eb2cd2:hover {
    border-color: var(--hsl-hover-color)
}

.iconContainer__98cf7 circle {
    fill: var(--hsl-main-color)
}

.rowContainer__991a0 {
    border: 2px solid rgba(0, 0, 0, 0);
    background: var(--background-mod-subtle)
}

.rowContainer__991a0:hover {
    border-color: var(--hsl-hover-color);
    background: var(--background-mod-subtle)
}

.keyboardShortcutsModal_f061f6,
.keybindGroup_f061f6 {
    background: var(--hsl-modal-shading)
}

.combo_fcddc1 .key_fcddc1 {
    border-color: var(--hsl-hover-color);
    box-shadow: inset 0 -4px var(--hsl-hover-color)
}

.combo_fcddc1 .key_fcddc1:active {
    border-color: var(--hsl-main-color);
    box-shadow: inset 0 -2px var(--hsl-main-color)
}

.visual-refresh .quickswitcher_ac6cb0 {
    background: var(--hsl-popout-shading);
    border: none;
    background: var(--hsl-input-shading)
}

.visual-refresh .scroller_ac6cb0 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .input_ac6cb0 {
    border: 2px solid var(--hsl-input-border-shading)
}

.visual-refresh .input_ac6cb0:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.scroller_ac6cb0::-webkit-scrollbar {
    width: 10px
}

.scroller_ac6cb0::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0) !important
}

.result__71961[aria-selected=true] {
    background: var(--hsl-hover-color)
}

.visual-refresh :is(.scroller_cc2dff, .reactors_cc2dff) {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .reactionSelected_cc2dff {
    border: 1px solid var(--hsl-main-color)
}

.pillContainer__9e06a {
    background: var(--background-mod-subtle)
}

.pillItemSelected__9e06a {
    background: var(--hsl-main-color)
}

.source_febe19:hover:not(.selectedSource_febe1) .sourcePreviewContainer_febe19:before {
    border-color: var(--hsl-main-color)
}

.spinner_ca0af2 {
    background: rgba(0, 0, 0, 0)
}

.customGiftBoxHighlighted_d50aac {
    border-color: var(--hsl-main-color)
}

.iconBackground__33980 {
    background: var(--hsl-main-color);
    color: var(--header-primary)
}

.visual-refresh .selectionBox_b13085 {
    background: var(--background-mod-subtle);
    outline: none
}

.visual-refresh .selectedPlan_b13085 {
    background: var(--background-mod-subtle);
    outline: 2px solid var(--hsl-main-color)
}

.visual-refresh .previewContainerSelected__50f14 {
    background: var(--background-mod-subtle);
    outline: 2px solid var(--hsl-main-color);
    border: none
}

.customGiftMessage_bf1b4a {
    background: rgba(0, 0, 0, 0)
}

.wrapper__4106a {
    background: rgba(0, 0, 0, 0)
}

.cardInput__8b579 {
    background-color: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.cardInputFocused__8b579 {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.content_a8c622,
.upsellFooter__5e07c {
    background: rgba(0, 0, 0, 0)
}

:is(.theme-light, .theme-dark) .iconWrapper__96f95 {
    background: var(--background-mod-subtle)
}

.value__96f95,
.value__96f95:focus {
    box-shadow: none
}

.uploadDropModal_dbca3c .bgScale_dbca3c {
    background: var(--hsl-main-color)
}

.uploadDropModal_dbca3c .inner_dbca3c {
    border-color: var(--header-primary)
}

.selectorButton__0907c {
    background: var(--background-mod-subtle)
}

:is(.theme-light, .theme-dark) .item__3d4a0 {
    border-color: var(--hsl-main-color)
}

.selectorButtonSelected__0907c {
    background: var(--hsl-main-color)
}

.visual-refresh .radioItemStyles__837b7 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .banReasonOtherClickable__837b7 {
    background: var(--background-mod-subtle)
}

.visual-refresh .modal__9a792 {
    background: var(--hsl-modal-shading) !important
}

.visual-refresh .browser__9a792 {
    background: rgba(0, 0, 0, 0)
}

.pillIconOnline__921c5 {
    background: var(--hsl-online-color)
}

.visual-refresh .editProfileContainer__42179 {
    background: var(--hsl-popout-shading)
}

.visual-refresh :is(.actionButtons_cc1819, .closeButton__6088c) {
    background: var(--hsl-modal-shading)
}

.scroller__6fd0e {
    background: rgba(0, 0, 0, 0)
}

.headerWave__1dfae {
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

.bodyWave__1dfae {
    display: none
}

.topPerksCard__3add8,
.card__4d7bb,
.wrapper__5b98e {
    background: var(--hsl-card-shading)
}

.innerWrapper_b4589b {
    background: var(--hsl-popout-shading)
}

.visual-refresh .header__0b563 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.5)) !important
}

.visual-refresh .container__0b563 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4)) !important
}

.visual-refresh .pageBody__41ed7 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container_bc0d35 {
    background: var(--hsl-card-shading)
}

.visual-refresh .container_bc0d35.adminUpsell_bc0d35 {
    background: var(--hsl-main-color)
}

.visual-refresh .channelRow_e4503a {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0);
    margin-bottom: 8px;
    border-radius: 8px
}

.visual-refresh .channelRow_e4503a:hover:not(.disabled_e4503a) {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.visual-refresh .prompt__5d7c9 {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .optionButtonWrapper__270d7 {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh .optionButtonWrapper__270d7:hover {
    background: var(--hsl-card-shading)
}

.visual-refresh .optionButtonWrapper__270d7.selected__270d7 {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.checkIcon__270d7 {
    background: var(--hsl-main-color)
}

.profileCard__5d7c9 {
    background: var(--hsl-card-shading)
}

.role__5d7c9 {
    background: rgba(0, 0, 0, 0);
    position: relative
}

.roleDot__5d7c9::before {
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    position: absolute;
    background: inherit;
    opacity: .2;
    border-radius: 4px
}

.emptyPage__5d7c9 {
    background-color: rgba(0, 0, 0, 0)
}

.visual-refresh .container__551b0 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.2))
}

.visual-refresh .navItem__551b0 {
    position: relative;
    z-index: 1
}

.visual-refresh .navItem__551b0:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    transition: all .3s ease-in-out;
    z-index: -1;
    border-radius: 4px
}

.visual-refresh .navItem__551b0.selected__551b0 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .navItem__551b0.selected__551b0:after {
    right: 0;
    background: var(--hsl-main-color);
    animation: cv-channel-select .3s ease-in-out
}

.backdrop__8a7fc {
    background: var(--hsl-popout-shading)
}

.relative__8a7fc {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.5))
}

.iconButton__8a7fc {
    background: var(--hsl-main-color)
}

.iconButton__8a7fc:hover {
    background: var(--hsl-hover-color)
}

.visual-refresh .container_a592e1 {
    border: none
}

.visual-refresh .scroller__23746 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh:is(.theme-dark, .theme-light) .card__84e3e {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh:is(.theme-dark, .theme-light) .card__84e3e:hover {
    background: var(--hsl-card-shading);
    box-shadow: 0 0 0 2px var(--hsl-hover-color)
}

.visual-refresh .avatar_f215b9 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .card_f215b9:hover .avatar_f215b9 {
    background: var(--hsl-card-shading)
}

.container__19cf2,
.container__5682d {
    background: var(--hsl-card-shading)
}

.visual-refresh:is(.theme-light, .theme-dark) .iconMask__4cb8a {
    background: var(--hsl-card-shading);
    width: 48px;
    height: 48px;
    padding: 0;
    margin-left: 8px
}

.visual-refresh .card__4cb8a:hover .iconMask__4cb8a {
    background: var(--hsl-card-shading)
}

.presenceCountDot__4cb8a {
    background: var(--hsl-online-color)
}

.container_cbd375 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .container_cec934 {
    background: var(--hsl-card-shading)
}

.visual-refresh .container__956c6 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .modalBg_de2fa0 {
    background: var(--hsl-modal-shading)
}

.visual-refresh .modalContent_de2fa0,
.visual-refresh .contentHeader_de2fa0 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container__133bf {
    background: none;
    border: none
}

.visual-refresh .tabBody__133bf {
    background: none
}

.visual-refresh .peopleColumn__133bf {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.blockedIgnoredSettingsNotice__6811a {
    border: 1px solid var(--hsl-main-color);
    background-color: var(--hsl-card-shading)
}

.actionButton_f8fa06 {
    background-color: var(--hsl-card-shading)
}

.actionButton_f8fa06.highlight_f8fa06 {
    background-color: var(--hsl-card-shading);
    color: var(--interactive-active)
}

.actionButton_f8fa06:hover {
    background: var(--hsl-hover-color)
}

.actionButton_f8fa06.actionAccept_f8fa06 {
    color: var(--hsl-success-color)
}

.actionButton_f8fa06.actionAccept_f8fa06:hover {
    background: var(--hsl-success-color);
    color: var(--interactive-active)
}

.actionButton_f8fa06.actionDeny_f8fa06 {
    color: var(--hsl-danger-color)
}

.actionButton_f8fa06.actionDeny_f8fa06:hover {
    background: var(--hsl-danger-color);
    color: var(--interactive-active)
}

.visual-refresh .searchBar__5ec2f {
    border-width: 2px
}

.visual-refresh .tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf {
    background-color: rgba(0, 0, 0, 0);
    color: var(--text-secondary);
    border: none
}

.visual-refresh .tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:hover {
    background-color: var(--background-mod-subtle)
}

.visual-refresh .tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf[aria-selected=true] {
    background-color: var(--hsl-main-color);
    color: var(--text-primary)
}

.addFriendInputWrapper__72ba7 {
    background: var(--hsl-input-shading);
    border: 2px solid var(--hsl-input-border-shading)
}

.addFriendInputWrapper__72ba7:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.input__72ba7 {
    background: rgba(0, 0, 0, 0);
    box-shadow: none
}

.nowPlayingColumn__133bf {
    background: none
}

.container__7d20c {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.2))
}

.visual-refresh .scroller__7d20c {
    border: none
}

.visual-refresh .outer_bf1984,
.visual-refresh .outer_bf1984:is(.interactive_bf1984:hover, .active_bf1984) {
    background-color: var(--hsl-card-shading);
    border: none
}

.visual-refresh .section__00943 {
    border: none
}

.emptyCard__7e549 {
    background-color: var(--hsl-card-shading)
}

.visual-refresh .page_c791b2 {
    background: rgba(0, 0, 0, 0) !important
}

.visual-refresh .mainTableContainer__09a38 {
    background: var(--hsl-card-shading);
    border: none
}

.newMembersNotice_acdcc0 {
    background: var(--hsl-main-color)
}

.newMembersNotice_acdcc0:hover {
    background: var(--hsl-hover-color)
}

.otherRoles__71c22 {
    background: var(--background-mod-subtle)
}

.list_f391e3 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.applicationStore_f07d62 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .homeWrapper__0920e {
    background: rgba(0, 0, 0, 0);
    border: none
}

.mainPageScroller_ca1a02,
.allPerksScroller_ca1a02 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.mainPageScroller_ca1a02 {
    right: 0;
    transition: all .75s ease-in-out
}

.mainPageScroller_ca1a02:has(+.open_ca1a02) {
    right: 100%
}

.card_f8e6bf,
.container_da4aee {
    background: var(--hsl-card-shading)
}

:is(.images-light, .images-dark) .textContainer_da4aee {
    background: none
}

.giftCardButton_da4aee {
    background: rgba(0, 0, 0, 0)
}

.cardDescription_f8e6bf {
    background: var(--hsl-popout-shading)
}

.seeAllPerksButton_ca1a02 {
    background: var(--hsl-card-shading);
    border: none
}

.backButton_b9abc5 {
    background: var(--hsl-main-color)
}

.backButton_b9abc5:hover {
    background: var(--hsl-hover-color)
}

:is(.theme-dark, .theme-light) :is(.leftArrow__3cf14, .rightArrow__3cf14) {
    background: var(--hsl-card-shading)
}

:is(.theme-dark, .theme-light) :is(.leftArrow__3cf14, .rightArrow__3cf14):hover {
    background: var(--hsl-hover-color)
}

:is(.theme-dark, .theme-light) .inactiveArrow__3cf14 {
    background: var(--hsl-card-shading)
}

.cardProgressBar__3cf14 {
    background: var(--hsl-card-shading)
}

.selectedDot__3cf14 {
    background: var(--hsl-main-color)
}

.innerWrapper_c511e4 {
    background: var(--hsl-popout-shading)
}

.background__7449f :is(.scrollerBase__99f8c, .scrollerBase_d125d2) {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .row_d13feb {
    background: var(--hsl-card-shading);
    border: var(--hsl-card-shading)
}

.headerIcon__553a5 {
    background-color: var(--hsl-card-shading);
    border-color: rgba(0, 0, 0, 0)
}

.container__86ab2 {
    background: var(--hsl-popout-shading);
    border: none
}

.avatarWrapper__86ab2 {
    background: var(--hsl-card-shading)
}

.container__89463 {
    background: rgba(0, 0, 0, 0)
}

.contentContainer__89463 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.container__98cbd {
    background: var(--hsl-card-shading);
    border-color: rgba(0, 0, 0, 0)
}

.container__98cbd:hover {
    border-color: var(--hsl-hover-color)
}

.sidebarContainer__89463 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3))
}

.shopScroll__6db1d,
.pageWrapper__6db1d {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .shop__6db1d {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .shop__08415 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .shopCard_c3d04b {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh .shopCard_c3d04b:hover {
    border-color: var(--hsl-main-color)
}

.visual-refresh .cardText_c3d04b {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .skeleton__72fa0,
.skeleton__08415 {
    background: var(--hsl-card-shading-inverted)
}

.cardBody__72fa0,
.skeletonBody__08415 {
    background: var(--hsl-card-shading-inverted)
}

:is(.cardAvatar__72fa0, .cardTitle__72fa0, .cardDescription__72fa0, .cardSummary__72fa0) {
    background: rgba(0, 0, 0, 0)
}

.collectibleInfoContainer_c50f62 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .scroller__4a84a,
.visual-refresh .scroller_fb04e1 {
    background: var(--hsl-card-shading)
}

.visual-refresh .wrapper__4e6ce {
    background: rgba(0, 0, 0, 0)
}

.loadingPopout__58f1c {
    background: var(--hsl-popout-shading)
}

.autocomplete__13533 {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

.clickable__13533[aria-disabled=false] .base__13533:hover {
    background: var(--hsl-hover-color)
}

.clickable__13533[aria-selected=true] .base__13533 {
    background: var(--hsl-hover-color)
}

.contentTitle__13533 {
    padding: 4px 8px;
    color: var(--header-primary)
}

.visual-refresh .wrapper_b1e4f3 {
    background: rgba(0, 0, 0, 0)
}

.selected__1a58a,
.selected__1a58a:hover {
    background: var(--hsl-main-color)
}

.lookFilled__3f413.select__3f413 {
    box-shadow: none
}

.lookFilled__3f413.select__3f413:hover {
    border: 1px solid var(--input-border)
}

.popout__3f413,
.popout__3f413.popoutPositionTop__3f413 {
    background: var(--hsl-popout-shading);
    border: none
}

.option__3f413 {
    border-radius: 8px;
    margin: 0 8px
}

.option__3f413:hover {
    background: var(--hsl-hover-color)
}

.option__3f413[aria-selected=true] {
    background: var(--hsl-main-color)
}

.option__3f413[aria-selected=true]:not(.option__3f413.multi__3f413) {
    background: var(--hsl-main-color)
}

.selectedIcon__3f413 {
    color: var(--interactive-active)
}

.selectedIcon__3f413 circle {
    fill: var(--hsl-main-color)
}

.multiSelectCheckbox__3f413.checked__3f413 {
    background: var(--interactive-active)
}

.multiSelectCheckbox__3f413.checked__3f413 path {
    fill: var(--hsl-main-color)
}

.optionPillItem__3f413 .optionPillBtn__3f413 {
    background: rgba(0, 0, 0, 0);
    border: none
}

.optionPillItem__3f413 .optionPillBtn__3f413 .optionPillBtn__3f413 {
    background: var(--hsl-main-color)
}

.visual-refresh .recentMentionsPopout__95796 {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

.visual-refresh .header_ab6641 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .channelHeader__35a7e {
    background: hsl(from var(--hsl-main-color) h s l/0.8);
    padding-left: 20px;
    padding-right: 6px;
    border-radius: 8px
}

.visual-refresh .guildIcon__35a7e {
    background-color: var(--hsl-card-shading)
}

.visual-refresh .button__06eda {
    background: var(--hsl-card-shading)
}

.visual-refresh .icon_d404a3 {
    background: var(--hsl-main-color);
    color: var(--header-primary)
}

.visual-refresh .jumpButton_ed0c8c {
    background: var(--hsl-main-color);
    border: none
}

.visual-refresh .jumpButton_ed0c8c:hover {
    background: var(--hsl-hover-color)
}

.visual-refresh .container__0f711 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .maskBackground_db811b {
    background: var(--hsl-main-color) !important
}

.visual-refresh .tutorial__2692d {
    background: var(--hsl-card-shading)
}

.visual-refresh .tutorialIcon__2692d {
    background: var(--hsl-main-color);
    color: var(--interactive-active)
}

.visual-refresh .messages__1ccd1 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh .collapseButton__427f0 {
    left: 0
}

.visual-refresh .container__95796 {
    margin-left: 16px
}

.visual-refresh .messageContainer__95796 {
    background: var(--hsl-card-shading);
    border: none;
    margin: 0
}

.menu_c1e9c4 {
    background: var(--hsl-popout-shading);
    border: none;
    border-radius: 5px
}

.colorDefault_c1e9c4.focused_c1e9c4 {
    background-color: var(--hsl-hover-color)
}

.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
    background-color: var(--hsl-main-color)
}

.colorDanger_c1e9c4.focused_c1e9c4 {
    background-color: var(--hsl-danger-color)
}

.colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
    fill: var(--interactive-active)
}

.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
    background-color: hsl(from var(--hsl-danger-color) h s l/0.8);
    color: var(--interactive-active)
}

.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) .label_c1e9c4 {
    color: var(--interactive-active)
}

.item_c1e9c4.focused_c1e9c4 .label_c1e9c4 {
    color: var(--header-primary)
}

.status_a423bd[style*="rgb(130, 131, 139)"] {
    background-color: var(--hsl-offline-color) !important
}

.status_a423bd[style*="rgb(67, 162, 90)"] {
    background-color: var(--hsl-online-color) !important
}

.status_a423bd[style*="rgb(202, 150, 84)"] {
    background-color: var(--hsl-idle-color) !important
}

.status_a423bd[style*="rgb(216, 58, 66)"] {
    background-color: var(--hsl-dnd-color) !important
}

.focused_c1e9c4#set-status-submenu-online {
    background-color: var(--hsl-online-color)
}

.focused_c1e9c4#set-status-submenu-idle {
    background-color: var(--hsl-idle-color)
}

.focused_c1e9c4#set-status-submenu-dnd {
    background-color: var(--hsl-dnd-color)
}

.focused_c1e9c4#set-status-submenu-invisible {
    background-color: var(--hsl-offline-color)
}

.activeIcon_d40c56 path {
    fill: var(--hsl-main-color)
}

.focused_d40c56 .activeIcon_d40c56 circle {
    fill: var(--hsl-main-color)
}

.tooltipPrimary__382e7 {
    background-color: var(--hsl-popout-shading);
    border: none
}

.tooltipPrimary__382e7 .tooltipPointer__382e7 {
    border-top-color: var(--hsl-popout-shading)
}

.tooltipPrimary__382e7 .tooltipPointer__382e7::before,
.tooltipPrimary__382e7 .tooltipPointer__382e7::after {
    display: none
}

.tooltipBrand__382e7 {
    background-color: var(--hsl-main-color);
    border: none
}

.tooltipBrand__382e7 .tooltipPointer__382e7 {
    border-top-color: var(--hsl-main-color)
}

.visual-refresh .contentWrapper__08434 {
    background: var(--hsl-popout-shading);
    border: none
}

.visual-refresh .inspector_aeaaeb {
    background: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .navButton__08434 {
    border-radius: 5px
}

.visual-refresh .navButton__08434:hover {
    background: var(--background-mod-subtle)
}

.visual-refresh .navButtonActive__08434 {
    background: var(--hsl-main-color)
}

.visual-refresh .navButtonActive__08434:hover {
    background: var(--hsl-main-color)
}

.visual-refresh .emojiPickerHasTabWrapper_c0e32c :is(.emojiPicker_c0e32c, .header_c0e32c) {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .wrapper__14245 {
    background: hsl(from var(--hsl-main-color) h s l/0.8);
    margin-bottom: 10px;
    border-radius: 4px
}

.visual-refresh .wrapper__14245::after {
    height: 0
}

.visual-refresh .searchBar_c0e32c {
    margin-right: 12px
}

.visual-refresh :is(.emojiPicker_c0e32c, .header_c0e32c) {
    background: var(--hsl-popout-shading);
    border: none
}

.visual-refresh .header__8ef02 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .packHeader_e94b8c {
    margin-left: -8px;
    margin-bottom: 10px
}

.visual-refresh .container_fed6d3,
.visual-refresh .header_fed6d3 {
    background: rgba(0, 0, 0, 0);
    border: none
}

.emojiItem_fc7141.emojiItemSelected_fc7141 {
    background: var(--background-mod-subtle)
}

.stickerInspected_c6367b .inspectedIndicator_c6367b {
    background: var(--background-mod-subtle)
}

.categoryFadeBlurple_d02962 {
    background: hsl(from var(--hsl-main-color) h s l/0.8)
}

.categoryFadeBlurple_d02962,
.categoryFadeBlurple_d02962:hover {
    border: none
}

.categoryFade_d02962 {
    border: none
}

.categoryFade_d02962:hover {
    border: 2px solid var(--hsl-main-color)
}

.categoryItemDefaultCategorySelected_b9ee0c,
.categoryItemDefaultCategorySelected_b9ee0c:hover {
    background: var(--hsl-main-color)
}

.stickerCategoryGenericSelected__3ad28,
.stickerCategoryGenericSelected__3ad28:hover,
.firstPartyCategorySelected__3ad28,
.firstPartyCategorySelected__3ad28:hover {
    background: var(--hsl-main-color)
}

.visual-refresh .messagesPopoutWrap__45690 {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

.visual-refresh .header__45690,
.visual-refresh .footer__45690 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .messageGroupWrapper__45690 {
    background: var(--background-mod-subtle);
    border: none
}

.visual-refresh .jumpButton__45690 {
    background: var(--hsl-main-color);
    border-color: rgba(0, 0, 0, 0);
    color: var(--interactive-active)
}

.visual-refresh .jumpButton__45690:hover {
    background: var(--hsl-hover-color);
    color: var(--interactive-active)
}

.visual-refresh .container__55c99 {
    background: var(--hsl-popout-shading);
    border: none
}

.queryContainer__55c99 {
    background: rgba(0, 0, 0, 0)
}

.option__56fec:hover {
    background-color: var(--hsl-hover-color)
}

.option__56fec:hover :is(.filter__56fec, .answer__56fec, .plusIcon__56fec) {
    color: var(--interactive-active)
}

.option__56fec:hover :is(.searchResultChannelIcon__56fec, .searchResultChannelCategory__56fec) {
    opacity: 1
}

.option__56fec:hover strong {
    color: var(--interactive-active)
}

.option__56fec[aria-selected=true] {
    background-color: var(--hsl-hover-color);
    box-shadow: none
}

.option__56fec[aria-selected=true] :is(strong, .plusIcon__56fec) {
    color: var(--interactive-active)
}

.datePicker__56fec .datePickerHint__56fec .hintValue__56fec {
    background: var(--hsl-main-color);
    padding: 0 5px
}

.calendarPicker_d27f17 .react-datepicker,
.calendarPicker_d27f17 .react-datepicker__header {
    background: rgba(0, 0, 0, 0)
}

.calendarPicker_d27f17 .react-datepicker__current-month {
    color: var(--hsl-main-color)
}

:is(.theme-light, .theme-dark) .calendarPicker_d27f17 .react-datepicker__day-name {
    color: var(--header-primary)
}

.calendarPicker_d27f17 .react-datepicker__month {
    border: 1px solid var(--hsl-main-color);
    background: var(--hsl-card-shading);
    border-radius: 4px
}

.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected::after {
    background: var(--hsl-main-color)
}

.calendarPicker_d27f17 .react-datepicker__day:is(.react-datepicker__day--keyboard-selected, .react-datepicker__day--selected:hover, :hover) {
    background: var(--hsl-main-color)
}

:is(.theme-light, .theme-dark) .calendarPicker_d27f17 .react-datepicker__day:is(.react-datepicker__day--disabled, .react-datepicker__day--disabled:hover) {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .browser_d98031 {
    background-color: var(--hsl-popout-shading);
    box-shadow: none
}

.visual-refresh .header_d9c882 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container__6764b {
    background: var(--background-mod-subtle);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh .container__6764b:hover {
    background: var(--background-mod-subtle);
    border: 2px solid var(--hsl-hover-color)
}

.icon__1b24f {
    background: var(--hsl-main-color);
    color: var(--header-primary)
}

.popout__76f04 {
    background-color: var(--hsl-popout-shading)
}

.contentWrapper__9c62c {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

.sectionRowsContentContainer__927fc {
    gap: 8px
}

.container_cb32c7 {
    background: var(--background-mod-subtle)
}

.container_cb32c7:hover {
    background: var(--hsl-card-shading);
    box-shadow: 0 0 0 2px var(--hsl-hover-color)
}

.rowContainer_cb32c7,
.rowContainer_cb32c7:first-child,
.rowContainer_cb32c7:last-child {
    border-radius: 8px
}

.rowDivider_cb32c7 {
    background: rgba(0, 0, 0, 0)
}

.container__7bdb0 {
    background: rgba(0, 0, 0, 0)
}

.overviewContainerNoVideo__95856,
.overviewContainerWithVideo__95856 {
    background: rgba(0, 0, 0, 0)
}

.commandContainer_c94584 {
    gap: 8px;
    background: rgba(0, 0, 0, 0)
}

.commandContainer_c94584 .command_c94584 {
    border: 2px solid rgba(0, 0, 0, 0)
}

.commandContainer_c94584 .command_c94584:not(:last-child) {
    border: 2px solid rgba(0, 0, 0, 0)
}

.commandContainer_c94584 .command_c94584:not(:last-child):hover {
    border-color: var(--hsl-hover-color)
}

.commandContainer_c94584 :is(.command_c94584, .command_c94584:first-child, .command_c94584:last-child) {
    border-radius: 8px
}

.command_c94584 {
    background: var(--background-mod-subtle);
    border: 2px solid rgba(0, 0, 0, 0)
}

.command_c94584:hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-hover-color)
}

.sectionContentContainer_b18295 {
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0);
    gap: 8px
}

.clickable__761e5 {
    background: var(--background-mod-subtle);
    border: 2px solid rgba(0, 0, 0, 0)
}

.clickable__761e5:hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-hover-color)
}

.clickable__761e5,
.clickable__761e5:first-child,
.clickable__761e5:last-child {
    border-radius: 8px
}

.underline__761e5 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh :is(.picker__09f65, .picker__09f65.refresh__09f65) {
    background: var(--hsl-popout-shading)
}

.visual-refresh .soundButtonWrapper__9be63 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh :is(.soundButton__9be63, .soundButtonRefresh__9be63) {
    background-color: var(--background-mod-subtle)
}

.visual-refresh :is(.soundButton__9be63, .soundButtonRefresh__9be63):is(:hover, :focus-within, .focused__9be63) {
    border-color: var(--hsl-main-color)
}

.visual-refresh :is(.soundButton__9be63, .soundButtonRefresh__9be63):is(:hover, :focus-within, .focused__9be63).hoverActiveBackground__9be63 {
    background: var(--hsl-card-shading)
}

.visual-refresh .popoutContainer__0f481 {
    background: var(--hsl-popout-shading);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.guildSection_d5cd2d {
    background: rgba(0, 0, 0, 0)
}

.containerBackground_d4ced7 {
    background: var(--hsl-popout-shading);
    border: none
}

.containerBackground_d4ced7::after {
    border-top-color: var(--hsl-popout-shading)
}

.contentWarningPopout_be95d0 {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

:is(.theme-dark, .theme-light) .footer_be95d0 {
    background: rgba(0, 0, 0, 0)
}

.spinnerContainer__86bf6 {
    background: var(--hsl-popout-shading)
}

.visual-refresh .streamPreview__6da2d {
    background: var(--hsl-popout-shading)
}

.previewContainer__6da2d {
    background: rgba(0, 0, 0, 0)
}

:is(.theme-dark, .theme-light) .watchButton__6da2d {
    border-color: var(--hsl-main-color)
}

:is(.theme-dark, .theme-light) .watchButton__6da2d:not([disabled]):hover {
    border-color: var(--hsl-hover-color)
}

.container__4e30a {
    background: var(--hsl-popout-shading)
}

.visual-refresh .container_b1bfd4 {
    background: var(--background-mod-subtle)
}

.full-motion .translate_faf9c0 {
    transform: unset !important
}

.user-profile-popout:not(.custom-user-profile-theme)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--user-popout-image) var(--user-popout-position)/var(--user-popout-size) no-repeat;
    background-attachment: var(--user-popout-attachment);
    filter: var(--user-popout-filter);
    z-index: -1
}

.user-profile-modal:not(.custom-user-profile-theme)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--user-modal-image) var(--user-modal-position)/var(--user-modal-size) no-repeat;
    background-attachment: var(--user-modal-attachment);
    filter: var(--user-modal-filter);
    z-index: -1
}

.outer_c0bea0:not(.custom-user-profile-theme) {
    background: var(--hsl-background-shading)
}

.outer_c0bea0:not(.custom-user-profile-theme) .inner_c0bea0 {
    background: rgba(0, 0, 0, 0)
}

.outer_c0bea0:not(.custom-user-profile-theme) .outer_ab8609 {
    background: var(--hsl-popout-shading)
}

.outer_c0bea0:not(.custom-user-profile-theme) .outer_ab8609::before,
.outer_c0bea0:not(.custom-user-profile-theme) .outer_ab8609::after {
    display: none
}

.outer_c0bea0:not(.custom-user-profile-theme) .inner_ab8609 {
    background: rgba(0, 0, 0, 0)
}

.overlay_c0bea0 {
    background-color: var(--hsl-card-shading)
}

.note_fcb628 .textarea__9daae {
    border: none;
    background: var(--hsl-input-shading)
}

.note_fcb628 .textarea__9daae:focus {
    background: var(--hsl-input-shading)
}

.visual-refresh .custom-user-profile-theme .inlineContainer__74017 {
    background: var(--user-profile-note-background-focus);
    box-shadow: 0 0 0 2px var(--user-profile-border)
}

.visual-refresh .custom-user-profile-theme .inlineContainer__74017:focus-within {
    box-shadow: 0 0 2px 2px var(--profile-gradient-primary-color)
}

.visual-refresh .custom-user-profile-theme .top_b3f026 .item_b3f026 {
    --selected-tab-item-color: var(--profile-gradient-secondary-color)
}

.visual-refresh .custom-user-profile-theme .top_b3f026 .item_b3f026.selected_b3f026 {
    --selected-tab-item-color: var(--profile-gradient-primary-color)
}

.custom-user-profile-theme ::-webkit-scrollbar-thumb {
    background-color: var(--profile-gradient-primary-color)
}

.custom-user-profile-theme .textarea__9daae {
    background: var(--user-profile-note-background-focus)
}

.custom-user-profile-theme .textarea__9daae:focus {
    box-shadow: 0 0 2px 2px var(--profile-gradient-primary-color);
    background: var(--user-profile-note-background-focus)
}

.user-profile-sidebar:not(.custom-user-profile-theme) {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3))
}

.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 {
    border-radius: 4px;
    position: relative
}

.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 .roleRemoveButton_dfa8b6 {
    position: static
}

.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 .roleRemoveIcon_dfa8b6 {
    left: 12px
}

.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 .roleCircle__4f569::before {
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    position: absolute;
    background: inherit;
    opacity: .2;
    border-radius: 4px
}

.background__4f569 {
    fill: none
}

.dotBorderBase__4f569 {
    fill: none
}

.dotBorderColor__4f569 {
    opacity: 1
}

.visual-refresh .container__3dde2 {
    background: var(--hsl-popout-shading);
    border: none
}

.mask__44b0c rect[fill*="#82838b"] {
    fill: var(--hsl-offline-color)
}

.mask__44b0c rect[fill*="#43a25a"] {
    fill: var(--hsl-online-color)
}

.mask__44b0c rect[fill*="#ca9654"] {
    fill: var(--hsl-idle-color)
}

.mask__44b0c rect[fill*="#d83a42"] {
    fill: var(--hsl-dnd-color)
}

.mask__44b0c rect[fill*="#9147ff"] {
    fill: var(--hsl-streaming-color)
}

.layer__960e4 {
    background-color: rgba(0, 0, 0, 0)
}

.contentRegion__23e6b {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.4))
}

.visual-refresh .contentRegionScroller__23e6b {
    background: rgba(0, 0, 0, 0)
}

.contentColumnDefault__23e6b {
    padding-top: 50px
}

.visual-refresh .container_fcf29c {
    background: var(--hsl-popout-shading);
    border: none
}

.visual-refresh .cardPrimary__73069,
.visual-refresh .cardPrimary__73069.editable__73069 {
    background: var(--hsl-card-shading);
    border-color: rgba(0, 0, 0, 0)
}

.card__73069 a {
    color: var(--hsl-main-color)
}

.card_b846e5::before {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.container__6cd3a,
.clickableContainer__6cd3a {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .backgroundModifierContainer__6cd3a {
    background: var(--hsl-card-shading);
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0)
}

.visual-refresh .backgroundModifierContainer__6cd3a:is(:hover, :active):not(.disabled__6cd3a):not(.noAction__6cd3a) {
    background: var(--hsl-card-shading)
}

.visual-refresh .backgroundModifierContainer__6cd3a.selected__6cd3a {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.visual-refresh .selected__6cd3a.statusGreen__6cd3a {
    border-color: var(--status-positive)
}

.visual-refresh .selected__6cd3a.statusYellow__6cd3a {
    border-color: var(--status-warning)
}

.visual-refresh .selected__6cd3a.statusOrange__6cd3a {
    border-color: var(--orange-360)
}

.visual-refresh .selected__6cd3a.statusRed__6cd3a {
    border-color: var(--status-danger)
}

.visual-refresh .collapseable__217b7,
.visual-refresh .collapseable__217b7:active {
    background: var(--hsl-card-shading);
    border: none
}

.default_e18686,
.default_e18686:hover {
    background-color: var(--hsl-popout-shading)
}

.visual-refresh .standardSidebarView__23e6b {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .sidebarRegionScroller__23e6b {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.3));
    padding: 20px 8px 60px 20px
}

.selectedBackground_e681d1 {
    background: rgba(0, 0, 0, 0)
}

.accountProfileCard__1fed1 {
    background: var(--hsl-card-shading)
}

.badgeList__1fed1,
.background__1fed1,
.fieldList__1fed1 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .container_d878e7 {
    background: rgba(0, 0, 0, 0)
}

.avatarBackground_eb2508 {
    background: rgba(0, 0, 0, 0)
}

.option__54675 {
    background: var(--background-mod-subtle)
}

.option__54675:hover {
    border: 2px solid var(--hsl-main-color)
}

.card__5cea9 {
    background: var(--hsl-card-shading)
}

.header__5cea9 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .box_f8c98c {
    background: var(--hsl-card-shading);
    border: none
}

.row__0624f {
    background: var(--background-mod-subtle);
    border: none
}

.authedAppV2__50a54 {
    background: var(--hsl-card-shading)
}

.headerV2__50a54 {
    background: rgba(0, 0, 0, 0)
}

.appDetailsContainer__50a54 {
    background: rgba(0, 0, 0, 0)
}

.appDetailsContainer__50a54 .appDetailsSection__50a54 {
    background: var(--background-mod-subtle);
    padding: 16px
}

.appDetailsContainer__50a54 .appDetailsSection__50a54:active {
    background: var(--background-mod-subtle)
}

.appDetailsContainer__50a54 .appDetailsSection__50a54:first-child {
    border-radius: 8px 8px 0 0
}

.appDetailsContainer__50a54 .appDetailsSection__50a54:nth-child(2) {
    border-radius: 0 0 8px 8px
}

.actionMenuButton_d84e0f {
    background: var(--background-mod-subtle)
}

.sessionIcon__803f2 {
    background: var(--hsl-main-color);
    color: var(--header-primary)
}

.connectContainer_c7f964,
.connection_c7f964 {
    background: var(--hsl-card-shading)
}

.connectionsContainer_c7f964 {
    justify-content: center
}

.accountButtonInner_c7f964,
.accountBtnInner__750de {
    background-color: var(--background-mod-subtle);
    border: 2px solid rgba(0, 0, 0, 0)
}

.accountButtonInner_c7f964:hover,
.accountBtnInner__750de:hover {
    background-color: var(--background-mod-subtle);
    border-color: var(--hsl-main-color)
}

.connectionHeader_c7f964 {
    background: rgba(0, 0, 0, 0);
    padding-bottom: 0
}

.metadataContainer_c7f964 {
    background-color: var(--background-mod-subtle)
}

.perkCard_b62c4e {
    background: var(--hsl-card-shading)
}

.innerWrapperBase__70f7f {
    background: var(--hsl-popout-shading)
}

.subButton__70f7f {
    color: var(--hsl-main-color) !important
}

.giftButton_b322b1:hover {
    background: rgba(0, 0, 0, 0)
}

.giftCard_a45ed3 {
    background: var(--hsl-card-shading)
}

.guildContainer__5dba5,
.boostContainer_ceb06a {
    background: var(--hsl-card-shading)
}

.appliedBoostContainer_ceb06a {
    background: rgba(0, 0, 0, 0)
}

.detailsBlock_e335a7 {
    background: var(--hsl-card-shading)
}

.paymentPane__01014 {
    background: var(--hsl-card-shading)
}

.paginator__01014,
.payment_e9cb00 {
    background: rgba(0, 0, 0, 0)
}

.expandedInfo_e9cb00 {
    background: var(--background-mod-subtle)
}

:is(.theme-light, .theme-dark) .hoverablePayment_e9cb00:hover {
    background: rgba(0, 0, 0, 0)
}

:is(.theme-light, .theme-dark) .bottomDivider__01014 {
    border-bottom-color: var(--background-mod-subtle)
}

:is(.theme-light, .theme-dark) .codeRedemptionRedirect_a706ba {
    background: var(--hsl-card-shading);
    border: none
}

.container__06283 {
    -webkit-mask-image: url(https://clearvision.github.io/icons/pill.svg);
    mask-image: url(https://clearvision.github.io/icons/pill.svg);
    background: var(--hsl-main-color) !important
}

:is(.theme-light, .theme-dark) .progress__06283 {
    background: var(--hsl-background-shading)
}

.notches__06283 {
    display: none
}

:is(.theme-light, .theme-dark) .sliderBar_ac7648 {
    background-color: var(--background-mod-subtle)
}

.soundButtonSettingContainer__84bad {
    background: var(--hsl-card-shading)
}

.cameraWrapper_d41d5f {
    background: var(--hsl-card-shading);
    border: none
}

.backgroundOptionRing__53965 {
    border: 2px solid var(--hsl-main-color)
}

.notDetected_cc46f0 {
    background: var(--hsl-card-shading)
}

.nowPlaying_cc46f0 {
    background: hsl(from "color.success" h s l/0.8)
}

.addGamePopout_cc46f0 {
    background: var(--hsl-popout-shading);
    box-shadow: none
}

:is(.theme-light, html:not(.theme-dark)) .game_cc46f0 {
    box-shadow: 0 1px 0 0 var(--background-mod-subtle)
}

.expandedContainer__9d98d,
.groupHeader__9d98d,
.groupCollapsedContainer__9d98d,
.groupContainer__9d98d {
    background: rgba(0, 0, 0, 0)
}

.settingCard__1a4ef,
.settingCard__1a4ef.active__1a4ef {
    background: var(--hsl-card-shading)
}

.cardFolder__1a4ef {
    background: rgba(0, 0, 0, 0)
}

.scroller__53543 {
    background: rgba(0, 0, 0, 0)
}

.container_d5ae15 {
    background: var(--hsl-popout-shading)
}

.header_d5ae15 {
    background: var(--hsl-input-shading)
}

.group__344e6 {
    border-color: var(--background-mod-subtle)
}

.item__344e6 {
    background: var(--hsl-card-shading);
    cursor: pointer
}

.item__344e6.selected__344e6 {
    background-color: hsl(from var(--hsl-main-color) h s l/0.4)
}

.deny__344e6 {
    color: var(--hsl-danger-color);
    border-right: 1px solid var(--background-mod-subtle)
}

.deny__344e6.selected__344e6 {
    background-color: hsl(from var(--hsl-danger-color) h s l/0.6)
}

.allow__344e6 {
    color: var(--hsl-success-color);
    border-left: 1px solid var(--background-mod-subtle)
}

.allow__344e6.selected__344e6 {
    background-color: hsl(from var(--hsl-success-color) h s l/0.6)
}

.itemSelected_ec9088 {
    border: 2px solid var(--hsl-main-color)
}

.traitContainer__4cbea {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.traitContainer__4cbea:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.emojiWrapper__4cbea {
    border: none;
    padding-left: 10px
}

.traitInput__4cbea {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    height: 32px
}

.traitInput__4cbea:focus-within {
    box-shadow: none
}

.wrapper__83b1d,
.wrapper__83b1d:hover {
    background: rgba(0, 0, 0, 0)
}

.action__83b1d {
    background: var(--hsl-popout-shading)
}

.mainTableContainer_fa2640 {
    background: var(--hsl-card-shading)
}

.visual-refresh .container_d8f25b {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh .container_d8f25b:hover {
    background: var(--hsl-card-shading);
    border: 2px solid var(--hsl-main-color)
}

.icon_d8f25b {
    background: var(--hsl-main-color);
    color: var(--interactive-active)
}

.circleButton__5f97b {
    margin-left: 10px
}

.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b {
    background: var(--hsl-card-shading)
}

.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b:hover {
    background: var(--hsl-main-color)
}

.titleContainer_e29cd7 {
    background: rgba(0, 0, 0, 0)
}

.header_c6bf1b {
    background: rgba(0, 0, 0, 0);
    transition: background .15s ease-in-out
}

.stickyHeaderElevated_c6bf1b {
    background: var(--hsl-popout-shading)
}

.container__09ccc {
    background: var(--hsl-popout-shading)
}

.joinOptions__959cb {
    background: var(--hsl-card-shading)
}

.joinOptionContent__959cb.active__959cb {
    background: var(--background-mod-subtle)
}

.visual-refresh .changelog_abe1fa,
.visual-refresh .safetyChecklist_eae0ef,
.visual-refresh .simpleItemWrapper__5dac8 {
    background: var(--hsl-card-shading);
    border: none
}

.valuePill__5dac8 {
    background: var(--hsl-card-shading);
    border: 1px solid var(--hsl-main-color)
}

.visual-refresh .auditLog__43dab {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh :is(.headerExpanded__43dab, .divider__43dab, .changeDetails__43dab) {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .scrollerContainer_cdb2b0 {
    background: var(--hsl-card-shading);
    border: none
}

.textBadge__0034b {
    border-color: rgba(0, 0, 0, 0)
}

.visual-refresh .editCard_a25a68 {
    background: var(--hsl-card-shading);
    border: none
}

.visual-refresh :is(.mentionLimitContainer_ed9c90, .keywordListContainer__09e76, .actionContainer__6446f) {
    background: var(--background-mod-subtle)
}

.visual-refresh .keywordsTextArea__6a631 {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.visual-refresh .keywordsTextArea__6a631:focus {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.actionContainer_bc4513,
.stepCountIcon_b6c6eb {
    background: var(--background-mod-subtle)
}

.stepperContainer_ed9c90 {
    background: rgba(0, 0, 0, 0);
    border: none
}

.textArea_c615b7 {
    background: var(--hsl-input-shading);
    border-color: var(--hsl-input-border-shading)
}

.textArea_c615b7:focus-within {
    border-color: var(--hsl-main-color);
    box-shadow: 0 0 2px 0 var(--hsl-main-color)
}

.guildDetails_bebc5b {
    background: var(--hsl-popout-shading)
}

.featureCard_bebc5b {
    background: var(--hsl-card-shading)
}

.featureIcon_bebc5b {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .upsellContainer__4cfe2 {
    background: var(--hsl-card-shading)
}

.visual-refresh .upsellFooter__4cfe2 {
    background: rgba(0, 0, 0, 0)
}

.howItWorksContainer_dd30dc {
    background: rgba(0, 0, 0, 0);
    padding: 0
}

.howItWorksImageContainer_dd30dc {
    background: rgba(0, 0, 0, 0)
}

.card_fc2e20 {
    background: var(--hsl-card-shading)
}

.avatarCard__02e4c {
    background: var(--background-mod-subtle)
}

:is(.verticalConnector__02e4c, .horizontalConnector__02e4c) {
    border-color: var(--background-mod-subtle) !important
}

.viewServerButton__2485e {
    background: var(--hsl-main-color)
}

.viewServerButton__2485e:hover {
    background: var(--hsl-hover-color)
}

.visual-refresh .tier_f15dca {
    border: none
}

.visual-refresh .tierHeader_f15dca,
.visual-refresh .tierBody_f15dca {
    background: var(--hsl-card-shading);
    border: none
}

.descriptionBox__981f7 {
    background: var(--hsl-card-shading)
}

.developerPortalCtaWrapper_bf485f {
    background: rgba(0, 0, 0, 0)
}

.analyticsCard__5931c {
    background: var(--hsl-card-shading)
}

.visual-refresh .panels_c48ade {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.5));
    border-radius: 0;
    border: none;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 8px
}

:is(.theme-light, .theme-dark) .panel__5dec7 {
    background-color: rgba(0, 0, 0, 0)
}

.visual-refresh .button_e131a9.buttonColor_e131a9 {
    background: var(--hsl-main-color)
}

.visual-refresh .button_e131a9.buttonColor_e131a9:hover {
    background: var(--hsl-hover-color)
}

.visual-refresh .button_e131a9.buttonColor_e131a9.buttonActive_e131a9 {
    background: hsl(from var(--hsl-main-color) h s l/0.4);
    color: var(--button-secondary-text);
    border-color: hsl(from var(--hsl-main-color) h s l/0.2)
}

.visual-refresh .button_e131a9.buttonColor_e131a9.buttonActive_e131a9:hover {
    background: hsl(from var(--hsl-hover-color) h s l/0.3)
}

.noiseCancellationPopout_e131a9 {
    background: var(--hsl-popout-shading)
}

:is(.theme-light, .theme-dark) .wrapper__0d616 {
    background: rgba(0, 0, 0, 0)
}

.contentWrapper__0d616 {
    background: none !important
}

.postEnrollmentBackgroundCollapsed__636a2,
.postEnrollmentBackgroundExpanded__636a2 {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.headerText__636a2,
.submenuIcon__636a2 {
    color: rgba(0, 0, 0, 0)
}

.contentInteractable__636a2 .postEnrollmentBackgroundExpanded__636a2 {
    background-color: var(--hsl-popout-shading)
}

.contentInteractable__636a2 .headerText__636a2 {
    color: var(--text-default)
}

.contentInteractable__636a2 .submenuIcon__636a2 {
    color: var(--interactive-normal)
}

.keyboard-mode .focusStroke_cc5dd2 {
    stroke: var(--focus-color);
    stroke-width: 4px
}

.visual-refresh .guilds_c48ade {
    margin-bottom: var(--custom-app-panels-height);
    background: rgba(0, 0, 0, 0);
    padding-top: 10px
}

.item__58105 {
    box-shadow: 0 0 3px 1px var(--hsl-main-color)
}

.pill__5bc7e {
    bottom: 0
}

.visual-refresh .childWrapper__6e9f8 {
    background-color: var(--hsl-card-shading)
}

.visual-refresh .childWrapper__6e9f8>svg {
    width: 100%;
    height: 100%;
    background: var(--home-icon) center/var(--home-size) no-repeat
}

.visual-refresh .childWrapper__6e9f8 path {
    display: none
}

.wrapper__6e9f8:hover .childWrapper__6e9f8 {
    background-color: var(--hsl-hover-color)
}

.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8 {
    background-color: var(--hsl-main-color)
}

.icon__6e9f8 {
    background-color: var(--hsl-card-shading)
}

.visual-refresh .expandedFolderBackground__48112 {
    background: var(--hsl-card-shading)
}

.circleIconButton__5bc7e {
    background-color: var(--hsl-card-shading)
}

.circleIconButton__5bc7e.selected__5bc7e {
    background: var(--hsl-main-color)
}

.visual-refresh .circleIconButton__5bc7e:hover:not(.disabled__5bc7e) {
    background: var(--hsl-hover-color)
}

.mention__3b95d {
    background: var(--hsl-main-color);
    border-radius: 5px
}

.mention__3b95d:active {
    background: var(--hsl-main-color)
}

.iconBadge__2b1f5 {
    background: var(--hsl-popout-shading)
}

.iconBadge__2b1f5.isCurrentUserConnected__650eb {
    background: var(--hsl-main-color)
}

.visual-refresh .wrapperCommon__29444 .mainContent__29444 .name__29444 {
    flex: 1
}

.visual-refresh .name__29444 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hsl-main-color);
    font-weight: 700
}

.visual-refresh .name__29444::before {
    content: "";
    height: 2px;
    flex-grow: 1;
    transition: all .3s ease-in-out;
    background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent);
    margin-right: 5px
}

.visual-refresh .name__29444::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    transition: all .3s ease-in-out;
    background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent);
    margin-left: 5px
}

.visual-refresh .children__29444 {
    margin-left: 6px
}

.visual-refresh .addButtonIcon__29444 {
    color: var(--hsl-main-color)
}

.collapsed__29444 .name__29444::before,
.collapsed__29444 .name__29444::after {
    flex-grow: 0
}

.wrapper__29444.muted__29444 :is(.name__29444, .addButtonIcon__29444) {
    color: var(--hsl-main-color);
    opacity: .5
}

.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444 {
    color: var(--hsl-hover-color)
}

.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::before {
    background: linear-gradient(to left, var(--hsl-hover-color) 50%, transparent)
}

.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::after {
    background: linear-gradient(to right, var(--hsl-hover-color) 50%, transparent)
}

.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .addButtonIcon__29444 {
    color: var(--hsl-hover-color)
}

.icon__29444 {
    display: none
}

.newChannel__599fa {
    background: var(--hsl-main-color) !important;
    color: var(--header-primary)
}

.visual-refresh .sidebarList_c48ade {
    margin-bottom: var(--custom-app-panels-height);
    border-top-left-radius: 10px;
    border: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.visual-refresh .container__2637a {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.2));
    padding: 0
}

.visual-refresh .animatedContainer_f37cb1 {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.visual-refresh .unread__2ea32 {
    box-shadow: 0 0 6px 1px var(--hsl-main-color)
}

.visual-refresh .bottom__7aaec,
.visual-refresh .unreadBottom__629e4 {
    bottom: 8px
}

.visual-refresh .bar__7aaec,
.visual-refresh .bar__3b95d {
    background-color: var(--hsl-main-color);
    border-color: var(--hsl-main-color)
}

.visual-refresh .unreadIcon__7aaec,
.visual-refresh .barText__7aaec {
    color: var(--button-filled-brand-text) !important
}

.spineBorder__5b40b {
    background-color: var(--hsl-main-color)
}

.spine__5b40b {
    color: var(--hsl-main-color)
}

.link__2ea32 {
    transition: all .15s ease-in-out;
    margin-left: 4px
}

.link__2ea32::before {
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    transition: all .15s ease-in-out;
    z-index: -1;
    border-radius: 4px
}

.icon__2ea32 {
    width: 18px;
    height: 18px;
    margin-right: 3px;
    transition: all .15s ease-in-out;
    color: var(--hsl-channel-normal)
}

.name__2ea32 {
    transition: all .15s ease-in-out;
    color: var(--hsl-channel-normal)
}

.wrapper__2ea32.modeMuted__2ea32 .name__2ea32,
.wrapper__2ea32.modeMuted__2ea32 .icon__2ea32 {
    color: var(--hsl-channel-muted)
}

.wrapper__2ea32:hover .link__2ea32,
.wrapper__2ea32.modeMuted__2ea32:hover .link__2ea32 {
    background: var(--background-mod-subtle)
}

.wrapper__2ea32:hover .name__2ea32,
.wrapper__2ea32:hover .icon__2ea32,
.wrapper__2ea32.modeMuted__2ea32:hover .name__2ea32,
.wrapper__2ea32.modeMuted__2ea32:hover .icon__2ea32 {
    color: var(--hsl-channel-hover)
}

.wrapper__2ea32.modeUnreadImportant__2ea32 .name__2ea32 {
    color: var(--hsl-channel-unread);
    text-shadow: 0 0 3px
}

.wrapper__2ea32.modeUnreadImportant__2ea32 .icon__2ea32 {
    color: var(--hsl-channel-unread);
    filter: drop-shadow(0 0 3px)
}

.wrapper__2ea32.modeUnreadImportant__2ea32:hover :is(.name__2ea32, .icon__2ea32) {
    color: var(--hsl-channel-unread-hover)
}

.wrapper__2ea32.modeSelected__2ea32 .link__2ea32 {
    background-color: rgba(0, 0, 0, 0)
}

.wrapper__2ea32.modeSelected__2ea32 .link__2ea32::before {
    right: 0;
    background: var(--hsl-channel-selected-bg);
    animation: cv-channel-select .3s ease-in-out
}

.wrapper__2ea32.modeSelected__2ea32 .name__2ea32,
.wrapper__2ea32.modeSelected__2ea32 .icon__2ea32 {
    color: var(--hsl-channel-selected)
}

.wrapper__2ea32.modeConnected__2ea32 .name__2ea32 {
    color: var(--hsl-main-color);
    text-shadow: 0 0 3px
}

.wrapper__2ea32.modeConnected__2ea32 .icon__2ea32 {
    color: var(--hsl-main-color);
    filter: drop-shadow(0 0 3px)
}

.visual-refresh .wrapper__260e1,
.visual-refresh .users__260e1 {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .users__260e1 {
    padding: 0 8px 0 6px
}

.visual-refresh .total__260e1 {
    padding: 0 6px 0 1px
}

.list_c3cd7d {
    padding-left: 24px
}

.voiceUser__07f91 {
    z-index: 1
}

.voiceUser__07f91 .content__07f91 {
    border-radius: 3px;
    transition: all .15s ease-in-out
}

.voiceUser__07f91 .avatarSpeaking__07f91 {
    box-shadow: 0 0 0 2px var(--hsl-main-color), inset 0 0 3px rgba(0, 0, 0, .5);
    position: relative;
    transition: all .1s ease-in-out
}

.voiceUser__07f91 .avatarSpeaking__07f91:after {
    content: "";
    top: -2px;
    bottom: -2px;
    width: 150px;
    position: absolute;
    height: 1.8em;
    background: linear-gradient(to right, var(--hsl-main-color) 10%, transparent);
    opacity: .5;
    transition: all .1s ease-in-out, width .15s ease-in-out;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.voiceUser__07f91 .username__07f91 {
    color: hsla(0, 0%, 100%, .5);
    transition: all .1s ease-in-out
}

.voiceUser__07f91 .usernameSpeaking__07f91 {
    color: #fff
}

.visual-refresh .privateChannels__35e86 {
    background: hsl(from var(--hsl-background-shading) h s l/calc(var(--background-shading-percent) * 0.2))
}

.visual-refresh .scroller__99e7c {
    background: rgba(0, 0, 0, 0);
    margin: 0
}

.visual-refresh .privateChannelsHeaderContainer__99e7c {
    color: var(--hsl-main-color)
}

.visual-refresh .headerText__99e7c {
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    align-items: center
}

.visual-refresh .headerText__99e7c::before {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to left, currentColor 50%, transparent);
    margin-right: 5px
}

.visual-refresh .headerText__99e7c::after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to right, currentColor 50%, transparent);
    margin-left: 5px
}

.visual-refresh :is(.plusIcon__675e5, .privateChannelRecipientsInviteButtonIcon__99e7c) {
    color: var(--hsl-main-color)
}

.visual-refresh :is(.plusIcon__675e5, .privateChannelRecipientsInviteButtonIcon__99e7c):hover {
    color: var(--hsl-hover-color)
}

.empty__99e7c {
    fill: var(--text-default);
    opacity: .15
}

.visual-refresh .interactive__972a0 {
    transition: all .15s ease-in-out;
    border-radius: 4px
}

.visual-refresh .interactive__972a0::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    transition: all .15s ease-in-out;
    z-index: -1;
    border-radius: 4px
}

.visual-refresh .interactive__972a0:hover {
    background: var(--background-mod-subtle)
}

.visual-refresh .interactive__972a0.interactiveSelected__972a0 {
    background-color: rgba(0, 0, 0, 0);
    color: var(--interactive-active)
}

.visual-refresh .interactive__972a0.interactiveSelected__972a0::before {
    right: 0;
    background: var(--hsl-main-color);
    animation: cv-channel-select .3s ease-in-out
}

.visual-refresh .interactive__972a0.interactiveSelected__972a0 .activityStatusText__972a0 {
    color: var(--interactive-active)
}

.visual-refresh .interactive__972a0.interactiveSelected__972a0 .activityStatusText__972a0 strong {
    color: var(--interactive-active)
}

.platform-win .sidebar_c48ade {
    border-radius: 0
}

.visual-refresh .sidebar_c48ade {
    background: rgba(0, 0, 0, 0)
}

.visual-refresh .sidebar_c48ade:after {
    display: none
}

:is(.theme-light, .theme-dark, .theme-darker, .theme-midnight),
:is(.theme-light, .theme-dark, .theme-darker, .theme-midnight):is(.theme-light, .theme-dark) {
    --text-default: hsl(from var(--normal-text) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --text-muted: hsl(from var(--muted-text) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --text-link: var(--hsl-main-color);
    --text-brand: var(--hsl-main-color);
    --text-feedback-positive: var(--hsl-success-color);
    --text-danger: var(--hsl-danger-color);
    --hsl-background-shading: hsl(from var(--background-shading) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-card-shading: hsl(from var(--card-shading) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-popout-shading: hsl(from var(--popout-shading) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-modal-shading: hsl(from var(--modal-shading) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-input-shading: hsl(from var(--input-shading) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-input-border-shading: hsl(from var(--hsl-input-shading) h s l/.1)
}

:root {
    --hsl-main-color: hsl(from var(--main-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-hover-color: hsl(from var(--hover-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-success-color: hsl(from var(--success-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-warning-color: hsl(from var(--warning-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-danger-color: hsl(from var(--danger-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-info-color: hsl(from var(--info-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-online-color: hsl(from var(--online-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-idle-color: hsl(from var(--idle-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-dnd-color: hsl(from var(--dnd-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-streaming-color: hsl(from var(--streaming-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-offline-color: hsl(from var(--offline-color) h calc(var(--saturation-factor, 1) * s) l/alpha);
    --hsl-channel-normal: var(--channel-normal);
    --hsl-channel-muted: var(--channel-muted);
    --hsl-channel-hover: var(--channel-hover);
    --hsl-channel-selected: var(--channel-selected);
    --hsl-channel-selected-bg: var(--channel-selected-bg);
    --hsl-channel-unread: var(--channel-unread);
    --hsl-channel-unread-hover: var(--channel-unread-hover);
    --font-primary: var(--main-font);
    --font-display: var(--main-font);
    --font-code: var(--code-font);
    --focus-primary: var(--focus-color);
    --main-color: rgb(100, 100, 100);
    --hover-color: rgb(70, 70, 0);
    --success-color: #43b581;
    --warning-color: #fff;
    --danger-color: #982929;
    --info-color: #fff;
    --online-color: #43b581;
    --idle-color: #faa61a;
    --dnd-color: #982929;
    --streaming-color: #593695;
    --offline-color: #808080;
    --background-shading-percent: 50%;
    --background-image: url(https://src.felixxx.my.id/walpaper.jpg);
    --background-position: center;
    --background-size: cover;
    --background-attachment: fixed;
    --background-filter: saturate(calc(var(--saturation-factor, 1) * 1));
    --user-popout-image: var(--background-image);
    --user-popout-position: var(--background-position);
    --user-popout-size: var(--background-size);
    --user-popout-attachment: var(--background-attachment);
    --user-popout-filter: var(--background-filter);
    --user-modal-image: var(--background-image);
    --user-modal-position: var(--background-position);
    --user-modal-size: var(--background-size);
    --user-modal-attachment: var(--background-attachment);
    --user-modal-filter: var(--background-filter);
    --home-icon: url(https://src.felixxx.my.id/Felixxx.png);
    --home-size: cover;
    --main-font: "gg sans", Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace;
    --channel-normal: var(--interactive-normal);
    --channel-muted: var(--interactive-muted);
    --channel-hover: var(--interactive-hover);
    --channel-selected: var(--interactive-active);
    --channel-selected-bg: rgb(255,255,255,0.3);
    --channel-unread: rgb(58, 56, 56);
    --channel-unread-hover: rgb(200,0,0);
    --focus-color: var(--main-color)
}

:is(.theme-light, .theme-dark .theme-light) {
    --background-shading: rgba(252, 252, 252, 0.3);
    --card-shading: rgba(252, 252, 252, 0.3);
    --popout-shading: rgba(252, 252, 252, 0.7);
    --modal-shading: rgba(252, 252, 252, 0.5);
    --input-shading: rgba(0, 0, 0, 0.3);
    --normal-text: #36363c;
    --muted-text: #75757e
}

:is(.theme-dark, .theme-light .theme-dark) {
    --background-shading: rgba(0, 0, 0, 0.4);
    --card-shading: rgba(0, 0, 0, 0.2);
    --popout-shading: rgba(0, 0, 0, 0.6);
    --modal-shading: rgba(0, 0, 0, 0.4);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #d8d8db;
    --muted-text: #aeaeb4
}

:is(.theme-darker, .theme-light .theme-darker) {
    --background-shading: rgba(0, 0, 0, 0.6);
    --card-shading: rgba(0, 0, 0, 0.3);
    --popout-shading: rgba(0, 0, 0, 0.7);
    --modal-shading: rgba(0, 0, 0, 0.5);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #fbfbfb;
    --muted-text: #94949c
}

:is(.theme-midnight, .theme-light .theme-midnight) {
    --background-shading: rgba(0, 0, 0, 0.8);
    --card-shading: rgba(0, 0, 0, 0.4);
    --popout-shading: rgba(0, 0, 0, 0.8);
    --modal-shading: rgba(0, 0, 0, 0.6);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #dcdcde;
    --muted-text: #86868e
}


@keyframes cv-channel-select {
    from {
        top: 100%;
        right: 100%;
    }

    to {
        top: 0;
        right: 0;
    }
}

@keyframes cv-card-loading {
    0% {
        opacity: .66
    }

    50% {
        opacity: .33
    }

    100% {
        opacity: .66
    }
}

.visual-refresh .bd-store-card {
    background: var(--hsl-card-shading);
    border: 1px solid rgba(0, 0, 0, 0)
}

.visual-refresh .bd-store-card:hover {
    background: var(--hsl-card-shading);
    box-shadow: none;
    border-color: var(--hsl-main-color)
}

.visual-refresh .bd-addon-store-card {
    background: var(--hsl-card-shading);
    border: 1px solid rgba(0, 0, 0, 0)
}

.visual-refresh .bd-addon-store-card:hover {
    background: var(--hsl-card-shading);
    box-shadow: none;
    border-color: var(--hsl-main-color)
}

.visual-refresh .bd-addon-store-card .bd-addon-store-card-tag {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--hsl-main-color)
}

.visual-refresh .bd-addon-card {
    background: var(--hsl-card-shading);
    border: 2px solid rgba(0, 0, 0, 0)
}

.visual-refresh .bd-addon-card:hover {
    background: var(--hsl-card-shading);
    border-color: var(--hsl-main-color)
}

.visual-refresh .bd-addon-header {
    background: var(--hsl-card-shading)
}

.content_a2f514 {
    width: 64px;
    height: 64px;
}

.content_a2f514 video {
    display: none;
}

.content_a2f514::after {
    content: "Menghubungkan ke felixxx.my.id";
    width: 100%;
    position: absolute;
    left: 0;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}

.content_a2f514 .text_a2f514 {
    width: 64px;
    height: 64px;
    display: block;
    animation: fluent-loading-circle 1.5s linear infinite;
}

.content_a2f514 .text_a2f514 .body_a2f514 {
    line-height: unset;
    font-size: 0;
    width: 64px;
    height: 64px;
    position: absolute;
    background-color: transparent;
    clip: rect(0, 64px, 64px, 32px);
    animation: fluent-loading-circle-progress-1 5s linear infinite;
}

.content_a2f514 .text_a2f514 .body_a2f514::after {
    content: "";
    position: absolute;
    height: 64px;
    width: 64px;
    top: 0;
    left: 0;
    clip: rect(0, 64px, 64px, 32px);
    border: 3px solid #FFF;
    border-radius: 50%;
    animation: fluent-loading-circle-progress-2 5s linear infinite;
    box-sizing: border-box;
}

.content_a2f514 .text_a2f514 .tipTitle_a2f514,
.content_a2f514 .text_a2f514 .tip_a2f514 {
    display: none;
}


@keyframes fluent-loading-circle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fluent-loading-circle-progress-1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(220deg);
    }
}

@keyframes fluent-loading-circle-progress-2 {
    0% {
        transform: rotate(-140deg);
    }

    50% {
        transform: rotate(-160deg);
    }

    100% {
        transform: rotate(140deg);
    }
}

.spinner__0b5bb .inner__0b5bb:not(.pulsingEllipsis__0b5bb) {
    display: block;
    animation: fluent-loading-circle 1s linear infinite;
}

.spinner__0b5bb .inner__0b5bb:not(.pulsingEllipsis__0b5bb) .item__0b5bb:first-child {
    width: 32px;
    height: 32px;
    position: absolute;
    background-color: transparent;
    clip: rect(0, 32px, 32px, 16px);
    animation: fluent-loading-circle-progress-1 2s linear infinite;
}

.spinner__0b5bb .inner__0b5bb:not(.pulsingEllipsis__0b5bb) .item__0b5bb:first-child::after {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;
    clip: rect(0, 32px, 32px, 16px);
    border: 3px solid #FFF;
    border-radius: 50%;
    animation: fluent-loading-circle-progress-2 2s linear infinite;
    box-sizing: border-box;
}

.spinner__0b5bb .inner__0b5bb:not(.pulsingEllipsis__0b5bb) .item__0b5bb:last-child {
    display: none;
}