.Field-module__field__hJUL7 {
    display: block;
    margin-bottom: 1rem;
}
.Field-module__field__hJUL7 .Field-module__label__SQd7Q {
        display: block;
        margin-bottom: 0.5rem;
        font-family: Arial, serif;
        font-size: 14px;
        font-weight: 600;
        color: #b9b9b9;
    }
.Field-module__field__hJUL7 .Field-module__input__lA_EF {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px;
        outline: none;
        border: none;
        border-radius: 4px;
        background: #1e1f22;
        color: #dbdee1;
        font-family: Arial, serif;
        font-size: 14px;
        font-weight: 300;
    }

.Button-module__button__AisLs {
    display: block;
    width: 100%;
    height: 44px;
    position: relative;
    border-radius: 4px;
    border: unset;
    outline: unset;
    font-family: Arial, serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    background: #efefef;
    cursor: pointer;
    transition: background 0.2s;
}

.Button-module__button__AisLs:hover {
        background: #ccc;
    }

.Button-module__button__AisLs .Button-module__loading__U3Xh5 {
        position: absolute;
        top: 13px;
        right: 1rem;
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 2px solid #333;
        border-bottom-color: transparent;
        border-radius: 50%;
        animation: Button-module__rotation__x8s8n 1s linear infinite;
    }

@keyframes Button-module__rotation__x8s8n {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.Login-module__loginContainer__dpT0N {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 400px;
    padding: 2rem;
    color: #fff;
    background: #313338;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.Login-module__loginContainer__dpT0N a {
        color: #00aafc;
    }
.Login-module__loginContainer__dpT0N .Login-module__title__qMf2T {
        margin-bottom: 1.5rem;
        text-align: center;
        font-size: 2rem;
        color: #f3f3f3;
    }
.Login-module__loginContainer__dpT0N .Login-module__form__c_0ey {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
:is(.Login-module__loginContainer__dpT0N .Login-module__form__c_0ey) .Login-module__error__EbxCH {
            display: block;
            padding: 0.5rem 0;
            color: #fa777b;
            font-size: 1rem;
        }
.Login-module__loginContainer__dpT0N .Login-module__note__R1NYW {
        font-size: 14px;
    }

.SettingsBar-module__settingsBar__rCJ7j {
    background: #1c1d20;
}
.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG {
        display: flex;
        justify-content: space-between;
        padding: 12px 12px 6px 12px;
    }
:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR {
            display: flex;
            flex-direction: column;
        }
.SettingsBar-module__loading__wXEmc:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR) .SettingsBar-module__voiceStatus__gTc47) {
                    color: #cccecd;
                }
.SettingsBar-module__success__Np5E1:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR) .SettingsBar-module__voiceStatus__gTc47) {
                    color: green;
                }
.SettingsBar-module__disconnected__vF6oM:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR) .SettingsBar-module__voiceStatus__gTc47) {
                    color: #8e9296;
                }
.SettingsBar-module__error__d4i1r:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR) .SettingsBar-module__voiceStatus__gTc47) {
                    color: red;
                }
:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__statuses__iQmXR) .SettingsBar-module__roomStatus__P0G9T {
                color: #cccecd;
            }
:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__infoButtons__J0j_7) button {
                width: 48px;
                height: 48px;
                color: #cccecd;
                background: transparent;
                border-radius: 4px;
                border: unset;
                outline: none;
                transition: background-color 0.2s;
            }
:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__infoPanel__XVHGG) .SettingsBar-module__infoButtons__J0j_7) button):hover {
                    background: #28292d;
                }
.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__buttonsPanel__s0rAR {
        display: flex;
        gap: 8px;
        padding: 6px 12px 12px 12px;
        border-bottom: 2px solid #2f3136;
    }
:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__buttonsPanel__s0rAR) button {
            display: flex;
            width: 48px;
            height: 48px;
            justify-content: center;
            align-items: center;
            background: #28292d;
            color: #cccecd;
            border: unset;
            outline: none;
            border-radius: 4px;
        }
.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7 {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 12px 12px;
    }
:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7) .SettingsBar-module__user__CBB2Q) .SettingsBar-module__login__PU0qY {
                color: #cccecd;
            }
:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7) .SettingsBar-module__user__CBB2Q) .SettingsBar-module__status__vbqEe {
                color: green;
            }
:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7) .SettingsBar-module__userButtons__p0QOc {
            display: flex;
        }
:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7) .SettingsBar-module__userButtons__p0QOc) button {
                width: 40px;
                height: 40px;
                background: transparent;
                color: #cccecd;
                border: unset;
                outline: none;
                border-radius: 4px;
                transition: background-color 0.2s;
            }
:is(:is(:is(.SettingsBar-module__settingsBar__rCJ7j .SettingsBar-module__userPanel__RpGv7) .SettingsBar-module__userButtons__p0QOc) button):hover {
                    background: #28292d;
                }

.Modal-module__modal__hTXcZ {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 540px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    background: #2f3136;
    border-radius: 8px;
}

.Modal-module__modal__hTXcZ.Modal-module__md__luLuK {
        width: 540px;
    }

.Modal-module__modal__hTXcZ.Modal-module__fullscreen__sE7Z9 {
        width: 100%;
        height: 100%;
    }

.Modal-module__modal__hTXcZ .Modal-module__close__pvypr {
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        z-index: 1;
        padding: 0.25rem;
        border-radius: 100%;
        background: transparent;
        color: #cccecd;
        border: 2px solid #cccecd;
    }

.Modal-module__modal__hTXcZ .Modal-module__spacer__U3EbR {
        padding: 0 1.75rem 1.5rem 1.75rem;
    }

.Modal-module__modal__hTXcZ .Modal-module__title__taMY9 {
        display: block;
        padding: 11px 1.75rem;
        font-family: Arial, serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: #f6f6f7;
    }

.Modal-module__backdrop__EM2ge {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.Modal-module__fadeIn__scTD2 {
    animation: Modal-module__fadeInAnimation__UTbyE ease-in-out 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.Modal-module__fadeOut__S5Lq3 {
    animation: Modal-module__fadeOutAnimation__RC2lV ease-in-out 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes Modal-module__fadeInAnimation__UTbyE {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Modal-module__fadeOutAnimation__RC2lV {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


    .KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw {
        display: block;
        width: 100%;
        height: 40px;
        margin-bottom: 1.5rem;
    }
:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW):last-of-type {
                margin-bottom: 1.5rem;
            }
:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW) .KeyBinds-module__name__HbonZ {
                color: #f6f6f7;
                font-size: 1rem;
            }
:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW) .KeyBinds-module__keyContainer__BBrgN {
                display: flex;
                gap: 0.5rem;
                align-items: center;
            }
:is(:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW) .KeyBinds-module__keyContainer__BBrgN) .KeyBinds-module__hotkey__XPXPd {
                    display: block;
                    padding: 0.25rem;
                    border-radius: 4px;
                    border: 1px solid #f6f6f7;
                    font-size: 12px;
                    text-align: center;
                    color: #f6f6f7;
                }
:is(:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW) .KeyBinds-module__keyContainer__BBrgN) .KeyBinds-module__editButton___G27a {
                    display: block;
                    padding: 0.25rem;
                    color: #00aafc;
                    cursor: pointer;
                }
:is(:is(:is(.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__bind__kT0fw) .KeyBinds-module__inner__90qcW) .KeyBinds-module__keyContainer__BBrgN) .KeyBinds-module__field__AWzIR {
                    margin-bottom: 0;
                }
.KeyBinds-module__keyBinds__wyc55 .KeyBinds-module__error__iM08x {
        display: block;
        padding: 0.5rem 0;
        font-size: 14px;
        text-align: right;
        color: #fa777b;
    }

.Select-module__selectWrapper__uoUim {
    position: relative;
    border-radius: 12px;
}

.Select-module__placeholder__W_k5S {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    border: 1px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
}

.Select-module__placeholder__W_k5S[data-status='default'] {
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.Select-module__placeholder__W_k5S[data-status='invalid'] {
    border: 1px solid rgba(255, 0, 0, 1);
}

.Select-module__placeholder__W_k5S[data-selected='true'] {
    color: rgb(0, 0, 0);
}

.Select-module__selectWrapper__uoUim[data-is-active='true'] .Select-module__placeholder__W_k5S {
    border: 1px solid #0022f5;
}

.Select-module__selectWrapper__uoUim:not([data-is-active='true']) .Select-module__placeholder__W_k5S:not([data-status='invalid']):hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.Select-module__select__eatbZ {
    display: grid;
    position: absolute;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
    background-color: rgba(255, 255, 255, 1);
}

.Select-module__option__WbPnZ {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    padding: 5px;
    border: 1px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    color: rgb(0, 0, 0);
}

.Select-module__option__WbPnZ[aria-selected='true'] {
    background-color: rgba(0, 0, 0, 0.05);
}

.Select-module__option__WbPnZ:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.VoiceAndVideo-module__devices__BoluO {
    width: 100%;
}
:is(.VoiceAndVideo-module__devices__BoluO .VoiceAndVideo-module__group__L9CFN) .VoiceAndVideo-module__title__vj23I {
            margin-bottom: 1.25rem;
            font-size: 20px;
            font-weight: 600;
            font-family: Arial, sans-serif;
            line-height: 24px;
            color: #f2f3f5;
        }
:is(.VoiceAndVideo-module__devices__BoluO .VoiceAndVideo-module__group__L9CFN) .VoiceAndVideo-module__row__buXNb {
            display: flex;
            gap: 2rem;
            width: 100%;
            margin-bottom: 1.5rem;
        }
:is(:is(.VoiceAndVideo-module__devices__BoluO .VoiceAndVideo-module__group__L9CFN) .VoiceAndVideo-module__row__buXNb) .VoiceAndVideo-module__column__E1nHW {
                width: calc(50% - 1rem);
            }
:is(:is(:is(.VoiceAndVideo-module__devices__BoluO .VoiceAndVideo-module__group__L9CFN) .VoiceAndVideo-module__row__buXNb) .VoiceAndVideo-module__column__E1nHW) .VoiceAndVideo-module__label__z2E1G {
                    margin-bottom: 0.5rem;
                    font-size: 14px;
                    font-weight: 600;
                    color: #b5bac1;
                }

.SettingsModal-module__settings__zY5Yl {
    display: flex;
}
.SettingsModal-module__settings__zY5Yl .SettingsModal-module__sidebar__m_Suj {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        align-items: flex-end;
        width: 300px;
        padding: 3rem 1rem 0 0;
        background: #2f3136;
    }
:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__sidebar__m_Suj) .SettingsModal-module__title__Rfg4y {
            margin: 0 0 0.5rem 0.5rem;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #72767d;
        }
:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__sidebar__m_Suj) .SettingsModal-module__menu__oIsZM {
            display: block;
            list-style-type: unset;
        }
:is(:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__sidebar__m_Suj) .SettingsModal-module__menu__oIsZM) li {
                display: block;
                padding: 0.5rem;
                border-radius: 4px;
                color: #b5bac1;
                letter-spacing: 1px;
                cursor: pointer;
            }
.SettingsModal-module__active__mCBbV:is(:is(:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__sidebar__m_Suj) .SettingsModal-module__menu__oIsZM) li) {
                    background: #40444b;
                    color: #f6f6f7;
                }
.SettingsModal-module__settings__zY5Yl .SettingsModal-module__content__za27V {
        width: 100%;
        height: 100vh;
        padding: 3rem 2rem;
        position: relative;
        background: #36393f;
    }
:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__content__za27V) .SettingsModal-module__screen__CgAe2 {
            display: none;
        }
.SettingsModal-module__active__mCBbV:is(:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__content__za27V) .SettingsModal-module__screen__CgAe2) {
                display: block;
            }
:is(:is(.SettingsModal-module__settings__zY5Yl .SettingsModal-module__content__za27V) .SettingsModal-module__screen__CgAe2) .SettingsModal-module__title__Rfg4y {
                margin: 0 0 2rem 0;
                font-family: Arial, serif;
                font-size: 1.5rem;
                font-weight: 600;
                color: #f6f6f7;
            }


    .VideoScreen-module__videoScreen__cjMyT video::-webkit-media-controls {
        display: none !important;
    }

.Textarea-module__textarea__dV6YH {
    width: 100%;
    overflow: hidden;
    resize: none;
    border-radius: 4px;
    outline: none;
}

.Message-module__message__YZPA_ {
    display: flex;
    gap: 1rem;
    padding: 2px 24px;
}
.Message-module__message__YZPA_:hover {
        background: rgba(151, 151, 159, 0.08);
    }
.Message-module__message__YZPA_ .Message-module__avatar__xYmVW {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        overflow: hidden;
        background: lightblue;
    }
:is(.Message-module__message__YZPA_ .Message-module__body__WYAv2) .Message-module__head__Np13x {
            display: flex;
            align-items: baseline;
            gap: 8px;
        }
:is(:is(.Message-module__message__YZPA_ .Message-module__body__WYAv2) .Message-module__head__Np13x) .Message-module__name__ntoyz {
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
                color: #fbfbfb;
            }
:is(:is(.Message-module__message__YZPA_ .Message-module__body__WYAv2) .Message-module__head__Np13x) .Message-module__date__lb57P {
                font-size: 12px;
                line-height: 18px;
                color: #82838b;
            }
:is(.Message-module__message__YZPA_ .Message-module__body__WYAv2) .Message-module__text__Wd5Pk {
            font-size: 14px;
            line-height: 20px;
            color: #fbfbfb;
        }

.ChatScreen-module__chatScreen__mnJcu {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: transparent;
}
.ChatScreen-module__chatScreen__mnJcu .ChatScreen-module__history__l_grP {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-top: 1rem;
        flex: 1;
        overflow-y: auto;
    }
:is(.ChatScreen-module__chatScreen__mnJcu .ChatScreen-module__history__l_grP)::-webkit-scrollbar {
            width: 8px;
        }
:is(.ChatScreen-module__chatScreen__mnJcu .ChatScreen-module__history__l_grP)::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.1);
            border-radius: 4px;
        }
:is(.ChatScreen-module__chatScreen__mnJcu .ChatScreen-module__history__l_grP)::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 4px;
        }
.ChatScreen-module__chatScreen__mnJcu .ChatScreen-module__controlPanel__R_X5B {
        display: flex;
        width: 100%;
        padding: 0.5rem;
    }

.Content-module__content__kfR8M {
    position: relative;
    width: 100%;
    height: 100%;
}
.Content-module__content__kfR8M video::-webkit-media-controls {
        display: none !important;
    }

.UserContextMenu-module__volumeItem__sC9n8 {
    --contexify-activeItem-bgColor: #2c2c2c00;
    display: flex;
    flex-direction: column;
}

.Room-module__room__xfR1J {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.Room-module__room__xfR1J .Room-module__name__rWo9Z {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #8e9296;
        cursor: pointer;
        pointer-events: none;
        transition: color 0.2s;
    }
:is(.Room-module__room__xfR1J .Room-module__name__rWo9Z):hover {
            color: #fff;
        }

.User-module__user__XriD3 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8e9296;
}
.User-module__user__XriD3.User-module__activeSpeaker__oCfzU .User-module__mic__Zxjvo {
            color: green;
        }
.User-module__user__XriD3 .User-module__live__TSlVs {
        display: flex;
        background: #de3600;
        color: #fff;
        padding: 2px 8px;
        border-radius: 30px;
        font-size: 12px;
    }
.User-module__user__XriD3 .User-module__deviceStatuses__TbWAn {
        display: flex;
        gap: 2px;
    }

.VoiceRoom-module__voiceRoom__plsBM {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__name__hUpij {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #8e9296;
        cursor: pointer;
        transition: color 0.2s;
    }
:is(.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__name__hUpij):hover {
            color: #fff;
        }
.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__users__fwvxx {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px 0 8px 32px;
    }
.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__liveContainer__k93rF {
        display: none;
        width: 200px;
        max-height: 168px;
        position: absolute;
        right: -208px;
        top: 0;
        border-radius: 4px;
        background: #2f3136;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 1);
        overflow: hidden;
        z-index: 100000;
    }
.VoiceRoom-module__show__vKg7Y:is(.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__liveContainer__k93rF) {
            display: block;
        }
:is(.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__liveContainer__k93rF) video {
            object-fit: cover;
        }
:is(:is(.VoiceRoom-module__voiceRoom__plsBM .VoiceRoom-module__liveContainer__k93rF) .VoiceRoom-module__remoteMedia__6eT38) .VoiceRoom-module__remoteMediaTitle__Hp_aw {
                position: absolute;
                left: 0;
                top: 0;
                padding: 4px;
                color: #fff;
                font-size: 12px;
                background: rgba(0, 0, 0, 0.5);
                border-bottom-right-radius: 4px;
            }


    .Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex {
        display: flex;
        align-items: flex-start;
        color: #8e9296;
        text-transform: uppercase;
        cursor: pointer;
    }
.Rooms-module__open__UwD9f:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__chevronIcon__i1I82) {
                transform: rotate(90deg);
            }
:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew) .Rooms-module__name__TLsY9 {
                flex-grow: 1;
                user-select: none;
            }
:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew) .Rooms-module__addButton__HQmyd {
                position: relative;
                top: -2px;
                display: inline-block;
                padding: 4px;
                border-radius: 4px;
                background: transparent;
            }
:is(:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew) .Rooms-module__addButton__HQmyd) svg {
                    color: #8e9296;
                    transition: color 0.3s;
                }
:is(:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew) .Rooms-module__addButton__HQmyd):hover {
                    background: #28292d;
                }
:is(:is(:is(.Rooms-module__group__EgPAq .Rooms-module__header__Fu2Ex) .Rooms-module__inner__x7gew) .Rooms-module__addButton__HQmyd):hover svg {
                        color: #fff;
                    }
.Rooms-module__group__EgPAq .Rooms-module__rooms__bwyiz {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 1rem 0;
        overflow: hidden;
    }
.Rooms-module__hidden__sdAVU:is(.Rooms-module__group__EgPAq .Rooms-module__rooms__bwyiz) {
            display: none;
        }


    .RadioButton-module__radioButton__q2069 label {
        display: flex;
        gap: 0.5rem;
        color: #fff;
    }


    .FieldSet-module__fieldSet__kFH7S .FieldSet-module__label__IplnE {
        display: block;
        margin-bottom: 0.5rem;
        font-family: Arial, serif;
        font-size: 14px;
        font-weight: 600;
        color: #b9b9b9;
    }


    .CreateRoomModal-module__createRoomModal__Qh1qA .CreateRoomModal-module__formItem__riy3z {
        display: block;
        margin-bottom: 1rem;
    }
.CreateRoomModal-module__createRoomModal__Qh1qA .CreateRoomModal-module__radioContainer__lB8vz {
        display: flex;
        gap: 1rem;
    }
.CreateRoomModal-module__createRoomModal__Qh1qA .CreateRoomModal-module__linkContainer__HdN2S {
        margin: 4px -4px 0 -4px;
    }
:is(.CreateRoomModal-module__createRoomModal__Qh1qA .CreateRoomModal-module__linkContainer__HdN2S) a {
            display: inline-block;
            padding: 4px;
            font-size: 12px;
            color: #00aafc;
            cursor: pointer;
        }

.MainScreen-module__container__KnqiG {
    display: flex;
    height: 100%;
    min-height: 100%;
}
.MainScreen-module__container__KnqiG .MainScreen-module__leftSidebar__gToa1 {
        width: 64px;
        height: 100vh;
        background: #202225;
    }
.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        min-height: 100%;
    }
:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__header__erTHi {
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 50px;
            position: fixed;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__header__erTHi) .MainScreen-module__headerLeft__F9DO9 {
                flex-shrink: 0;
                width: 320px;
                height: 100%;
            }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__header__erTHi) .MainScreen-module__headerRight__fjJKu {
                width: 100%;
                height: 100%;
                background: #37393f;
            }
:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_ {
            display: flex;
            height: calc(100% - 50px);
            margin-top: 50px;
        }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__secondaryContainer__LnCIW {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                flex-shrink: 0;
                width: 320px;
                height: 100%;
                background: #2f3136;
            }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__secondaryContainerTop__pFHAV {
                padding: 1rem;
                position: relative;
            }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__content__LmLRy {
                display: block;
                width: 100%;
                height: 100%;
                background: #37393f;
                overflow: auto;
            }
:is(:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__content__LmLRy)::-webkit-scrollbar {
                    background: #2b2d31;
                }
:is(:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__content__LmLRy)::-webkit-scrollbar-thumb {
                    background: #1a1b1e;
                    border-radius: 8px;
                    border: 2px solid #2b2d31;
                }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__localMedia__PC6DL {
                width: 100%;
                height: auto;
                position: relative;
            }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__localMedia__PC6DL video {
                object-fit: cover;
            }
:is(:is(.MainScreen-module__container__KnqiG .MainScreen-module__body__Atkst) .MainScreen-module__inner__hYtQ_) .MainScreen-module__localMedia__PC6DL .MainScreen-module__localMediaTitle__U0SEu {
                position: absolute;
                left: 0;
                top: 0;
                padding: 4px;
                color: #fff;
                background: rgba(0, 0, 0, 0.5);
                font-size: 14px;
            }

.Preloader-module__preloader__iHs9L {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #42464e;
}

.Register-module__registerContainer__Ql6Tj {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 400px;
    padding: 2rem;
    color: #fff;
    background: #313338;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.Register-module__registerContainer__Ql6Tj a {
        color: #00aafc;
    }
.Register-module__registerContainer__Ql6Tj .Register-module__title__OJgVr {
        margin-bottom: 1.5rem;
        text-align: center;
        font-size: 2rem;
        color: #f3f3f3;
    }
.Register-module__registerContainer__Ql6Tj .Register-module__form__wNXFx {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
:is(.Register-module__registerContainer__Ql6Tj .Register-module__form__wNXFx) .Register-module__error__ZB89N {
            display: block;
            padding: 0.5rem 0;
            color: #fa777b;
            font-size: 1rem;
        }
.Register-module__registerContainer__Ql6Tj .Register-module__note__myKJt {
        font-size: 14px;
    }

:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px rgba(0,0,0,.1),2px 4px 4px rgba(0,0,0,.1),3px 6px 6px rgba(0,0,0,.1);--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:rgba(0,0,0,.2);--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{position:fixed;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--contexify-menu-bgColor);box-sizing:border-box;box-shadow:var(--contexify-menu-shadow);border-radius:var(--contexify-menu-radius);padding:var(--contexify-menu-padding);min-width:var(--contexify-menu-minWidth);z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{pointer-events:auto;opacity:1}.contexify .contexify_submenu{position:absolute;pointer-events:none;transition:opacity .265s;top:calc(-1 * var(--contexify-menu-negatePadding));left:100%}.contexify .contexify_submenu-bottom{bottom:calc(-1 * var(--contexify-menu-negatePadding));top:unset}.contexify .contexify_submenu-right{right:100%;left:unset}.contexify_rightSlot{margin-left:auto;display:-ms-flexbox;display:flex;color:var(--contexify-rightSlot-color)}.contexify_separator{height:1px;cursor:default;margin:var(--contexify-separator-margin);background-color:var(--contexify-separator-color)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{pointer-events:auto;opacity:1}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{padding:var(--contexify-itemContent-padding);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;white-space:nowrap;color:var(--contexify-item-color);position:relative}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:rgba(40,40,40,.98);--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{transform-origin:top left;animation:contexify_scaleIn .3s}.contexify_willLeave-scale{transform-origin:top left;animation:contexify_scaleOut .3s}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{transform:perspective(800px) rotateX(45deg);opacity:0}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{transform-origin:top center;animation:contexify_slideIn .3s}.contexify_willLeave-slide{transform-origin:top center;animation:contexify_slideOut .3s}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body {
    background: #2f3136;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
}

button {
    cursor: pointer;
    border: unset;
}

button[disabled] {
    cursor: default;
}

svg {
    display: inline-block;
}


/*# sourceMappingURL=styles.a6655f0817ca03867086.css.map*/