index.css

@-webkit-keyframes StatusPicker {
    0% {
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}

@keyframes StatusPicker {
    0% {
        -webkit-transform: translateY(5px);
                transform: translateY(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@-webkit-keyframes StatusPickerAvatar {
    0% {
        -webkit-transform: translateY(5px) translateX(-50%);
                transform: translateY(5px) translateX(-50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 1;
    }
}
@keyframes StatusPickerAvatar {
    0% {
        -webkit-transform: translateY(5px) translateX(-50%);
                transform: translateY(5px) translateX(-50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 1;
    }
}
#app-mount .scale-3iLZhb {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
}
#app-mount #status-picker {
    z-index: 0;
    background: radial-gradient(circle at center 45px, transparent 34px, var(--menu-bg) 0);
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 0 8px var(--box-shadow-color);
            box-shadow: 0 0 8px var(--box-shadow-color);
    margin-bottom: 19px;
    width: 224px;
    height: 172px;
    -webkit-animation: StatusPicker 350ms ease forwards;
            animation: StatusPicker 350ms ease forwards;
}
#app-mount #status-picker .scroller-3BxosC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 40%;
    width: 94%;
    left: 25px;
}
#app-mount #status-picker .scroller-3BxosC::-webkit-scrollbar {
    display: none;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) {
    background-color: transparent;
    padding: 0;
    margin: 0 8px;
    width: 33px;
    margin-left: 0;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .status-1fhblQ, #app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .separator-2I32lJ, #app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .description-2L932D {
    display: none;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .status-1AY8sU {
    background-color: var(--status-color);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status):hover .status-1AY8sU, #app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status).focused-3afm-j .status-1AY8sU {
    background-color: var(--status-color-hover) !important;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf {
    margin-top: -4px;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf svg {
    width: 25px;
    height: 25px;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status)#status-picker-online {
    --status-color: var(--online);
    --status-color-hover: var(--online-hover);
    margin-right: 0;
    margin-left: -3px;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle {
    --status-color: var(--idle);
    --status-color-hover: var(--idle-hover) ;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd {
    --status-color: var(--dnd);
    --status-color-hover: var(--dnd-hover) ;
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible {
    --status-color: var(--invisible);
    --status-color-hover: var(--invisible-hover);
}
#app-mount #status-picker .scroller-3BxosC .item-1tOPte:not(#status-picker-custom-status)#status-picker-game-activity {
    position: fixed;
    margin-top: -90px;
    margin-left: -30px;
}
#app-mount #status-picker .scroller-3BxosC #status-picker-custom-status {
    position: fixed;
    background-color: var(--custom-status-bg);
    border-radius: var(--border-radius);
    margin-top: 40px;
    margin-left: -29px;
    width: 216px;
}
#app-mount #status-picker .scroller-3BxosC #status-picker-custom-status:hover, #app-mount #status-picker .scroller-3BxosC #status-picker-custom-status.focused-3afm-j {
    background-color: var(--custom-status-hover);
}

#app-mount .container-3baos1 {
    position: relative;
}
#app-mount .container-3baos1 .avatarWrapper-2yR4wp[aria-expanded=true] + .nameTag-3uD-yy {
    margin-left: 32px;
}
#app-mount .container-3baos1 .avatarWrapper-2yR4wp[aria-expanded=true] + .nameTag-3uD-yy::before {
    content: "";
    position: absolute;
    pointer-events: none;
    background: var(--background-tertiary) var(--placeholder-avatar) center/100% no-repeat;
    border-radius: 25px;
    height: 32px;
    width: 32px;
    margin-top: -1px;
    left: 8px;
}
#app-mount .container-3baos1 .avatarWrapper-2yR4wp[aria-expanded=true] .avatar-SmRMf2 {
    position: absolute;
    pointer-events: none;
    height: 60px !important;
    width: 60px !important;
    bottom: 151px;
    left: 50%;
    border: 5px solid var(--avatar-gap-bg);
    -webkit-animation: StatusPickerAvatar 350ms ease forwards;
            animation: StatusPickerAvatar 350ms ease forwards;
}
#app-mount .container-3baos1 .avatarWrapper-2yR4wp[aria-expanded=true] .avatar-SmRMf2 foreignObject {
    -webkit-mask: none;
            mask: none;
    border-radius: 25px;
}
#app-mount .container-3baos1 .avatarWrapper-2yR4wp[aria-expanded=true] .avatar-SmRMf2 rect {
    display: none;
}