@font-face {
    font-family: Inter;
    font-weight: 300;
    font-style: normal;
    src: url(/static/font/Inter-Light.0b4ff3e0.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: normal;
    src: url(/static/font/Inter-Regular.1282ebc6.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    font-style: normal;
    src: url(/static/font/Inter-Medium.8d213a54.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    font-weight: 600;
    font-style: normal;
    src: url(/static/font/Inter-SemiBold.524c2f2b.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 700;
    font-style: normal;
    src: url(/static/font/Inter-Bold.c146dcab.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 800;
    font-style: normal;
    src: url(/static/font/Inter-Black.5d1d6a15.ttf)format("truetype")
}

:root {
    --sidebar-bg-color: #26262d;
    --bg-color: #111118;
    --bg-color-light: #ffffff0d;
    --bg-color-medium: #ffffff1a;
    --primary-color: #ffa200;
    --text-color: #f0f0f0;
    --secondary-color: #7b7b7b3d;
    --text-muted-color: #fff6;
    --icon-muted-color: #717171;
    --green-color: #1e9f61;
    --size-12: .75rem;
    --size-14: .875rem;
    --size-16: 1rem;
    --size-18: 1.125rem;
    --size-20: 1.25rem;
    --size-24: 1.5rem;
    --size-28: 1.75rem;
    --size-30: 1.875rem;
    --size-32: 2rem;
    --size-36: 2.25rem;
    --size-48: 3rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-72: 4.5rem;
    --size-80: 5rem;
    --size-96: 6rem;
    --size-128: 8rem;
    --rounded: 4px;
    --rounded-md: .375rem;
    --rounded-lg: .5rem;
    --rounded-xl: .75rem;
    --rounded-2xl: 1rem;
    --rounded-full: 9999px;
    --text-xs: var(--size-12);
    --text-sm: var(--size-14);
    --text-base: var(--size-16);
    --text-lg: var(--size-18);
    --text-xl: var(--size-20);
    --text-2xl: var(--size-24);
    --text-3xl: var(--size-30);
    --text-4xl: var(--size-36);
    --text-5xl: var(--size-48);
    --text-6xl: var(--size-60);
    --text-7xl: var(--size-72);
    --text-8xl: var(--size-96);
    --text-9xl: var(--size-128);
    --line-height-xs: var(--size-16);
    --line-height-sm: var(--size-20);
    --line-height-base: var(--size-24);
    --line-height-lg: var(--size-28);
    --line-height-xl: var(--size-28);
    --line-height-2xl: var(--size-32);
    --line-height-3xl: var(--size-36);
    --line-height-4xl: var(--size-40);
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1251px;
    --breakpoint-2xl: 1536px
}

#lobby-wrapper,
#lobby-app {
    letter-spacing: -.877px;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Avenir, Helvetica, Arial, sans-serif !important
}

:-webkit-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar {
    background: 0 0;
    border-radius: 12px;
    width: 4px;
    height: 4px
}

:-moz-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar {
    background: 0 0;
    border-radius: 12px;
    width: 4px;
    height: 4px
}

:is(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar {
    background: 0 0;
    border-radius: 12px;
    width: 4px;
    height: 4px
}

:-webkit-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-track {
    display: none
}

:-moz-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-track {
    display: none
}

:is(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-track {
    display: none
}

:-webkit-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-thumb {
    background-color: #919eab7a;
    border-radius: 12px
}

:-moz-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-thumb {
    background-color: #919eab7a;
    border-radius: 12px
}

:is(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-thumb {
    background-color: #919eab7a;
    border-radius: 12px
}

:-webkit-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-corner {
    background-color: #0000
}

:-moz-any(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-corner {
    background-color: #0000
}

:is(#lobby-wrapper, #lobby-app) ::-webkit-scrollbar-corner {
    background-color: #0000
}

a {
    color: #646cff;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    font-weight: 500
}

a:hover {
    color: #535bf2
}

body {
    min-height: 100dvh;
    color: var(--text-color);
    margin: 0
}

h1 {
    letter-spacing: -.877px;
    margin-top: 0;
    font-size: 48px;
    font-weight: 500
}

h2 {
    letter-spacing: -.877px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%
}

p {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%
}

.dialog-overlay {
    background: linear-gradient(#0d0d1500 0%, #0d0d15cc 100%), #0d0d15b3
}

@media (prefers-color-scheme:light) {
    :root {
        color: #213547;
        background-color: #fff
    }
    a:hover {
        color: #747bff
    }
    button {
        background-color: #f9f9f9
    }
}