@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-cyrillic-ext-wght-normal.woff2) format("woff2");
    unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-cyrillic-wght-normal.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-greek-ext-wght-normal.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-greek-wght-normal.woff2) format("woff2");
    unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-vietnamese-wght-normal.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(fonts/inter-latin-wght-normal.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
    color-scheme: dark;
    --background: #101010;
    --foreground: #fff;
    --border: color-mix(in srgb, var(--foreground) 10%, transparent);
    --accent: #416de5;
    --link: color-mix(in srgb, var(--accent) 60%, white);
    --danger: #e5484d;
    --danger-text: color-mix(in srgb, var(--danger) 60%, white);
    --warn: #e0912f;
    --success: #46c08a;
    --online: #4f8cff;
    --radius: 4px;
}

[data-accent="rose"] {
    --accent: #e15a8a;
}

[data-accent="orange"] {
    --accent: #e07b39;
}

[data-accent="amber"] {
    --accent: #e0912f;
}

[data-accent="green"] {
    --accent: #2fa37c;
}

[data-accent="indigo"] {
    --accent: #5a67f0;
}

[data-accent="violet"] {
    --accent: #8b5cf6;
}

[data-theme="light"] {
    color-scheme: light;
    --background: #f2f3f5;
    --foreground: #141417;
    --link: color-mix(in srgb, var(--accent) 75%, var(--foreground));
  --danger-text: color-mix(in srgb, var(--danger) 75%, var(--foreground));
    --success: #1f9d66;
    --online: #2f6fe0;
}

[data-theme="light"] .error code {
    background: #00000010;
}

[data-theme="light"] button[data-type="secondary"], [data-theme="light"] .btn[data-type="secondary"] {
    background: #00000012;
}

    [data-theme="light"] button[data-type="secondary"]:hover, [data-theme="light"] .btn[data-type="secondary"]:hover {
        background: color-mix(in srgb, #00000012, #000 8%);
    }

    [data-theme="light"] button[data-type="secondary"]:active, [data-theme="light"] .btn[data-type="secondary"]:active {
        background: color-mix(in srgb, #00000012, #000 16%);
    }

[data-theme="light"] button[data-type="secondary"]:disabled:hover, [data-theme="light"] .btn[data-type="secondary"]:disabled:hover,
[data-theme="light"] button[data-type="secondary"]:disabled:active, [data-theme="light"] .btn[data-type="secondary"]:disabled:active {
    background: #00000012;
}

[data-theme="light"] button[data-type="ghost"]:hover, [data-theme="light"] .btn[data-type="ghost"]:hover {
    background: color-mix(in srgb, #00000000, #000 5%);
}

[data-theme="light"] button[data-type="ghost"]:active, [data-theme="light"] .btn[data-type="ghost"]:active {
    background: color-mix(in srgb, #00000000, #000 10%);
}

[data-theme="light"] .modal-footer {
    background: #00000006;
}

[data-motion="reduced"] *, [data-motion="reduced"] *::before, [data-motion="reduced"] *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
}

* {
    font-family: "Inter", sans-serif;
    margin: 0;
    padding: 0;
}

[hidden] {
    display: none !important;
}