div[class^="base"] {
    padding-top: 10px;
    grid-template-rows: [top] 0px [titleBarEnd] 0px [noticeEnd] 1fr [end] !important;
}

div[class^="base"] div[class^="bar"] {
    display: none !important;
}

li:has(a[href="/store"]) {
    display: none !important;
}

li:has(a[href="/shop"]) {
    display: none !important;
}

button[aria-label="Send a gift"] {
    display: none !important;
}

div[class^="expression-picker"]:has(button[aria-label="Open sticker picker"]) {
    display: none !important;
}

div[class^="channelAppLauncher"] {
    display: none !important;
}

div[class^="perksDemoContainer"] {
    display: none !important;
}

div[class^="live"] {
    border-radius: 6px !important;
}

button {
    border-radius: 4px !important;
}

section[class^="panels"] {
    transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out !important;
}

section[class^="panels"] {
    bottom: 0 !important;
    left: 0 !important;
    width: var(--custom-guild-list-width) !important;
    background-color: transparent !important;
    border-top: 0px !important;
}

section[class^="panels"]:hover {
    width: 100% !important;
    background-color: var(--background-base-low) !important;
    border-top: 1px solid var(--border-faint) !important;
}

section[class^="panels"] div[class^="avatarWrapper"] {
    margin-left: 3px !important;
}

section[class^="panels"] div[class^="nameTag"] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

section[class^="panels"]:has(div[class^="rtcConnectionStatusWrapper"]) {
    width: 100% !important;
    background-color: var(--background-base-low) !important;
    border-top: 1px solid var(--border-faint) !important;
}


span[style^="color: rgb(118, 18, 18);"] {
    color: #FAFA40 !important;
}

section[class^="panels"]:has(div[class^="rtcConnectionStatusWrapper"]) button[aria-label^="User Settings"],
section[class^="panels"]:has(div[class^="rtcConnectionStatusWrapper"]) div[class^="buttons"] div[class^="micButtonParent"],
section[class^="panels"]:has(div[class^="rtcConnectionStatusWrapper"]) div[class^="buttons"] button[aria-label^="Deafen"] {
    /* display: flex !important; */
    transition: visibility 1s, opacity 0.5s ease-in-out !important;
    visibility: visible !important;
    opacity: 1 !important;
}

section[class^="panels"]:hover button[aria-label^="User Settings"],
section[class^="panels"]:hover div[class^="buttons"] div[class^="micButtonParent"],
section[class^="panels"]:hover div[class^="buttons"] button[aria-label^="Deafen"] {
    /* display: flex !important; */
    transition: visibility 1s, opacity 0.5s ease-in-out !important;
    visibility: visible !important;
    opacity: 1 !important;
}

section[class^="panels"] button[aria-label^="User Settings"],
section[class^="panels"] div[class^="buttons"] div[class^="micButtonParent"],
section[class^="panels"] div[class^="buttons"] button[aria-label^="Deafen"] {
    /* display: none !important; */
    transition: visibility 1s, opacity 0.5s ease-in-out !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

div[class^="sidebar"]::after {
    /* display: none !important; */
    visibility: hidden !important;
    opacity: 0 !important;
}

div[class^="sidebar"] div[class^="sidebarList"] nav[class^="container"] {
    padding-bottom: 0px !important;
}

div[class^="sidebar"]:has(div[class^="rtcConnectionStatusWrapper"]) div[class^="sidebarList"] nav[class^="container"] {
    padding-bottom: var(--custom-app-panels-height, 0) !important;
}

div[class^="sidebar"] nav[class^="privateChannels"] div[class^="scroller"] {
    margin-bottom: 0px !important;
}

div[class^="sidebar"]:has(div[class^="rtcConnectionStatusWrapper"]) nav[class^="privateChannels"] div[class^="scroller"] {
    margin-bottom: calc(var(--custom-app-panels-height, 0) + 8px) !important;
}

main[class^="chatContent"] form {
    padding: 0 !important;
}

main[class^="chatContent"] div[class^="channelTextArea"] {
    border-left: 0px !important;
    border-right: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 2px !important;
}

div[class^="typing_"] {
    height: 124px !important;
    pointer-events: none !important;
    top: -72px !important;
}

div[class^="messagesWrapper"] {
    margin-bottom: 24px !important;
}

:root {
    --radius-none: 0px !important;
    --radius-xs: 0px !important;
    --radius-sm: 0px !important;
    --radius-md: 0px !important;
    --radius-lg: 0px !important;
    --radius-xl: 0px !important;
    --radius-xxl: 0px !important;
    --radius-round: 999px !important;

    --custom-chat-input-margin-bottom: 0px !important;
}