:root {
    --slide-window-on-hover: 1;
    --sidebar-width: 48;
    --sidebar-hover-width: 240px;
    --sidebar-hover-delay: 0.2s;
    --sidebar-transition-duration: 0.4s;
    --sidebar-window-gap: 8px;
    --sidebar-border-radius: 8px;
    --sidebar-usersettings-width-correction: 12;

    --members-width: 65px;
    --members-hover-width: 240px;
    --members-hover-delay: 1.5s;
    --members-transition-duration: 0.4s;

    --guildlist-show: 1;
    --guildlist-peek-unread: 1;
    --guildlist-peek-ping: 1;
    --guildlist-peek-selected: 1;
    --guildlist-peek-group-unread: 1;
}

:root {
    --sidebar-width-px: calc(var(--sidebar-width) * 1px);
    --sidebar-transition-exit: var(--sidebar-transition-duration) ease;
    --sidebar-transition-entry: var(--sidebar-transition-duration) var(--sidebar-hover-delay) ease;
    --sidebar-usersettings: calc(var(--sidebar-width) + var(--sidebar-usersettings-width-correction));
    --sidebar-usersettings-px: calc((var(--sidebar-width) + var(--sidebar-usersettings-width-correction)) * 1px);

    --members-transition-calc-entry: width var(--members-transition-duration) var(--members-hover-delay) ease, var(--members-transition-calc-box-shadow);
    --members-transition-calc-exit: width var(--members-transition-duration) ease, var(--members-transition-calc-box-shadow);
    --members-transition-calc-box-shadow: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.platform-win .sidebar-1tnWFu {
    position: absolute;
    z-index: 101;
    height: 100%;
    width: -webkit-fit-content;
    width: fit-content;
    -webkit-transition: width var(--sidebar-transition-exit);
    transition: width var(--sidebar-transition-exit);
}

.platform-win .sidebar-1tnWFu {
    border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0;
}

.bannerImage-ubW8K-,
.bannerImg-2PzH6z {
    width: 100%;
}

.sidebar-1tnWFu .channel-1Shao0 {
    max-width: unset;
}

.container-2giAcK {
    white-space: nowrap;
}

.platform-win .sidebar-1tnWFu+div {
    border-top-left-radius: var(--sidebar-border-radius);
}

.sidebar-1tnWFu:hover .privateChannels-oVe7HL .closeButton-mupH76 {
    -webkit-animation: floatChannelDmsPrivateChannelsCloseButton var(--sidebar-transition-duration) var(--sidebar-hover-delay) forwards;
    animation: floatChannelDmsPrivateChannelsCloseButton var(--sidebar-transition-duration) var(--sidebar-hover-delay) forwards;
}

.sidebar-1tnWFu>* {
    width: var(--sidebar-width-px);
    -webkit-transition: width var(--sidebar-transition-exit);
    transition: width var(--sidebar-transition-exit);
}

.sidebar-1tnWFu .privateChannels-oVe7HL,
.sidebar-1tnWFu .privateChannels-oVe7HL+.panels-3wFtMD {
    width: calc(min(1, var(--sidebar-width)) * (var(--sidebar-width-px) + 17px));
}

.content-1SgpWY .sidebar-1tnWFu:hover>* {
    width: var(--sidebar-hover-width);
    -webkit-transition: width var(--sidebar-transition-entry);
    transition: width var(--sidebar-transition-entry);
}

.sidebar-1tnWFu+div {
    margin-left: calc(min(1, var(--sidebar-width)) * (var(--sidebar-width-px) + var(--sidebar-window-gap)));
    transition: -webkit-transform var(--sidebar-transition-exit), transform var(--sidebar-transition-exit);
}

.sidebar-1tnWFu:hover+div {
    -webkit-transform: translateX(calc(var(--slide-window-on-hover) * (var(--sidebar-hover-width) - var(--sidebar-width-px) + (var(--slide-window-on-hover) * (1 - min(var(--sidebar-width), 1)) * var(--sidebar-window-gap)))));
    transform: translateX(calc(var(--slide-window-on-hover) * (var(--sidebar-hover-width) - var(--sidebar-width-px) + (var(--slide-window-on-hover) * (1 - min(var(--sidebar-width), 1)) * var(--sidebar-window-gap)))));
    transition: -webkit-transform var(--sidebar-transition-entry), transform var(--sidebar-transition-entry);
}

.sidebar-1tnWFu+.container-2cd8Mz {
    margin-left: calc(min(1, var(--sidebar-width)) * (var(--sidebar-width-px) + var(--sidebar-window-gap) + 17px));
    transition: -webkit-transform var(--sidebar-transition-exit), transform var(--sidebar-transition-exit), margin-left var(--sidebar-transition-exit);
}

.sidebar-1tnWFu:hover+.container-2cd8Mz {
    margin-left: calc(min(1, var(--sidebar-width)) * (var(--sidebar-width-px) + var(--sidebar-window-gap) + 0px + (1 - var(--slide-window-on-hover)) * (min(var(--sidebar-width), 1)) * 17px));
    transition: -webkit-transform var(--sidebar-transition-entry), transform var(--sidebar-transition-entry), margin-left var(--sidebar-transition-entry);
}


.wrapper-1_HaEi:hover+.base-2jDfDU .sidebar-1tnWFu>* {
    width: calc((min(var(--sidebar-width), 1) * (var(--sidebar-width) * 1px)) + ((1 - min(var(--sidebar-width), 1)) * var(--sidebar-hover-width)));
    -webkit-transition: width var(--sidebar-transition-entry);
    transition: width var(--sidebar-transition-entry);
}


.wrapper-1_HaEi:hover+.base-2jDfDU .sidebar-1tnWFu+div {
    -webkit-transform: translateX(calc(var(--slide-window-on-hover) * ((min(var(--sidebar-width), 1) * (min(var(--sidebar-width), 0) * 1px)) + ((1 - min(var(--sidebar-width), 1)) * var(--sidebar-hover-width) + (var(--slide-window-on-hover) * (1 - min(var(--sidebar-width), 1)) * var(--sidebar-window-gap))))));
    transform: translateX(calc(var(--slide-window-on-hover) * ((min(var(--sidebar-width), 1) * (min(var(--sidebar-width), 0) * 1px)) + ((1 - min(var(--sidebar-width), 1)) * var(--sidebar-hover-width) + (var(--slide-window-on-hover) * (1 - min(var(--sidebar-width), 1)) * var(--sidebar-window-gap))))));
    transition: -webkit-transform var(--sidebar-transition-entry), transform var(--sidebar-transition-entry), margin-left var(--sidebar-transition-entry);
}

.wrapper-1_HaEi:hover+.base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL,
.wrapper-1_HaEi:hover+.base-2jDfDU .sidebar-1tnWFu .privateChannels-oVe7HL+.panels-3wFtMD {
    width: calc((min(var(--sidebar-width), 1) * ((var(--sidebar-width) + 17) * 1px)) + ((1 - min(var(--sidebar-width), 1)) * var(--sidebar-hover-width)));
}