body {
    --label-color: var(--text-muted);
    --label-hover-color: var(--brand-360);
    --label-font-weight: 500;
}

@property --panel-labels {
    syntax: 'off | on';
    inherits: false;
    initial-value: on;
}

@container body style(--panel-labels: on) {
    .guilds__5e434,
    .panels__5e434,
    .sidebarList__5e434,
    .subtitleContainer_f75fb0,
    .messagesWrapper__36d07,
    .channelTextArea_f75fb0,
    .content_f75fb0 > .membersWrap_c8ffbb,
    .container_c8ffbb,
    .container__133bf > .container__9293f,
    .peopleColumn__133bf,
    .nowPlayingColumn__133bf,
    .container__01ae2 > .container__9293f,
    .callContainer_cb9592 {
        &::after {
            display: block;
            color: var(--label-color);
            font-weight: var(--label-font-weight);
            position: absolute;
            top: -10px;
            left: 8px;
            background-color: var(--background-base-low);
            padding: 0 4px;
            z-index: 100;
            font-size: 16px;
            transition: color var(--border-hover-transition);
        }

        &:hover::after {
            color: var(--label-hover-color);
        }
    }

    .guilds__5e434::after {
        content: 'nav';
    }
    .panels__5e434::after {
        content: 'user';
    }
    .sidebarList__5e434::after {
        content: 'channels';
    }
    .subtitleContainer_f75fb0::after {
        content: 'channel';
    }
    .messagesWrapper__36d07::after {
        content: 'chat';
    }
    .channelTextArea_f75fb0::after {
        content: 'input';
    }
    .container_c8ffbb::after,
    .content_f75fb0 > .membersWrap_c8ffbb::after {
        content: 'members';
    }
    .container__133bf > .container__9293f:after {
        content: 'friends';
    }
    .peopleColumn__133bf::after {
        content: 'list';
    }
    .nowPlayingColumn__133bf::after {
        content: 'activity';
    }
    .container__01ae2 > .container__9293f::after {
        content: 'thread';
    }
    .callContainer_cb9592::after {
        content: 'vc';
    }

    .content_f75fb0 > .membersWrap_c8ffbb,
    .panels__5e434,
    .sidebar__5e434,
    .sidebarList__5e434,
    .chat_f75fb0,
    .page__5e434,
    .channelTextArea_f75fb0,
    .container__133bf,
    .container_c8ffbb,
    .guilds__5e434,
    .peopleColumn__133bf,
    .tabBody__133bf,
    .container__01ae2,
    .chatContent_f75fb0,
    .messagesWrapper__36d07 {
        overflow: visible !important;
    }
    .page__5e434,
    .tabBody__133bf {
        min-height: 0;
    }
    .peopleColumn__133bf {
        min-width: 0;
    }
    .sidebarList__5e434,
    .container_c8ffbb,
    .peopleColumn__133bf,
    .nowPlayingColumn__133bf,
    .messagesWrapper__36d07,
    .channelTextArea_f75fb0 {
        position: relative;
    }

    .scroller__36d07 {
        top: 8px;
    }
    .membersWrap_c8ffbb {
        height: calc(100% - 8px);
    }

    .scroller_ef3116 {
        padding-top: calc(var(--custom-guild-list-padding) - 8px);
    }

    .animatedContainer_f37cb1,
    .headerGlass_f37cb1 {
        left: 8px;
        right: 8px;
        width: auto;
    }
    .header_f37cb1 {
        margin: 0 8px;
    }
    .container__2637a {
        overflow: hidden;
    }

    .headerEllipseForeground_f37cb1 {
        display: none;
    }

    .callContainer_cb9592 {
        padding: 8px;
    }

    .messagesWrapper__36d07 {
        mask: none !important;
    }

    /* hide double label in dm vc */
    .topControls_bfe55a.controlSection_bfe55a .subtitleContainer_f75fb0::after {
        display: none;
    }

    /* reduce padding and realign top row in vc */
    .headerBar__49508.container__9293f {
        padding: 0px 0px 12px 0px;
        min-height: 0px;
        height: 46px;
    }
    .videoControls_bfe55a {
        padding: 0 8px 8px;
    }
    .headerWrapper_cb9592 {
        margin: 0;
    }
}
