@layer reset,
mantine,
global,
components;
@layer reset {
    *,
    :before,
    :after {
        box-sizing: border-box;
        border-style: solid;
        border-width: 0
    }
    html,
    :host {
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }
    body {
        margin: 0;
        line-height: inherit
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-collapse: collapse;
        border-color: inherit
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        font-feature-settings: inherit;
        line-height: inherit;
        color: inherit;
        letter-spacing: inherit
    }
    button,
    select {
        text-transform: none
    }
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        background-color: transparent;
        background-image: none
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }
    [type=search] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        outline-offset: -2px
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }
    summary {
        display: list-item
    }
    blockquote,
    dl,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    figure,
    p,
    pre {
        margin: 0
    }
    fieldset {
        padding: 0;
        margin: 0
    }
    legend {
        padding: 0
    }
    ol,
    ul,
    menu {
        padding: 0;
        margin: 0;
        list-style: none
    }
    dialog {
        padding: 0
    }
    textarea {
        resize: vertical
    }
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        opacity: 1
    }
    input::placeholder,
    textarea::placeholder {
        opacity: 1
    }
    button,
    [role=button] {
        cursor: pointer
    }
    :disabled {
        cursor: default
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        display: block;
        vertical-align: middle
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none
    }
}

@layer mantine {
    :root {
        color-scheme: var(--mantine-color-scheme)
    }
    *,
    *:before,
    *:after {
        box-sizing: border-box
    }
    input,
    button,
    textarea,
    select {
        font: inherit
    }
    button,
    select {
        text-transform: none
    }
    body {
        margin: 0;
        font-family: var(--mantine-font-family);
        font-size: var(--mantine-font-size-md);
        line-height: var(--mantine-line-height);
        background-color: var(--mantine-color-body);
        color: var(--mantine-color-text);
        -webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
        -moz-osx-font-smoothing: var(--mantine-moz-font-smoothing)
    }
    @media screen and (max-device-width:31.25em) {
        body {
            -webkit-text-size-adjust: 100%
        }
    }
    @media(prefers-reduced-motion:reduce) {
        [data-respect-reduced-motion] [data-reduce-motion] {
            transition: none;
            animation: none
        }
    }
    [data-mantine-color-scheme=light] .mantine-light-hidden,
    [data-mantine-color-scheme=dark] .mantine-dark-hidden {
        display: none
    }
    .mantine-focus-auto:focus-visible {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .mantine-focus-always:focus {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .mantine-focus-never:focus {
        outline: none
    }
    .mantine-active:active {
        transform: translateY(calc(.0625rem * var(--mantine-scale)))
    }
    fieldset:disabled .mantine-active:active {
        transform: none
    }
    :where([dir=rtl]) .mantine-rotate-rtl {
        transform: rotate(180deg)
    }
    :root {
        --mantine-z-index-app: 100;
        --mantine-z-index-modal: 200;
        --mantine-z-index-popover: 300;
        --mantine-z-index-overlay: 400;
        --mantine-z-index-max: 9999;
        --mantine-scale: 1;
        --mantine-cursor-type: default;
        --mantine-webkit-font-smoothing: antialiased;
        --mantine-moz-font-smoothing: grayscale;
        --mantine-color-white: #fff;
        --mantine-color-black: #000;
        --mantine-line-height: 1.55;
        --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
        --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
        --mantine-heading-font-weight: 700;
        --mantine-heading-text-wrap: wrap;
        --mantine-radius-default: calc(.25rem * var(--mantine-scale));
        --mantine-primary-color-filled: var(--mantine-color-blue-filled);
        --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
        --mantine-primary-color-light: var(--mantine-color-blue-light);
        --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
        --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
        --mantine-breakpoint-xs: 36em;
        --mantine-breakpoint-sm: 48em;
        --mantine-breakpoint-md: 62em;
        --mantine-breakpoint-lg: 75em;
        --mantine-breakpoint-xl: 88em;
        --mantine-spacing-xs: calc(.625rem * var(--mantine-scale));
        --mantine-spacing-sm: calc(.75rem * var(--mantine-scale));
        --mantine-spacing-md: calc(1rem * var(--mantine-scale));
        --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
        --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
        --mantine-font-size-xs: calc(.75rem * var(--mantine-scale));
        --mantine-font-size-sm: calc(.875rem * var(--mantine-scale));
        --mantine-font-size-md: calc(1rem * var(--mantine-scale));
        --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
        --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
        --mantine-line-height-xs: 1.4;
        --mantine-line-height-sm: 1.45;
        --mantine-line-height-md: 1.55;
        --mantine-line-height-lg: 1.6;
        --mantine-line-height-xl: 1.65;
        --mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) rgba(0, 0, 0, .1);
        --mantine-shadow-sm: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
        --mantine-shadow-md: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
        --mantine-shadow-lg: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
        --mantine-shadow-xl: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
        --mantine-radius-xs: calc(.125rem * var(--mantine-scale));
        --mantine-radius-sm: calc(.25rem * var(--mantine-scale));
        --mantine-radius-md: calc(.5rem * var(--mantine-scale));
        --mantine-radius-lg: calc(1rem * var(--mantine-scale));
        --mantine-radius-xl: calc(2rem * var(--mantine-scale));
        --mantine-primary-color-0: var(--mantine-color-blue-0);
        --mantine-primary-color-1: var(--mantine-color-blue-1);
        --mantine-primary-color-2: var(--mantine-color-blue-2);
        --mantine-primary-color-3: var(--mantine-color-blue-3);
        --mantine-primary-color-4: var(--mantine-color-blue-4);
        --mantine-primary-color-5: var(--mantine-color-blue-5);
        --mantine-primary-color-6: var(--mantine-color-blue-6);
        --mantine-primary-color-7: var(--mantine-color-blue-7);
        --mantine-primary-color-8: var(--mantine-color-blue-8);
        --mantine-primary-color-9: var(--mantine-color-blue-9);
        --mantine-color-dark-0: #c9c9c9;
        --mantine-color-dark-1: #b8b8b8;
        --mantine-color-dark-2: #828282;
        --mantine-color-dark-3: #696969;
        --mantine-color-dark-4: #424242;
        --mantine-color-dark-5: #3b3b3b;
        --mantine-color-dark-6: #2e2e2e;
        --mantine-color-dark-7: #242424;
        --mantine-color-dark-8: #1f1f1f;
        --mantine-color-dark-9: #141414;
        --mantine-color-gray-0: #f8f9fa;
        --mantine-color-gray-1: #f1f3f5;
        --mantine-color-gray-2: #e9ecef;
        --mantine-color-gray-3: #dee2e6;
        --mantine-color-gray-4: #ced4da;
        --mantine-color-gray-5: #adb5bd;
        --mantine-color-gray-6: #868e96;
        --mantine-color-gray-7: #495057;
        --mantine-color-gray-8: #343a40;
        --mantine-color-gray-9: #212529;
        --mantine-color-red-0: #fff5f5;
        --mantine-color-red-1: #ffe3e3;
        --mantine-color-red-2: #ffc9c9;
        --mantine-color-red-3: #ffa8a8;
        --mantine-color-red-4: #ff8787;
        --mantine-color-red-5: #ff6b6b;
        --mantine-color-red-6: #fa5252;
        --mantine-color-red-7: #f03e3e;
        --mantine-color-red-8: #e03131;
        --mantine-color-red-9: #c92a2a;
        --mantine-color-pink-0: #fff0f6;
        --mantine-color-pink-1: #ffdeeb;
        --mantine-color-pink-2: #fcc2d7;
        --mantine-color-pink-3: #faa2c1;
        --mantine-color-pink-4: #f783ac;
        --mantine-color-pink-5: #f06595;
        --mantine-color-pink-6: #e64980;
        --mantine-color-pink-7: #d6336c;
        --mantine-color-pink-8: #c2255c;
        --mantine-color-pink-9: #a61e4d;
        --mantine-color-grape-0: #f8f0fc;
        --mantine-color-grape-1: #f3d9fa;
        --mantine-color-grape-2: #eebefa;
        --mantine-color-grape-3: #e599f7;
        --mantine-color-grape-4: #da77f2;
        --mantine-color-grape-5: #cc5de8;
        --mantine-color-grape-6: #be4bdb;
        --mantine-color-grape-7: #ae3ec9;
        --mantine-color-grape-8: #9c36b5;
        --mantine-color-grape-9: #862e9c;
        --mantine-color-violet-0: #f3f0ff;
        --mantine-color-violet-1: #e5dbff;
        --mantine-color-violet-2: #d0bfff;
        --mantine-color-violet-3: #b197fc;
        --mantine-color-violet-4: #9775fa;
        --mantine-color-violet-5: #845ef7;
        --mantine-color-violet-6: #7950f2;
        --mantine-color-violet-7: #7048e8;
        --mantine-color-violet-8: #6741d9;
        --mantine-color-violet-9: #5f3dc4;
        --mantine-color-indigo-0: #edf2ff;
        --mantine-color-indigo-1: #dbe4ff;
        --mantine-color-indigo-2: #bac8ff;
        --mantine-color-indigo-3: #91a7ff;
        --mantine-color-indigo-4: #748ffc;
        --mantine-color-indigo-5: #5c7cfa;
        --mantine-color-indigo-6: #4c6ef5;
        --mantine-color-indigo-7: #4263eb;
        --mantine-color-indigo-8: #3b5bdb;
        --mantine-color-indigo-9: #364fc7;
        --mantine-color-blue-0: #e7f5ff;
        --mantine-color-blue-1: #d0ebff;
        --mantine-color-blue-2: #a5d8ff;
        --mantine-color-blue-3: #74c0fc;
        --mantine-color-blue-4: #4dabf7;
        --mantine-color-blue-5: #339af0;
        --mantine-color-blue-6: #228be6;
        --mantine-color-blue-7: #1c7ed6;
        --mantine-color-blue-8: #1971c2;
        --mantine-color-blue-9: #1864ab;
        --mantine-color-cyan-0: #e3fafc;
        --mantine-color-cyan-1: #c5f6fa;
        --mantine-color-cyan-2: #99e9f2;
        --mantine-color-cyan-3: #66d9e8;
        --mantine-color-cyan-4: #3bc9db;
        --mantine-color-cyan-5: #22b8cf;
        --mantine-color-cyan-6: #15aabf;
        --mantine-color-cyan-7: #1098ad;
        --mantine-color-cyan-8: #0c8599;
        --mantine-color-cyan-9: #0b7285;
        --mantine-color-teal-0: #e6fcf5;
        --mantine-color-teal-1: #c3fae8;
        --mantine-color-teal-2: #96f2d7;
        --mantine-color-teal-3: #63e6be;
        --mantine-color-teal-4: #38d9a9;
        --mantine-color-teal-5: #20c997;
        --mantine-color-teal-6: #12b886;
        --mantine-color-teal-7: #0ca678;
        --mantine-color-teal-8: #099268;
        --mantine-color-teal-9: #087f5b;
        --mantine-color-green-0: #ebfbee;
        --mantine-color-green-1: #d3f9d8;
        --mantine-color-green-2: #b2f2bb;
        --mantine-color-green-3: #8ce99a;
        --mantine-color-green-4: #69db7c;
        --mantine-color-green-5: #51cf66;
        --mantine-color-green-6: #40c057;
        --mantine-color-green-7: #37b24d;
        --mantine-color-green-8: #2f9e44;
        --mantine-color-green-9: #2b8a3e;
        --mantine-color-lime-0: #f4fce3;
        --mantine-color-lime-1: #e9fac8;
        --mantine-color-lime-2: #d8f5a2;
        --mantine-color-lime-3: #c0eb75;
        --mantine-color-lime-4: #a9e34b;
        --mantine-color-lime-5: #94d82d;
        --mantine-color-lime-6: #82c91e;
        --mantine-color-lime-7: #74b816;
        --mantine-color-lime-8: #66a80f;
        --mantine-color-lime-9: #5c940d;
        --mantine-color-yellow-0: #fff9db;
        --mantine-color-yellow-1: #fff3bf;
        --mantine-color-yellow-2: #ffec99;
        --mantine-color-yellow-3: #ffe066;
        --mantine-color-yellow-4: #ffd43b;
        --mantine-color-yellow-5: #fcc419;
        --mantine-color-yellow-6: #fab005;
        --mantine-color-yellow-7: #f59f00;
        --mantine-color-yellow-8: #f08c00;
        --mantine-color-yellow-9: #e67700;
        --mantine-color-orange-0: #fff4e6;
        --mantine-color-orange-1: #ffe8cc;
        --mantine-color-orange-2: #ffd8a8;
        --mantine-color-orange-3: #ffc078;
        --mantine-color-orange-4: #ffa94d;
        --mantine-color-orange-5: #ff922b;
        --mantine-color-orange-6: #fd7e14;
        --mantine-color-orange-7: #f76707;
        --mantine-color-orange-8: #e8590c;
        --mantine-color-orange-9: #d9480f;
        --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
        --mantine-h1-line-height: 1.3;
        --mantine-h1-font-weight: 700;
        --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
        --mantine-h2-line-height: 1.35;
        --mantine-h2-font-weight: 700;
        --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
        --mantine-h3-line-height: 1.4;
        --mantine-h3-font-weight: 700;
        --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
        --mantine-h4-line-height: 1.45;
        --mantine-h4-font-weight: 700;
        --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
        --mantine-h5-line-height: 1.5;
        --mantine-h5-font-weight: 700;
        --mantine-h6-font-size: calc(.875rem * var(--mantine-scale));
        --mantine-h6-line-height: 1.5;
        --mantine-h6-font-weight: 700
    }
    :root[data-mantine-color-scheme=dark] {
        --mantine-color-scheme: dark;
        --mantine-primary-color-contrast: var(--mantine-color-white);
        --mantine-color-bright: var(--mantine-color-white);
        --mantine-color-text: var(--mantine-color-dark-0);
        --mantine-color-body: var(--mantine-color-dark-7);
        --mantine-color-error: var(--mantine-color-red-8);
        --mantine-color-placeholder: var(--mantine-color-dark-3);
        --mantine-color-anchor: var(--mantine-color-blue-4);
        --mantine-color-default: var(--mantine-color-dark-6);
        --mantine-color-default-hover: var(--mantine-color-dark-5);
        --mantine-color-default-color: var(--mantine-color-white);
        --mantine-color-default-border: var(--mantine-color-dark-4);
        --mantine-color-dimmed: var(--mantine-color-dark-2);
        --mantine-color-disabled: var(--mantine-color-dark-6);
        --mantine-color-disabled-color: var(--mantine-color-dark-3);
        --mantine-color-disabled-border: var(--mantine-color-dark-4);
        --mantine-color-dark-text: var(--mantine-color-dark-4);
        --mantine-color-dark-filled: var(--mantine-color-dark-8);
        --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
        --mantine-color-dark-light: rgba(46, 46, 46, .15);
        --mantine-color-dark-light-hover: rgba(46, 46, 46, .2);
        --mantine-color-dark-light-color: var(--mantine-color-dark-3);
        --mantine-color-dark-outline: var(--mantine-color-dark-4);
        --mantine-color-dark-outline-hover: rgba(66, 66, 66, .05);
        --mantine-color-gray-text: var(--mantine-color-gray-4);
        --mantine-color-gray-filled: var(--mantine-color-gray-8);
        --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
        --mantine-color-gray-light: rgba(134, 142, 150, .15);
        --mantine-color-gray-light-hover: rgba(134, 142, 150, .2);
        --mantine-color-gray-light-color: var(--mantine-color-gray-3);
        --mantine-color-gray-outline: var(--mantine-color-gray-4);
        --mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);
        --mantine-color-red-text: var(--mantine-color-red-4);
        --mantine-color-red-filled: var(--mantine-color-red-8);
        --mantine-color-red-filled-hover: var(--mantine-color-red-9);
        --mantine-color-red-light: rgba(250, 82, 82, .15);
        --mantine-color-red-light-hover: rgba(250, 82, 82, .2);
        --mantine-color-red-light-color: var(--mantine-color-red-3);
        --mantine-color-red-outline: var(--mantine-color-red-4);
        --mantine-color-red-outline-hover: rgba(255, 135, 135, .05);
        --mantine-color-pink-text: var(--mantine-color-pink-4);
        --mantine-color-pink-filled: var(--mantine-color-pink-8);
        --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
        --mantine-color-pink-light: rgba(230, 73, 128, .15);
        --mantine-color-pink-light-hover: rgba(230, 73, 128, .2);
        --mantine-color-pink-light-color: var(--mantine-color-pink-3);
        --mantine-color-pink-outline: var(--mantine-color-pink-4);
        --mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);
        --mantine-color-grape-text: var(--mantine-color-grape-4);
        --mantine-color-grape-filled: var(--mantine-color-grape-8);
        --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
        --mantine-color-grape-light: rgba(190, 75, 219, .15);
        --mantine-color-grape-light-hover: rgba(190, 75, 219, .2);
        --mantine-color-grape-light-color: var(--mantine-color-grape-3);
        --mantine-color-grape-outline: var(--mantine-color-grape-4);
        --mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);
        --mantine-color-violet-text: var(--mantine-color-violet-4);
        --mantine-color-violet-filled: var(--mantine-color-violet-8);
        --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
        --mantine-color-violet-light: rgba(121, 80, 242, .15);
        --mantine-color-violet-light-hover: rgba(121, 80, 242, .2);
        --mantine-color-violet-light-color: var(--mantine-color-violet-3);
        --mantine-color-violet-outline: var(--mantine-color-violet-4);
        --mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);
        --mantine-color-indigo-text: var(--mantine-color-indigo-4);
        --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
        --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
        --mantine-color-indigo-light: rgba(76, 110, 245, .15);
        --mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);
        --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
        --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
        --mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);
        --mantine-color-blue-text: var(--mantine-color-blue-4);
        --mantine-color-blue-filled: var(--mantine-color-blue-8);
        --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
        --mantine-color-blue-light: rgba(34, 139, 230, .15);
        --mantine-color-blue-light-hover: rgba(34, 139, 230, .2);
        --mantine-color-blue-light-color: var(--mantine-color-blue-3);
        --mantine-color-blue-outline: var(--mantine-color-blue-4);
        --mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);
        --mantine-color-cyan-text: var(--mantine-color-cyan-4);
        --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
        --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
        --mantine-color-cyan-light: rgba(21, 170, 191, .15);
        --mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);
        --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
        --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
        --mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);
        --mantine-color-teal-text: var(--mantine-color-teal-4);
        --mantine-color-teal-filled: var(--mantine-color-teal-8);
        --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
        --mantine-color-teal-light: rgba(18, 184, 134, .15);
        --mantine-color-teal-light-hover: rgba(18, 184, 134, .2);
        --mantine-color-teal-light-color: var(--mantine-color-teal-3);
        --mantine-color-teal-outline: var(--mantine-color-teal-4);
        --mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);
        --mantine-color-green-text: var(--mantine-color-green-4);
        --mantine-color-green-filled: var(--mantine-color-green-8);
        --mantine-color-green-filled-hover: var(--mantine-color-green-9);
        --mantine-color-green-light: rgba(64, 192, 87, .15);
        --mantine-color-green-light-hover: rgba(64, 192, 87, .2);
        --mantine-color-green-light-color: var(--mantine-color-green-3);
        --mantine-color-green-outline: var(--mantine-color-green-4);
        --mantine-color-green-outline-hover: rgba(105, 219, 124, .05);
        --mantine-color-lime-text: var(--mantine-color-lime-4);
        --mantine-color-lime-filled: var(--mantine-color-lime-8);
        --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
        --mantine-color-lime-light: rgba(130, 201, 30, .15);
        --mantine-color-lime-light-hover: rgba(130, 201, 30, .2);
        --mantine-color-lime-light-color: var(--mantine-color-lime-3);
        --mantine-color-lime-outline: var(--mantine-color-lime-4);
        --mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);
        --mantine-color-yellow-text: var(--mantine-color-yellow-4);
        --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
        --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
        --mantine-color-yellow-light: rgba(250, 176, 5, .15);
        --mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);
        --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
        --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
        --mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);
        --mantine-color-orange-text: var(--mantine-color-orange-4);
        --mantine-color-orange-filled: var(--mantine-color-orange-8);
        --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
        --mantine-color-orange-light: rgba(253, 126, 20, .15);
        --mantine-color-orange-light-hover: rgba(253, 126, 20, .2);
        --mantine-color-orange-light-color: var(--mantine-color-orange-3);
        --mantine-color-orange-outline: var(--mantine-color-orange-4);
        --mantine-color-orange-outline-hover: rgba(255, 169, 77, .05)
    }
    :root[data-mantine-color-scheme=light] {
        --mantine-color-scheme: light;
        --mantine-primary-color-contrast: var(--mantine-color-white);
        --mantine-color-bright: var(--mantine-color-black);
        --mantine-color-text: #000;
        --mantine-color-body: #fff;
        --mantine-color-error: var(--mantine-color-red-6);
        --mantine-color-placeholder: var(--mantine-color-gray-5);
        --mantine-color-anchor: var(--mantine-color-blue-6);
        --mantine-color-default: var(--mantine-color-white);
        --mantine-color-default-hover: var(--mantine-color-gray-0);
        --mantine-color-default-color: var(--mantine-color-black);
        --mantine-color-default-border: var(--mantine-color-gray-4);
        --mantine-color-dimmed: var(--mantine-color-gray-6);
        --mantine-color-disabled: var(--mantine-color-gray-2);
        --mantine-color-disabled-color: var(--mantine-color-gray-5);
        --mantine-color-disabled-border: var(--mantine-color-gray-3);
        --mantine-color-dark-text: var(--mantine-color-dark-filled);
        --mantine-color-dark-filled: var(--mantine-color-dark-6);
        --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
        --mantine-color-dark-light: rgba(46, 46, 46, .1);
        --mantine-color-dark-light-hover: rgba(46, 46, 46, .12);
        --mantine-color-dark-light-color: var(--mantine-color-dark-6);
        --mantine-color-dark-outline: var(--mantine-color-dark-6);
        --mantine-color-dark-outline-hover: rgba(46, 46, 46, .05);
        --mantine-color-gray-text: var(--mantine-color-gray-filled);
        --mantine-color-gray-filled: var(--mantine-color-gray-6);
        --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
        --mantine-color-gray-light: rgba(134, 142, 150, .1);
        --mantine-color-gray-light-hover: rgba(134, 142, 150, .12);
        --mantine-color-gray-light-color: var(--mantine-color-gray-6);
        --mantine-color-gray-outline: var(--mantine-color-gray-6);
        --mantine-color-gray-outline-hover: rgba(134, 142, 150, .05);
        --mantine-color-red-text: var(--mantine-color-red-filled);
        --mantine-color-red-filled: var(--mantine-color-red-6);
        --mantine-color-red-filled-hover: var(--mantine-color-red-7);
        --mantine-color-red-light: rgba(250, 82, 82, .1);
        --mantine-color-red-light-hover: rgba(250, 82, 82, .12);
        --mantine-color-red-light-color: var(--mantine-color-red-6);
        --mantine-color-red-outline: var(--mantine-color-red-6);
        --mantine-color-red-outline-hover: rgba(250, 82, 82, .05);
        --mantine-color-pink-text: var(--mantine-color-pink-filled);
        --mantine-color-pink-filled: var(--mantine-color-pink-6);
        --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
        --mantine-color-pink-light: rgba(230, 73, 128, .1);
        --mantine-color-pink-light-hover: rgba(230, 73, 128, .12);
        --mantine-color-pink-light-color: var(--mantine-color-pink-6);
        --mantine-color-pink-outline: var(--mantine-color-pink-6);
        --mantine-color-pink-outline-hover: rgba(230, 73, 128, .05);
        --mantine-color-grape-text: var(--mantine-color-grape-filled);
        --mantine-color-grape-filled: var(--mantine-color-grape-6);
        --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
        --mantine-color-grape-light: rgba(190, 75, 219, .1);
        --mantine-color-grape-light-hover: rgba(190, 75, 219, .12);
        --mantine-color-grape-light-color: var(--mantine-color-grape-6);
        --mantine-color-grape-outline: var(--mantine-color-grape-6);
        --mantine-color-grape-outline-hover: rgba(190, 75, 219, .05);
        --mantine-color-violet-text: var(--mantine-color-violet-filled);
        --mantine-color-violet-filled: var(--mantine-color-violet-6);
        --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
        --mantine-color-violet-light: rgba(121, 80, 242, .1);
        --mantine-color-violet-light-hover: rgba(121, 80, 242, .12);
        --mantine-color-violet-light-color: var(--mantine-color-violet-6);
        --mantine-color-violet-outline: var(--mantine-color-violet-6);
        --mantine-color-violet-outline-hover: rgba(121, 80, 242, .05);
        --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
        --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
        --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
        --mantine-color-indigo-light: rgba(76, 110, 245, .1);
        --mantine-color-indigo-light-hover: rgba(76, 110, 245, .12);
        --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
        --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
        --mantine-color-indigo-outline-hover: rgba(76, 110, 245, .05);
        --mantine-color-blue-text: var(--mantine-color-blue-filled);
        --mantine-color-blue-filled: var(--mantine-color-blue-6);
        --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
        --mantine-color-blue-light: rgba(34, 139, 230, .1);
        --mantine-color-blue-light-hover: rgba(34, 139, 230, .12);
        --mantine-color-blue-light-color: var(--mantine-color-blue-6);
        --mantine-color-blue-outline: var(--mantine-color-blue-6);
        --mantine-color-blue-outline-hover: rgba(34, 139, 230, .05);
        --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
        --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
        --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
        --mantine-color-cyan-light: rgba(21, 170, 191, .1);
        --mantine-color-cyan-light-hover: rgba(21, 170, 191, .12);
        --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
        --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
        --mantine-color-cyan-outline-hover: rgba(21, 170, 191, .05);
        --mantine-color-teal-text: var(--mantine-color-teal-filled);
        --mantine-color-teal-filled: var(--mantine-color-teal-6);
        --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
        --mantine-color-teal-light: rgba(18, 184, 134, .1);
        --mantine-color-teal-light-hover: rgba(18, 184, 134, .12);
        --mantine-color-teal-light-color: var(--mantine-color-teal-6);
        --mantine-color-teal-outline: var(--mantine-color-teal-6);
        --mantine-color-teal-outline-hover: rgba(18, 184, 134, .05);
        --mantine-color-green-text: var(--mantine-color-green-filled);
        --mantine-color-green-filled: var(--mantine-color-green-6);
        --mantine-color-green-filled-hover: var(--mantine-color-green-7);
        --mantine-color-green-light: rgba(64, 192, 87, .1);
        --mantine-color-green-light-hover: rgba(64, 192, 87, .12);
        --mantine-color-green-light-color: var(--mantine-color-green-6);
        --mantine-color-green-outline: var(--mantine-color-green-6);
        --mantine-color-green-outline-hover: rgba(64, 192, 87, .05);
        --mantine-color-lime-text: var(--mantine-color-lime-filled);
        --mantine-color-lime-filled: var(--mantine-color-lime-6);
        --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
        --mantine-color-lime-light: rgba(130, 201, 30, .1);
        --mantine-color-lime-light-hover: rgba(130, 201, 30, .12);
        --mantine-color-lime-light-color: var(--mantine-color-lime-6);
        --mantine-color-lime-outline: var(--mantine-color-lime-6);
        --mantine-color-lime-outline-hover: rgba(130, 201, 30, .05);
        --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
        --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
        --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
        --mantine-color-yellow-light: rgba(250, 176, 5, .1);
        --mantine-color-yellow-light-hover: rgba(250, 176, 5, .12);
        --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
        --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
        --mantine-color-yellow-outline-hover: rgba(250, 176, 5, .05);
        --mantine-color-orange-text: var(--mantine-color-orange-filled);
        --mantine-color-orange-filled: var(--mantine-color-orange-6);
        --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
        --mantine-color-orange-light: rgba(253, 126, 20, .1);
        --mantine-color-orange-light-hover: rgba(253, 126, 20, .12);
        --mantine-color-orange-light-color: var(--mantine-color-orange-6);
        --mantine-color-orange-outline: var(--mantine-color-orange-6);
        --mantine-color-orange-outline-hover: rgba(253, 126, 20, .05)
    }
    .m_d57069b5 {
        --scrollarea-scrollbar-size: calc(.75rem * var(--mantine-scale));
        position: relative;
        overflow: hidden
    }
    .m_d57069b5:where([data-autosize]) .m_b1336c6 {
        min-width: -moz-min-content;
        min-width: min-content
    }
    .m_c0783ff9 {
        scrollbar-width: none;
        overscroll-behavior: var(--scrollarea-over-scroll-behavior);
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100%
    }
    .m_c0783ff9::-webkit-scrollbar {
        display: none
    }
    .m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):where([data-vertical-hidden]) {
        padding-inline-end: 0;
        padding-inline-start: 0
    }
    .m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):not([data-vertical-hidden]) {
        padding-inline-end: var(--scrollarea-scrollbar-size);
        padding-inline-start: unset
    }
    .m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):where([data-horizontal-hidden]) {
        padding-bottom: 0
    }
    .m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):not([data-horizontal-hidden]) {
        padding-bottom: var(--scrollarea-scrollbar-size)
    }
    .m_f8f631dd {
        min-width: 100%;
        display: table
    }
    .m_c44ba933 {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        touch-action: none;
        box-sizing: border-box;
        transition: background-color .15s ease, opacity .15s ease;
        padding: calc(var(--scrollarea-scrollbar-size) / 5);
        display: flex;
        background-color: transparent;
        flex-direction: row
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_c44ba933:hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=light]) .m_c44ba933:hover>.m_d8b5e363 {
            background-color: #00000080
        }
        :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover {
            background-color: var(--mantine-color-dark-8)
        }
        :where([data-mantine-color-scheme=dark]) .m_c44ba933:hover>.m_d8b5e363 {
            background-color: #ffffff80
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_c44ba933:active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=light]) .m_c44ba933:active>.m_d8b5e363 {
            background-color: #00000080
        }
        :where([data-mantine-color-scheme=dark]) .m_c44ba933:active {
            background-color: var(--mantine-color-dark-8)
        }
        :where([data-mantine-color-scheme=dark]) .m_c44ba933:active>.m_d8b5e363 {
            background-color: #ffffff80
        }
    }
    .m_c44ba933:where([data-hidden], [data-state=hidden]) {
        display: none
    }
    .m_c44ba933:where([data-orientation=vertical]) {
        width: var(--scrollarea-scrollbar-size);
        top: 0;
        bottom: var(--sa-corner-width);
        inset-inline-end: 0
    }
    .m_c44ba933:where([data-orientation=horizontal]) {
        height: var(--scrollarea-scrollbar-size);
        flex-direction: column;
        bottom: 0;
        inset-inline-start: 0;
        inset-inline-end: var(--sa-corner-width)
    }
    .m_d8b5e363 {
        flex: 1;
        border-radius: var(--scrollarea-scrollbar-size);
        position: relative;
        transition: background-color .15s ease;
        overflow: hidden;
        opacity: var(--thumb-opacity)
    }
    .m_d8b5e363:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        min-width: calc(2.75rem * var(--mantine-scale));
        min-height: calc(2.75rem * var(--mantine-scale))
    }
    :where([data-mantine-color-scheme=light]) .m_d8b5e363 {
        background-color: #0006
    }
    :where([data-mantine-color-scheme=dark]) .m_d8b5e363 {
        background-color: #fff6
    }
    .m_21657268 {
        position: absolute;
        opacity: 0;
        transition: opacity .15s ease;
        display: block;
        inset-inline-end: 0;
        bottom: 0
    }
    :where([data-mantine-color-scheme=light]) .m_21657268 {
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_21657268 {
        background-color: var(--mantine-color-dark-8)
    }
    .m_21657268:where([data-hovered]) {
        opacity: 1
    }
    .m_21657268:where([data-hidden]) {
        display: none
    }
    .m_b1336c6 {
        min-width: 100%
    }
    .m_87cf2631 {
        background-color: transparent;
        cursor: pointer;
        border: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: var(--mantine-font-size-md);
        text-align: left;
        text-decoration: none;
        color: inherit;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent
    }
    :where([dir=rtl]) .m_87cf2631 {
        text-align: right
    }
    .m_515a97f8 {
        border: 0;
        clip: rect(0 0 0 0);
        height: calc(.0625rem * var(--mantine-scale));
        width: calc(.0625rem * var(--mantine-scale));
        margin: calc(-.0625rem * var(--mantine-scale));
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap
    }
    .m_1b7284a3 {
        --paper-radius: var(--mantine-radius-default);
        outline: 0;
        -webkit-tap-highlight-color: transparent;
        display: block;
        touch-action: manipulation;
        text-decoration: none;
        border-radius: var(--paper-radius);
        box-shadow: var(--paper-shadow);
        background-color: var(--mantine-color-body)
    }
    [data-mantine-color-scheme=light] .m_1b7284a3 {
        --paper-border-color: var(--mantine-color-gray-3)
    }
    [data-mantine-color-scheme=dark] .m_1b7284a3 {
        --paper-border-color: var(--mantine-color-dark-4)
    }
    .m_1b7284a3:where([data-with-border]) {
        border: calc(.0625rem * var(--mantine-scale)) solid var(--paper-border-color)
    }
    .m_9814e45f {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        background: var(--overlay-bg, rgba(0, 0, 0, .6));
        -webkit-backdrop-filter: var(--overlay-filter);
        backdrop-filter: var(--overlay-filter);
        border-radius: var(--overlay-radius, 0);
        z-index: var(--overlay-z-index)
    }
    .m_9814e45f:where([data-fixed]) {
        position: fixed
    }
    .m_9814e45f:where([data-center]) {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .m_38a85659 {
        position: absolute;
        border: 1px solid var(--popover-border-color);
        padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
        box-shadow: var(--popover-shadow, none);
        border-radius: var(--popover-radius, var(--mantine-radius-default))
    }
    .m_38a85659:where([data-fixed]) {
        position: fixed
    }
    .m_38a85659:focus {
        outline: none
    }
    :where([data-mantine-color-scheme=light]) .m_38a85659 {
        --popover-border-color: var(--mantine-color-gray-2);
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_38a85659 {
        --popover-border-color: var(--mantine-color-dark-4);
        background-color: var(--mantine-color-dark-6)
    }
    .m_a31dc6c1 {
        background-color: inherit;
        border: 1px solid var(--popover-border-color);
        z-index: 1
    }
    .m_3d7bc908 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .m_5ae2e3c {
        --loader-size-xs: calc(1.125rem * var(--mantine-scale));
        --loader-size-sm: calc(1.375rem * var(--mantine-scale));
        --loader-size-md: calc(2.25rem * var(--mantine-scale));
        --loader-size-lg: calc(2.75rem * var(--mantine-scale));
        --loader-size-xl: calc(3.625rem * var(--mantine-scale));
        --loader-size: var(--loader-size-md);
        --loader-color: var(--mantine-primary-color-filled)
    }
    @keyframes m_5d2b3b9d {
        0% {
            transform: scale(.6);
            opacity: 0
        }
        50%,
        to {
            transform: scale(1)
        }
    }
    .m_7a2bd4cd {
        position: relative;
        width: var(--loader-size);
        height: var(--loader-size);
        display: flex;
        gap: calc(var(--loader-size) / 5)
    }
    .m_870bb79 {
        flex: 1;
        background: var(--loader-color);
        animation: m_5d2b3b9d 1.2s cubic-bezier(0, .5, .5, 1) infinite;
        border-radius: calc(.125rem * var(--mantine-scale))
    }
    .m_870bb79:nth-of-type(1) {
        animation-delay: -.24s
    }
    .m_870bb79:nth-of-type(2) {
        animation-delay: -.12s
    }
    .m_870bb79:nth-of-type(3) {
        animation-delay: 0
    }
    @keyframes m_aac34a1 {
        0%,
        to {
            transform: scale(1);
            opacity: 1
        }
        50% {
            transform: scale(.6);
            opacity: .5
        }
    }
    .m_4e3f22d7 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--loader-size) / 10);
        position: relative;
        width: var(--loader-size);
        height: var(--loader-size)
    }
    .m_870c4af {
        width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
        height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
        border-radius: 50%;
        background: var(--loader-color);
        animation: m_aac34a1 .8s infinite linear
    }
    .m_870c4af:nth-child(2) {
        animation-delay: .4s
    }
    @keyframes m_f8e89c4b {
        0% {
            transform: rotate(0)
        }
        to {
            transform: rotate(360deg)
        }
    }
    .m_b34414df {
        display: inline-block;
        width: var(--loader-size);
        height: var(--loader-size)
    }
    .m_b34414df:after {
        content: "";
        display: block;
        width: var(--loader-size);
        height: var(--loader-size);
        border-radius: calc(625rem * var(--mantine-scale));
        border-width: calc(var(--loader-size) / 8);
        border-style: solid;
        border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
        animation: m_f8e89c4b 1.2s linear infinite
    }
    .m_8d3f4000 {
        --ai-size-xs: calc(1.125rem * var(--mantine-scale));
        --ai-size-sm: calc(1.375rem * var(--mantine-scale));
        --ai-size-md: calc(1.75rem * var(--mantine-scale));
        --ai-size-lg: calc(2.125rem * var(--mantine-scale));
        --ai-size-xl: calc(2.75rem * var(--mantine-scale));
        --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
        --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
        --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
        --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
        --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
        --ai-size: var(--ai-size-md);
        --ai-color: var(--mantine-color-white);
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        overflow: hidden;
        width: var(--ai-size);
        height: var(--ai-size);
        min-width: var(--ai-size);
        min-height: var(--ai-size);
        border-radius: var(--ai-radius, var(--mantine-radius-default));
        background: var(--ai-bg, var(--mantine-primary-color-filled));
        color: var(--ai-color, var(--mantine-color-white));
        border: var(--ai-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
        cursor: pointer
    }
    @media(hover:hover) {
        .m_8d3f4000:hover:where(:not([data-loading], : disabled, [data-disabled])) {
            background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));
            color: var(--ai-hover-color, var(--ai-color))
        }
    }
    @media(hover:none) {
        .m_8d3f4000:active:where(:not([data-loading], : disabled, [data-disabled])) {
            background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));
            color: var(--ai-hover-color, var(--ai-color))
        }
    }
    .m_8d3f4000[data-loading] {
        cursor: not-allowed
    }
    .m_8d3f4000[data-loading] .m_8d3afb97 {
        opacity: 0;
        transform: translateY(100%)
    }
    .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
        cursor: not-allowed;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        color: var(--mantine-color-disabled-color);
        background-color: var(--mantine-color-disabled)
    }
    .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
        transform: none
    }
    .m_302b9fb1 {
        inset: calc(-.0625rem * var(--mantine-scale));
        position: absolute;
        border-radius: var(--ai-radius, var(--mantine-radius-default));
        display: flex;
        align-items: center;
        justify-content: center
    }
    :where([data-mantine-color-scheme=light]) .m_302b9fb1 {
        background-color: #ffffff26
    }
    :where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
        background-color: #00000026
    }
    .m_1a0f1b21 {
        --ai-border-width: calc(.0625rem * var(--mantine-scale));
        display: flex
    }
    .m_1a0f1b21 :where(*):focus {
        position: relative;
        z-index: 1
    }
    .m_1a0f1b21[data-orientation=horizontal] {
        flex-direction: row
    }
    .m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,
    .m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--ai-border-width) / 2)
    }
    .m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,
    .m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--ai-border-width) / 2)
    }
    .m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
    .m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--ai-border-width) / 2)
    }
    .m_1a0f1b21[data-orientation=vertical] {
        flex-direction: column
    }
    .m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,
    .m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2)
    }
    .m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,
    .m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--ai-border-width) / 2)
    }
    .m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
    .m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--ai-border-width) / 2);
        border-top-width: calc(var(--ai-border-width) / 2)
    }
    .m_8d3afb97 {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform .15s ease, opacity .1s ease;
        width: 100%;
        height: 100%
    }
    .m_437b6484 {
        --section-height-xs: calc(1.125rem * var(--mantine-scale));
        --section-height-sm: calc(1.375rem * var(--mantine-scale));
        --section-height-md: calc(1.75rem * var(--mantine-scale));
        --section-height-lg: calc(2.125rem * var(--mantine-scale));
        --section-height-xl: calc(2.75rem * var(--mantine-scale));
        --section-height-input-xs: calc(1.875rem * var(--mantine-scale));
        --section-height-input-sm: calc(2.25rem * var(--mantine-scale));
        --section-height-input-md: calc(2.625rem * var(--mantine-scale));
        --section-height-input-lg: calc(3.125rem * var(--mantine-scale));
        --section-height-input-xl: calc(3.75rem * var(--mantine-scale));
        --section-padding-x-xs: calc(.375rem * var(--mantine-scale));
        --section-padding-x-sm: calc(.5rem * var(--mantine-scale));
        --section-padding-x-md: calc(.625rem * var(--mantine-scale));
        --section-padding-x-lg: calc(.75rem * var(--mantine-scale));
        --section-padding-x-xl: calc(1rem * var(--mantine-scale));
        --section-height: var(--section-height-sm);
        --section-padding-x: var(--section-padding-x-sm);
        --section-color: var(--mantine-color-white);
        font-weight: 600;
        width: auto;
        border-radius: var(--section-radius, var(--mantine-radius-default));
        font-size: var(--section-fz, var(--mantine-font-size-sm));
        background: var(--section-bg, var(--mantine-primary-color-filled));
        border: var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
        color: var(--section-color, var(--mantine-color-white));
        height: var(--section-height, var(--section-height-sm));
        padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
        vertical-align: middle;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }
    .m_86a44da5 {
        --cb-size-xs: calc(1.125rem * var(--mantine-scale));
        --cb-size-sm: calc(1.375rem * var(--mantine-scale));
        --cb-size-md: calc(1.75rem * var(--mantine-scale));
        --cb-size-lg: calc(2.125rem * var(--mantine-scale));
        --cb-size-xl: calc(2.75rem * var(--mantine-scale));
        --cb-size: var(--cb-size-md);
        --cb-icon-size: 70%;
        --cb-radius: var(--mantine-radius-default);
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: var(--cb-size);
        height: var(--cb-size);
        min-width: var(--cb-size);
        min-height: var(--cb-size);
        border-radius: var(--cb-radius)
    }
    :where([data-mantine-color-scheme=light]) .m_86a44da5 {
        color: var(--mantine-color-gray-7)
    }
    :where([data-mantine-color-scheme=dark]) .m_86a44da5 {
        color: var(--mantine-color-dark-1)
    }
    .m_86a44da5[data-disabled],
    .m_86a44da5:disabled {
        cursor: not-allowed;
        opacity: .6
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], : disabled)):hover {
            background-color:var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
            background-color: var(--mantine-color-dark-6)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], : disabled)):active {
            background-color:var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
            background-color: var(--mantine-color-dark-6)
        }
    }
    .m_4081bf90 {
        display: flex;
        flex-direction: row;
        flex-wrap: var(--group-wrap, wrap);
        justify-content: var(--group-justify, flex-start);
        align-items: var(--group-align, center);
        gap: var(--group-gap, var(--mantine-spacing-md))
    }
    .m_4081bf90:where([data-grow])>* {
        flex-grow: 1;
        max-width: var(--group-child-width)
    }
    .m_615af6c9 {
        line-height: 1;
        padding: 0;
        margin: 0;
        font-weight: 400;
        font-size: var(--mantine-font-size-md)
    }
    .m_b5489c3c {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--mb-padding, var(--mantine-spacing-md));
        padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - .3125rem * var(--mantine-scale));
        position: sticky;
        top: 0;
        background-color: var(--mantine-color-body);
        z-index: 1000;
        min-height: calc(3.75rem * var(--mantine-scale));
        transition: padding-inline-end .1s
    }
    .m_60c222c7 {
        position: fixed;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: var(--mb-z-index);
        pointer-events: none
    }
    .m_fd1ab0aa {
        pointer-events: all;
        box-shadow: var(--mb-shadow, var(--mantine-shadow-xl))
    }
    .m_fd1ab0aa [data-mantine-scrollbar] {
        z-index: 1001
    }
    [data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
        padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + .3125rem * var(--mantine-scale))
    }
    .m_606cb269 {
        margin-inline-start: auto
    }
    .m_5df29311 {
        padding: var(--mb-padding, var(--mantine-spacing-md));
        padding-top: var(--mb-padding, var(--mantine-spacing-md))
    }
    .m_5df29311:where(:not(:only-child)) {
        padding-top: 0
    }
    .m_6c018570 {
        position: relative;
        margin-top: var(--input-margin-top, 0rem);
        margin-bottom: var(--input-margin-bottom, 0rem);
        --input-height-xs: calc(1.875rem * var(--mantine-scale));
        --input-height-sm: calc(2.25rem * var(--mantine-scale));
        --input-height-md: calc(2.625rem * var(--mantine-scale));
        --input-height-lg: calc(3.125rem * var(--mantine-scale));
        --input-height-xl: calc(3.75rem * var(--mantine-scale));
        --input-padding-y-xs: calc(.3125rem * var(--mantine-scale));
        --input-padding-y-sm: calc(.375rem * var(--mantine-scale));
        --input-padding-y-md: calc(.5rem * var(--mantine-scale));
        --input-padding-y-lg: calc(.625rem * var(--mantine-scale));
        --input-padding-y-xl: calc(.8125rem * var(--mantine-scale));
        --input-height: var(--input-height-sm);
        --input-radius: var(--mantine-radius-default);
        --input-cursor: text;
        --input-text-align: left;
        --input-line-height: calc(var(--input-height) - calc(.125rem * var(--mantine-scale)));
        --input-padding: calc(var(--input-height) / 3);
        --input-padding-inline-start: var(--input-padding);
        --input-padding-inline-end: var(--input-padding);
        --input-placeholder-color: var(--mantine-color-placeholder);
        --input-color: var(--mantine-color-text);
        --input-disabled-bg: var(--mantine-color-disabled);
        --input-disabled-color: var(--mantine-color-disabled-color);
        --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));
        --input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));
        --input-size: var(--input-height);
        --section-y: calc(.0625rem * var(--mantine-scale));
        --left-section-start: calc(.0625rem * var(--mantine-scale));
        --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
        --right-section-end: calc(.0625rem * var(--mantine-scale));
        --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0
    }
    .m_6c018570[data-variant=unstyled] {
        --input-padding: 0;
        --input-padding-y: 0;
        --input-padding-inline-start: 0;
        --input-padding-inline-end: 0
    }
    .m_6c018570[data-pointer] {
        --input-cursor: pointer
    }
    .m_6c018570[data-multiline] {
        --input-padding-y-xs: calc(.28125rem * var(--mantine-scale));
        --input-padding-y-sm: calc(.34375rem * var(--mantine-scale));
        --input-padding-y-md: calc(.4375rem * var(--mantine-scale));
        --input-padding-y-lg: calc(.59375rem * var(--mantine-scale));
        --input-padding-y-xl: calc(.8125rem * var(--mantine-scale));
        --input-size: auto;
        --input-line-height: var(--mantine-line-height)
    }
    .m_6c018570[data-with-left-section] {
        --input-padding-inline-start: var(--input-left-section-size)
    }
    .m_6c018570[data-with-right-section] {
        --input-padding-inline-end: var(--input-right-section-size)
    }
    .m_6c018570[data-size=xs] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=sm] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.125rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=md] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(3.75rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=lg] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(4.5rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=xl] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
        --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale))
    }
    [data-mantine-color-scheme=light] .m_6c018570[data-variant=default] {
        --input-bd: var(--mantine-color-gray-4);
        --input-bg: var(--mantine-color-white);
        --input-bd-focus: var(--mantine-primary-color-filled)
    }
    [data-mantine-color-scheme=light] .m_6c018570[data-variant=filled] {
        --input-bd: transparent;
        --input-bg: var(--mantine-color-gray-1);
        --input-bd-focus: var(--mantine-primary-color-filled)
    }
    [data-mantine-color-scheme=light] .m_6c018570[data-variant=unstyled] {
        --input-bd: transparent;
        --input-bg: transparent;
        --input-bd-focus: transparent
    }
    [data-mantine-color-scheme=dark] .m_6c018570[data-variant=default] {
        --input-bd: var(--mantine-color-dark-4);
        --input-bg: var(--mantine-color-dark-6);
        --input-bd-focus: var(--mantine-primary-color-filled)
    }
    [data-mantine-color-scheme=dark] .m_6c018570[data-variant=filled] {
        --input-bd: transparent;
        --input-bg: var(--mantine-color-dark-5);
        --input-bd-focus: var(--mantine-primary-color-filled)
    }
    [data-mantine-color-scheme=dark] .m_6c018570[data-variant=unstyled] {
        --input-bd: transparent;
        --input-bg: transparent;
        --input-bd-focus: transparent
    }
    [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant=unstyled]) {
        --input-bd: var(--mantine-color-error)
    }
    [data-mantine-color-scheme] .m_6c018570[data-error] {
        --input-color: var(--mantine-color-error);
        --input-placeholder-color: var(--mantine-color-error);
        --input-section-color: var(--mantine-color-error)
    }
    :where([dir=rtl]) .m_6c018570 {
        --input-text-align: right;
        --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
        --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius)
    }
    .m_8fb7ebe7 {
        -webkit-tap-highlight-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: var(--input-resize, none);
        display: block;
        width: 100%;
        transition: border-color .1s ease;
        text-align: var(--input-text-align);
        color: var(--input-color);
        border: calc(.0625rem * var(--mantine-scale)) solid var(--input-bd);
        background-color: var(--input-bg);
        font-family: var(--input-font-family, var(--mantine-font-family));
        height: var(--input-size);
        min-height: var(--input-height);
        line-height: var(--input-line-height);
        font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));
        border-radius: var(--input-radius);
        padding-inline-start: var(--input-padding-inline-start);
        padding-inline-end: var(--input-padding-inline-end);
        padding-top: var(--input-padding-y, 0rem);
        padding-bottom: var(--input-padding-y, 0rem);
        cursor: var(--input-cursor);
        overflow: var(--input-overflow)
    }
    .m_8fb7ebe7[data-no-overflow] {
        --input-overflow: hidden
    }
    .m_8fb7ebe7[data-monospace] {
        --input-font-family: var(--mantine-font-family-monospace);
        --_input-fz: calc(var(--input-fz) - calc(.125rem * var(--mantine-scale)))
    }
    .m_8fb7ebe7:focus,
    .m_8fb7ebe7:focus-within {
        outline: none;
        --input-bd: var(--input-bd-focus)
    }
    [data-error] .m_8fb7ebe7:focus,
    [data-error] .m_8fb7ebe7:focus-within {
        --input-bd: var(--mantine-color-error)
    }
    .m_8fb7ebe7::-moz-placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_8fb7ebe7::placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_8fb7ebe7::-webkit-inner-spin-button,
    .m_8fb7ebe7::-webkit-outer-spin-button,
    .m_8fb7ebe7::-webkit-search-decoration,
    .m_8fb7ebe7::-webkit-search-cancel-button,
    .m_8fb7ebe7::-webkit-search-results-button,
    .m_8fb7ebe7::-webkit-search-results-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .m_8fb7ebe7[type=number] {
        -moz-appearance: textfield
    }
    .m_8fb7ebe7:disabled,
    .m_8fb7ebe7[data-disabled] {
        cursor: not-allowed;
        opacity: .6;
        background-color: var(--input-disabled-bg);
        color: var(--input-disabled-color)
    }
    .m_8fb7ebe7:has(input:disabled) {
        cursor: not-allowed;
        opacity: .6;
        background-color: var(--input-disabled-bg);
        color: var(--input-disabled-color)
    }
    .m_8fb7ebe7[readonly] {
        caret-color: transparent
    }
    .m_82577fc2 {
        pointer-events: var(--section-pointer-events);
        position: absolute;
        z-index: 1;
        inset-inline-start: var(--section-start);
        inset-inline-end: var(--section-end);
        bottom: var(--section-y);
        top: var(--section-y);
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--section-size);
        border-radius: var(--section-border-radius);
        color: var(--input-section-color, var(--mantine-color-dimmed))
    }
    .m_82577fc2[data-position=right] {
        --section-pointer-events: var(--input-right-section-pointer-events);
        --section-end: var(--right-section-end);
        --section-size: var(--input-right-section-size);
        --section-border-radius: var(--right-section-border-radius)
    }
    .m_6c018570[data-size=xs] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
        --section-size: calc(2.5625rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=sm] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
        --section-size: calc(3.125rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=md] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
        --section-size: calc(3.75rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=lg] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
        --section-size: calc(4.5rem * var(--mantine-scale))
    }
    .m_6c018570[data-size=xl] .m_82577fc2[data-position=right]:has([data-combined-clear-section]) {
        --section-size: calc(5.5625rem * var(--mantine-scale))
    }
    .m_82577fc2[data-position=left] {
        --section-pointer-events: var(--input-left-section-pointer-events);
        --section-start: var(--left-section-start);
        --section-size: var(--input-left-section-size);
        --section-border-radius: var(--left-section-border-radius)
    }
    .m_88bacfd0 {
        color: var(--input-placeholder-color, var(--mantine-color-placeholder))
    }
    [data-error] .m_88bacfd0 {
        --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder))
    }
    .m_46b77525 {
        line-height: var(--mantine-line-height)
    }
    .m_8fdc1311 {
        display: inline-block;
        font-weight: 500;
        overflow-wrap: break-word;
        cursor: default;
        -webkit-tap-highlight-color: transparent;
        font-size: var(--input-label-size, var(--mantine-font-size-sm))
    }
    .m_78a94662 {
        color: var(--input-asterisk-color, var(--mantine-color-error))
    }
    .m_8f816625,
    .m_fe47ce59 {
        word-wrap: break-word;
        line-height: 1.2;
        display: block;
        margin: 0;
        padding: 0
    }
    .m_8f816625 {
        color: var(--mantine-color-error);
        font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)))
    }
    .m_fe47ce59 {
        color: var(--mantine-color-dimmed);
        font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - .125rem * var(--mantine-scale)))
    }
    .m_8bffd616 {
        display: flex
    }
    .m_96b553a6 {
        --transition-duration: .15s;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 0;
        transition-property: transform, width, height;
        transition-timing-function: ease;
        transition-duration: 0ms
    }
    .m_96b553a6:where([data-initialized]) {
        transition-duration: var(--transition-duration)
    }
    .m_96b553a6:where([data-hidden]) {
        background-color: red;
        display: none
    }
    .m_9bdbb667 {
        --accordion-radius: var(--mantine-radius-default)
    }
    .m_df78851f {
        overflow-wrap: break-word
    }
    .m_4ba554d4 {
        padding: var(--mantine-spacing-md);
        padding-top: calc(var(--mantine-spacing-xs) / 2)
    }
    .m_8fa820a0 {
        margin: 0;
        padding: 0
    }
    .m_4ba585b8 {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        padding-inline: var(--mantine-spacing-md);
        opacity: 1;
        cursor: pointer;
        background-color: transparent;
        color: var(--mantine-color-bright)
    }
    .m_4ba585b8:where([data-chevron-position=left]) {
        flex-direction: row;
        padding-inline-start: 0
    }
    .m_4ba585b8:where(:disabled, [data-disabled]) {
        opacity: .4;
        cursor: not-allowed
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
        :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
        :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
            background-color: var(--mantine-color-dark-6)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
        :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
        :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
            background-color: var(--mantine-color-dark-6)
        }
    }
    .m_df3ffa0f {
        color: inherit;
        font-weight: 400;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: var(--mantine-spacing-sm);
        padding-bottom: var(--mantine-spacing-sm)
    }
    .m_3f35ae96 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: transform var(--accordion-transition-duration, .2s) ease;
        width: var(--accordion-chevron-size, calc(.9375rem * var(--mantine-scale)));
        min-width: var(--accordion-chevron-size, calc(.9375rem * var(--mantine-scale)));
        transform: rotate(0)
    }
    .m_3f35ae96:where([data-rotate]) {
        transform: rotate(180deg)
    }
    .m_3f35ae96:where([data-position=left]) {
        margin-inline-end: var(--mantine-spacing-md);
        margin-inline-start: var(--mantine-spacing-md)
    }
    .m_9bd771fe {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-inline-end: var(--mantine-spacing-sm)
    }
    .m_9bd771fe:where([data-chevron-position=left]) {
        margin-inline-end: 0;
        margin-inline-start: var(--mantine-spacing-lg)
    }
    :where([data-mantine-color-scheme=light]) .m_9bd7b098 {
        --item-border-color: var(--mantine-color-gray-3);
        --item-filled-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_9bd7b098 {
        --item-border-color: var(--mantine-color-dark-4);
        --item-filled-color: var(--mantine-color-dark-6)
    }
    .m_fe19b709 {
        border-bottom: 1px solid var(--item-border-color)
    }
    .m_1f921b3b {
        border: 1px solid var(--item-border-color);
        transition: background-color .15s ease
    }
    .m_1f921b3b:where([data-active]) {
        background-color: var(--item-filled-color)
    }
    .m_1f921b3b:first-of-type {
        border-start-start-radius: var(--accordion-radius);
        border-start-end-radius: var(--accordion-radius)
    }
    .m_1f921b3b:first-of-type>[data-accordion-control] {
        border-start-start-radius: var(--accordion-radius);
        border-start-end-radius: var(--accordion-radius)
    }
    .m_1f921b3b:last-of-type {
        border-end-start-radius: var(--accordion-radius);
        border-end-end-radius: var(--accordion-radius)
    }
    .m_1f921b3b:last-of-type>[data-accordion-control] {
        border-end-start-radius: var(--accordion-radius);
        border-end-end-radius: var(--accordion-radius)
    }
    .m_1f921b3b+.m_1f921b3b {
        border-top: 0
    }
    .m_2cdf939a {
        border-radius: var(--accordion-radius)
    }
    .m_2cdf939a:where([data-active]) {
        background-color: var(--item-filled-color)
    }
    .m_9f59b069 {
        background-color: var(--item-filled-color);
        border-radius: var(--accordion-radius);
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        transition: background-color .15s ease
    }
    .m_9f59b069[data-active] {
        border-color: var(--item-border-color)
    }
    :where([data-mantine-color-scheme=light]) .m_9f59b069[data-active] {
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_9f59b069[data-active] {
        background-color: var(--mantine-color-dark-7)
    }
    .m_9f59b069+.m_9f59b069 {
        margin-top: var(--mantine-spacing-md)
    }
    .m_7f854edf {
        position: fixed;
        z-index: var(--affix-z-index);
        inset-inline-start: var(--affix-left);
        inset-inline-end: var(--affix-right);
        top: var(--affix-top);
        bottom: var(--affix-bottom)
    }
    .m_66836ed3 {
        --alert-radius: var(--mantine-radius-default);
        --alert-bg: var(--mantine-primary-color-light);
        --alert-bd: calc(.0625rem * var(--mantine-scale)) solid transparent;
        --alert-color: var(--mantine-primary-color-light-color);
        padding: var(--mantine-spacing-md) var(--mantine-spacing-md);
        border-radius: var(--alert-radius);
        position: relative;
        overflow: hidden;
        background-color: var(--alert-bg);
        border: var(--alert-bd);
        color: var(--alert-color)
    }
    .m_a5d60502 {
        display: flex
    }
    .m_667c2793 {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: var(--mantine-spacing-xs)
    }
    .m_6a03f287 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: var(--mantine-font-size-sm);
        font-weight: 700
    }
    .m_6a03f287:where([data-with-close-button]) {
        padding-inline-end: var(--mantine-spacing-md)
    }
    .m_698f4f23 {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .m_667f2a6a {
        line-height: 1;
        width: calc(1.25rem * var(--mantine-scale));
        height: calc(1.25rem * var(--mantine-scale));
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-inline-end: var(--mantine-spacing-md);
        margin-top: calc(.0625rem * var(--mantine-scale))
    }
    .m_7fa78076 {
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: var(--mantine-font-size-sm)
    }
    :where([data-mantine-color-scheme=light]) .m_7fa78076 {
        color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=dark]) .m_7fa78076 {
        color: var(--mantine-color-white)
    }
    .m_7fa78076:where([data-variant=filled]) {
        color: var(--alert-color)
    }
    .m_7fa78076:where([data-variant=white]) {
        color: var(--mantine-color-black)
    }
    .m_87f54839 {
        width: calc(1.25rem * var(--mantine-scale));
        height: calc(1.25rem * var(--mantine-scale));
        color: var(--alert-color)
    }
    .m_b6d8b162 {
        -webkit-tap-highlight-color: transparent;
        text-decoration: none;
        font-size: var(--text-fz, var(--mantine-font-size-md));
        line-height: var(--text-lh, var(--mantine-line-height-md));
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: var(--text-color)
    }
    .m_b6d8b162:where([data-truncate]) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .m_b6d8b162:where([data-truncate=start]) {
        direction: rtl;
        text-align: right
    }
    :where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]) {
        direction: ltr;
        text-align: left
    }
    .m_b6d8b162:where([data-variant=gradient]) {
        background-image: var(--text-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .m_b6d8b162:where([data-line-clamp]) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: var(--text-line-clamp);
        -webkit-box-orient: vertical
    }
    .m_b6d8b162:where([data-inherit]) {
        line-height: inherit;
        font-weight: inherit;
        font-size: inherit
    }
    .m_b6d8b162:where([data-inline]) {
        line-height: 1
    }
    .m_849cf0da {
        color: var(--mantine-color-anchor);
        text-decoration: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        display: inline;
        padding: 0;
        margin: 0;
        background-color: transparent;
        cursor: pointer
    }
    @media(hover:hover) {
        .m_849cf0da:where([data-underline=hover]):hover {
            text-decoration: underline
        }
    }
    @media(hover:none) {
        .m_849cf0da:where([data-underline=hover]):active {
            text-decoration: underline
        }
    }
    .m_849cf0da:where([data-underline=not-hover]) {
        text-decoration: underline
    }
    @media(hover:hover) {
        .m_849cf0da:where([data-underline=not-hover]):hover {
            text-decoration: none
        }
    }
    @media(hover:none) {
        .m_849cf0da:where([data-underline=not-hover]):active {
            text-decoration: none
        }
    }
    .m_849cf0da:where([data-underline=always]) {
        text-decoration: underline
    }
    .m_849cf0da:where([data-variant=gradient]),
    .m_849cf0da:where([data-variant=gradient]):hover {
        text-decoration: none
    }
    .m_849cf0da:where([data-line-clamp]) {
        display: -webkit-box
    }
    .m_48204f9b {
        width: var(--slider-size);
        height: var(--slider-size);
        position: relative;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .m_48204f9b:focus-within {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .m_48204f9b {
        --slider-size: calc(3.75rem * var(--mantine-scale));
        --thumb-size: calc(var(--slider-size) / 5)
    }
    :where([data-mantine-color-scheme=light]) .m_48204f9b {
        background-color: var(--mantine-color-gray-1)
    }
    :where([data-mantine-color-scheme=dark]) .m_48204f9b {
        background-color: var(--mantine-color-dark-5)
    }
    .m_bb9cdbad {
        position: absolute;
        inset: calc(.0625rem * var(--mantine-scale));
        border-radius: var(--slider-size);
        pointer-events: none
    }
    .m_481dd586 {
        width: calc(.125rem * var(--mantine-scale));
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(50% - 1px);
        transform: rotate(var(--angle))
    }
    .m_481dd586:before {
        content: "";
        position: absolute;
        top: calc(var(--thumb-size) / 3);
        left: calc(.03125rem * var(--mantine-scale));
        width: calc(.0625rem * var(--mantine-scale));
        height: calc(var(--thumb-size) / 1.5);
        transform: translate(-50%, -50%)
    }
    :where([data-mantine-color-scheme=light]) .m_481dd586:before {
        background-color: var(--mantine-color-gray-4)
    }
    :where([data-mantine-color-scheme=dark]) .m_481dd586:before {
        background-color: var(--mantine-color-dark-3)
    }
    .m_481dd586[data-label]:after {
        min-width: calc(1.125rem * var(--mantine-scale));
        text-align: center;
        content: attr(data-label);
        position: absolute;
        top: calc(-1.5rem * var(--mantine-scale));
        left: calc(-.4375rem * var(--mantine-scale));
        transform: rotate(calc(360deg - var(--angle)));
        font-size: var(--mantine-font-size-xs)
    }
    .m_bc02ba3d {
        position: absolute;
        inset-block: 0;
        inset-inline-start: calc(50% - 1.5px);
        inset-inline-end: 0;
        height: 100%;
        width: calc(.1875rem * var(--mantine-scale));
        outline: none;
        pointer-events: none
    }
    .m_bc02ba3d:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: min(var(--thumb-size), var(--slider-size) / 2);
        width: calc(.1875rem * var(--mantine-scale))
    }
    :where([data-mantine-color-scheme=light]) .m_bc02ba3d:before {
        background-color: var(--mantine-color-gray-7)
    }
    :where([data-mantine-color-scheme=dark]) .m_bc02ba3d:before {
        background-color: var(--mantine-color-dark-1)
    }
    .m_bb8e875b {
        font-size: var(--mantine-font-size-xs)
    }
    .m_89ab340[data-resizing] {
        --app-shell-transition-duration: 0ms !important
    }
    .m_89ab340[data-disabled] {
        --app-shell-header-offset: 0rem !important;
        --app-shell-navbar-offset: 0rem !important;
        --app-shell-aside-offset: 0rem !important;
        --app-shell-footer-offset: 0rem !important
    }
    [data-mantine-color-scheme=light] .m_89ab340 {
        --app-shell-border-color: var(--mantine-color-gray-3)
    }
    [data-mantine-color-scheme=dark] .m_89ab340 {
        --app-shell-border-color: var(--mantine-color-dark-4)
    }
    .m_45252eee,
    .m_9cdde9a,
    .m_3b16f56b,
    .m_8983817,
    .m_3840c879 {
        transition-duration: var(--app-shell-transition-duration);
        transition-timing-function: var(--app-shell-transition-timing-function)
    }
    .m_45252eee,
    .m_9cdde9a {
        position: fixed;
        display: flex;
        flex-direction: column;
        top: var(--app-shell-header-offset, 0rem);
        height: calc(100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem));
        background-color: var(--mantine-color-body);
        transition-property: transform, top, height
    }
    :where([data-layout=alt]) .m_45252eee,
    :where([data-layout=alt]) .m_9cdde9a {
        top: 0rem;
        height: 100dvh
    }
    .m_45252eee {
        inset-inline-start: 0;
        width: var(--app-shell-navbar-width);
        transition-property: transform, top, height;
        transform: var(--app-shell-navbar-transform);
        z-index: var(--app-shell-navbar-z-index)
    }
    :where([dir=rtl]) .m_45252eee {
        transform: var(--app-shell-navbar-transform-rtl)
    }
    .m_45252eee:where([data-with-border]) {
        border-inline-end: 1px solid var(--app-shell-border-color)
    }
    .m_9cdde9a {
        inset-inline-end: 0;
        width: var(--app-shell-aside-width);
        transform: var(--app-shell-aside-transform);
        z-index: var(--app-shell-aside-z-index)
    }
    :where([dir=rtl]) .m_9cdde9a {
        transform: var(--app-shell-aside-transform-rtl)
    }
    .m_9cdde9a:where([data-with-border]) {
        border-inline-start: 1px solid var(--app-shell-border-color)
    }
    :where([data-scroll-locked]) .m_9cdde9a {
        visibility: var(--app-shell-aside-scroll-locked-visibility)
    }
    .m_8983817 {
        padding-inline-start: calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));
        padding-inline-end: calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));
        padding-top: calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));
        padding-bottom: calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));
        min-height: 100dvh;
        transition-property: padding
    }
    .m_3b16f56b,
    .m_3840c879 {
        position: fixed;
        inset-inline: 0;
        transition-property: transform, margin-inline-start, margin-inline-end;
        background-color: var(--mantine-color-body)
    }
    :where([data-layout=alt]) .m_3b16f56b,
    :where([data-layout=alt]) .m_3840c879 {
        margin-inline-start: var(--app-shell-navbar-offset, 0rem);
        margin-inline-end: var(--app-shell-aside-offset, 0rem)
    }
    .m_3b16f56b {
        top: 0;
        height: var(--app-shell-header-height);
        background-color: var(--mantine-color-body);
        transform: var(--app-shell-header-transform);
        z-index: var(--app-shell-header-z-index)
    }
    .m_3b16f56b:where([data-with-border]) {
        border-bottom: 1px solid var(--app-shell-border-color)
    }
    .m_3840c879 {
        bottom: 0;
        height: calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));
        padding-bottom: env(safe-area-inset-bottom);
        transform: var(--app-shell-footer-transform);
        z-index: var(--app-shell-footer-z-index)
    }
    .m_3840c879:where([data-with-border]) {
        border-top: 1px solid var(--app-shell-border-color)
    }
    .m_6dcfc7c7 {
        flex-grow: 0
    }
    .m_6dcfc7c7:where([data-grow]) {
        flex-grow: 1
    }
    .m_71ac47fc {
        --ar-ratio: 1;
        max-width: 100%
    }
    .m_71ac47fc>:where(*:not(style)) {
        aspect-ratio: var(--ar-ratio);
        width: 100%
    }
    .m_71ac47fc>:where(img, video) {
        -o-object-fit: cover;
        object-fit: cover
    }
    .m_88b62a41 {
        --combobox-padding: calc(.25rem * var(--mantine-scale));
        padding: var(--combobox-padding)
    }
    .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
        max-width: calc(100% + var(--combobox-padding))
    }
    .m_88b62a41[data-composed] {
        padding-inline-end: 0
    }
    .m_88b62a41[data-hidden] {
        display: none
    }
    .m_88b62a41,
    .m_b2821a6e {
        --combobox-option-padding-xs: calc(.25rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));
        --combobox-option-padding-sm: calc(.375rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));
        --combobox-option-padding-md: calc(.5rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));
        --combobox-option-padding-lg: calc(.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
        --combobox-option-padding-xl: calc(.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
        --combobox-option-padding: var(--combobox-option-padding-sm)
    }
    .m_92253aa5 {
        padding: var(--combobox-option-padding);
        font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
        border-radius: var(--mantine-radius-default);
        background-color: transparent;
        color: inherit;
        cursor: pointer;
        overflow-wrap: break-word
    }
    .m_92253aa5:where([data-combobox-selected]) {
        background-color: var(--mantine-primary-color-filled);
        color: var(--mantine-color-white)
    }
    .m_92253aa5:where([data-combobox-disabled]) {
        cursor: not-allowed;
        opacity: .35
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
            background-color: var(--mantine-color-dark-7)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
            background-color: var(--mantine-color-dark-7)
        }
    }
    .m_985517d8 {
        margin-inline: calc(var(--combobox-padding) * -1);
        margin-top: calc(var(--combobox-padding) * -1);
        width: calc(100% + var(--combobox-padding) * 2);
        border-top-width: 0;
        border-inline-width: 0;
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        margin-bottom: var(--combobox-padding);
        position: relative
    }
    :where([data-mantine-color-scheme=light]) .m_985517d8,
    :where([data-mantine-color-scheme=light]) .m_985517d8:focus {
        border-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_985517d8,
    :where([data-mantine-color-scheme=dark]) .m_985517d8:focus {
        border-color: var(--mantine-color-dark-4)
    }
    :where([data-mantine-color-scheme=light]) .m_985517d8 {
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_985517d8 {
        background-color: var(--mantine-color-dark-7)
    }
    .m_2530cd1d {
        font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
        text-align: center;
        padding: var(--combobox-option-padding);
        color: var(--mantine-color-dimmed)
    }
    .m_858f94bd,
    .m_82b967cb {
        font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
        border: 0 solid transparent;
        margin-inline: calc(var(--combobox-padding) * -1);
        padding: var(--combobox-option-padding)
    }
    :where([data-mantine-color-scheme=light]) .m_858f94bd,
    :where([data-mantine-color-scheme=light]) .m_82b967cb {
        border-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_858f94bd,
    :where([data-mantine-color-scheme=dark]) .m_82b967cb {
        border-color: var(--mantine-color-dark-4)
    }
    .m_82b967cb {
        border-top-width: calc(.0625rem * var(--mantine-scale));
        margin-top: var(--combobox-padding);
        margin-bottom: calc(var(--combobox-padding) * -1)
    }
    .m_858f94bd {
        border-bottom-width: calc(.0625rem * var(--mantine-scale));
        margin-bottom: var(--combobox-padding);
        margin-top: calc(var(--combobox-padding) * -1)
    }
    .m_254f3e4f:has(.m_2bb2e9e5:only-child) {
        display: none
    }
    .m_2bb2e9e5 {
        color: var(--mantine-color-dimmed);
        font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * .85);
        padding: var(--combobox-option-padding);
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center
    }
    .m_2bb2e9e5:after {
        content: "";
        flex: 1;
        inset-inline: 0;
        height: calc(.0625rem * var(--mantine-scale));
        margin-inline-start: var(--mantine-spacing-xs)
    }
    :where([data-mantine-color-scheme=light]) .m_2bb2e9e5:after {
        background-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_2bb2e9e5:after {
        background-color: var(--mantine-color-dark-4)
    }
    .m_2bb2e9e5:only-child {
        display: none
    }
    .m_2943220b {
        --combobox-chevron-size-xs: calc(.875rem * var(--mantine-scale));
        --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
        --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
        --combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));
        --combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));
        --combobox-chevron-size: var(--combobox-chevron-size-sm)
    }
    :where([data-mantine-color-scheme=light]) .m_2943220b {
        --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6))
    }
    :where([data-mantine-color-scheme=dark]) .m_2943220b {
        --_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3))
    }
    .m_2943220b {
        width: var(--combobox-chevron-size);
        height: var(--combobox-chevron-size);
        color: var(--_combobox-chevron-color)
    }
    .m_2943220b:where([data-error]) {
        color: var(--combobox-chevron-color, var(--mantine-color-error))
    }
    .m_390b5f4 {
        display: flex;
        align-items: center;
        gap: calc(.5rem * var(--mantine-scale))
    }
    .m_390b5f4:where([data-reverse]) {
        justify-content: space-between
    }
    .m_8ee53fc2 {
        opacity: .4;
        width: .8em;
        min-width: .8em;
        height: .8em
    }
    :where([data-combobox-selected]) .m_8ee53fc2 {
        opacity: 1
    }
    .m_5f75b09e {
        --label-lh-xs: calc(1rem * var(--mantine-scale));
        --label-lh-sm: calc(1.25rem * var(--mantine-scale));
        --label-lh-md: calc(1.5rem * var(--mantine-scale));
        --label-lh-lg: calc(1.875rem * var(--mantine-scale));
        --label-lh-xl: calc(2.25rem * var(--mantine-scale));
        --label-lh: var(--label-lh-sm)
    }
    .m_5f75b09e[data-label-position=left] {
        --label-order: 1;
        --label-offset-end: var(--mantine-spacing-sm);
        --label-offset-start: 0
    }
    .m_5f75b09e[data-label-position=right] {
        --label-order: 2;
        --label-offset-end: 0;
        --label-offset-start: var(--mantine-spacing-sm)
    }
    .m_5f6e695e {
        -webkit-tap-highlight-color: transparent;
        display: flex
    }
    .m_d3ea56bb {
        --label-cursor: var(--mantine-cursor-type);
        -webkit-tap-highlight-color: transparent;
        display: inline-flex;
        flex-direction: column;
        font-size: var(--label-fz, var(--mantine-font-size-sm));
        line-height: var(--label-lh);
        cursor: var(--label-cursor);
        order: var(--label-order)
    }
    fieldset:disabled .m_d3ea56bb,
    .m_d3ea56bb[data-disabled] {
        --label-cursor: not-allowed
    }
    .m_8ee546b8 {
        cursor: var(--label-cursor);
        color: inherit;
        padding-inline-start: var(--label-offset-start);
        padding-inline-end: var(--label-offset-end)
    }
    fieldset:disabled .m_8ee546b8,
    .m_8ee546b8:where([data-disabled]) {
        color: var(--mantine-color-disabled-color)
    }
    .m_328f68c0,
    .m_8e8a99cc {
        margin-top: calc(var(--mantine-spacing-xs) / 2);
        padding-inline-start: var(--label-offset-start);
        padding-inline-end: var(--label-offset-end)
    }
    .m_26775b0a {
        --card-radius: var(--mantine-radius-default);
        display: block;
        width: 100%;
        border-radius: var(--card-radius);
        cursor: pointer
    }
    .m_26775b0a :where(*) {
        cursor: inherit
    }
    .m_26775b0a:where([data-with-border]) {
        border: calc(.0625rem * var(--mantine-scale)) solid transparent
    }
    :where([data-mantine-color-scheme=light]) .m_26775b0a:where([data-with-border]) {
        border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_26775b0a:where([data-with-border]) {
        border-color: var(--mantine-color-dark-4)
    }
    .m_5e5256ee {
        --checkbox-size-xs: calc(1rem * var(--mantine-scale));
        --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
        --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
        --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
        --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
        --checkbox-size: var(--checkbox-size-sm);
        --checkbox-color: var(--mantine-primary-color-filled)
    }
    .m_5e5256ee:where([data-variant=filled]) {
        --checkbox-icon-color: var(--mantine-color-white)
    }
    .m_5e5256ee:where([data-variant=outline]) {
        --checkbox-icon-color: var(--checkbox-color)
    }
    .m_5e5256ee {
        position: relative;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        width: var(--checkbox-size);
        min-width: var(--checkbox-size);
        height: var(--checkbox-size);
        min-height: var(--checkbox-size);
        border-radius: var(--checkbox-radius, var(--mantine-radius-default));
        transition: border-color .1s ease, background-color .1s ease;
        cursor: var(--mantine-cursor-type);
        -webkit-tap-highlight-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center
    }
    :where([data-mantine-color-scheme=light]) .m_5e5256ee {
        background-color: var(--mantine-color-white);
        border-color: var(--mantine-color-gray-4)
    }
    :where([data-mantine-color-scheme=dark]) .m_5e5256ee {
        background-color: var(--mantine-color-dark-6);
        border-color: var(--mantine-color-dark-4)
    }
    .m_5e5256ee[data-indeterminate],
    .m_5e5256ee[data-checked] {
        background-color: var(--checkbox-color);
        border-color: var(--checkbox-color)
    }
    .m_5e5256ee[data-indeterminate]>.m_1b1c543a,
    .m_5e5256ee[data-checked]>.m_1b1c543a {
        opacity: 1;
        transform: none;
        color: var(--checkbox-icon-color)
    }
    .m_5e5256ee[data-disabled] {
        cursor: not-allowed;
        border-color: var(--mantine-color-disabled-border);
        background-color: var(--mantine-color-disabled)
    }
    [data-mantine-color-scheme=light] .m_5e5256ee[data-disabled][data-checked]>.m_1b1c543a {
        color: var(--mantine-color-gray-5)
    }
    [data-mantine-color-scheme=dark] .m_5e5256ee[data-disabled][data-checked]>.m_1b1c543a {
        color: var(--mantine-color-dark-3)
    }
    .m_76e20374[data-indeterminate]:not([data-disabled]),
    .m_76e20374[data-checked]:not([data-disabled]) {
        background-color: transparent;
        border-color: var(--checkbox-color)
    }
    .m_76e20374[data-indeterminate]:not([data-disabled])>.m_1b1c543a,
    .m_76e20374[data-checked]:not([data-disabled])>.m_1b1c543a {
        color: var(--checkbox-icon-color);
        opacity: 1;
        transform: none
    }
    .m_1b1c543a {
        display: block;
        width: 60%;
        color: transparent;
        pointer-events: none;
        transform: translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);
        opacity: 1;
        transition: transform .1s ease, opacity .1s ease
    }
    .m_bf2d988c {
        --checkbox-size-xs: calc(1rem * var(--mantine-scale));
        --checkbox-size-sm: calc(1.25rem * var(--mantine-scale));
        --checkbox-size-md: calc(1.5rem * var(--mantine-scale));
        --checkbox-size-lg: calc(1.875rem * var(--mantine-scale));
        --checkbox-size-xl: calc(2.25rem * var(--mantine-scale));
        --checkbox-size: var(--checkbox-size-sm);
        --checkbox-color: var(--mantine-primary-color-filled)
    }
    .m_bf2d988c:where([data-variant=filled]) {
        --checkbox-icon-color: var(--mantine-color-white)
    }
    .m_bf2d988c:where([data-variant=outline]) {
        --checkbox-icon-color: var(--checkbox-color)
    }
    .m_26062bec {
        position: relative;
        width: var(--checkbox-size);
        height: var(--checkbox-size);
        order: 1
    }
    .m_26062bec:where([data-label-position=left]) {
        order: 2
    }
    .m_26063560 {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        width: var(--checkbox-size);
        height: var(--checkbox-size);
        border-radius: var(--checkbox-radius, var(--mantine-radius-default));
        padding: 0;
        display: block;
        margin: 0;
        transition: border-color .1s ease, background-color .1s ease;
        cursor: var(--mantine-cursor-type);
        -webkit-tap-highlight-color: transparent
    }
    :where([data-mantine-color-scheme=light]) .m_26063560 {
        background-color: var(--mantine-color-white);
        border-color: var(--mantine-color-gray-4)
    }
    :where([data-mantine-color-scheme=dark]) .m_26063560 {
        background-color: var(--mantine-color-dark-6);
        border-color: var(--mantine-color-dark-4)
    }
    .m_26063560:where([data-error]) {
        border-color: var(--mantine-color-error)
    }
    .m_26063560[data-indeterminate],
    .m_26063560:checked {
        background-color: var(--checkbox-color);
        border-color: var(--checkbox-color)
    }
    .m_26063560[data-indeterminate]+.m_bf295423,
    .m_26063560:checked+.m_bf295423 {
        opacity: 1;
        transform: none
    }
    .m_26063560:disabled {
        cursor: not-allowed;
        border-color: var(--mantine-color-disabled-border);
        background-color: var(--mantine-color-disabled)
    }
    .m_26063560:disabled+.m_bf295423 {
        color: var(--mantine-color-disabled-color)
    }
    .m_215c4542+.m_bf295423 {
        color: var(--checkbox-color)
    }
    .m_215c4542[data-indeterminate]:not(:disabled),
    .m_215c4542:checked:not(:disabled) {
        background-color: transparent;
        border-color: var(--checkbox-color)
    }
    .m_215c4542[data-indeterminate]:not(:disabled)+.m_bf295423,
    .m_215c4542:checked:not(:disabled)+.m_bf295423 {
        color: var(--checkbox-icon-color);
        opacity: 1;
        transform: none
    }
    .m_bf295423 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 60%;
        margin: auto;
        color: var(--checkbox-icon-color);
        pointer-events: none;
        transform: translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);
        opacity: 0;
        transition: transform .1s ease, opacity .1s ease
    }
    .m_11def92b {
        --ag-spacing: var(--mantine-spacing-sm);
        --ag-offset: calc(var(--ag-spacing) * -1);
        display: flex;
        padding-inline-start: var(--ag-spacing)
    }
    .m_f85678b6 {
        --avatar-size-xs: calc(1rem * var(--mantine-scale));
        --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
        --avatar-size-md: calc(2.375rem * var(--mantine-scale));
        --avatar-size-lg: calc(3.5rem * var(--mantine-scale));
        --avatar-size-xl: calc(5.25rem * var(--mantine-scale));
        --avatar-size: var(--avatar-size-md);
        --avatar-radius: calc(62.5rem * var(--mantine-scale));
        --avatar-bg: var(--mantine-color-gray-light);
        --avatar-bd: calc(.0625rem * var(--mantine-scale)) solid transparent;
        --avatar-color: var(--mantine-color-gray-light-color);
        --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
        -webkit-tap-highlight-color: transparent;
        position: relative;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        overflow: hidden;
        border-radius: var(--avatar-radius);
        text-decoration: none;
        padding: 0;
        width: var(--avatar-size);
        height: var(--avatar-size);
        min-width: var(--avatar-size)
    }
    .m_f85678b6:where([data-within-group]) {
        margin-inline-start: var(--ag-offset);
        border: 2px solid var(--mantine-color-body);
        background: var(--mantine-color-body)
    }
    .m_11f8ac07 {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block
    }
    .m_104cd71f {
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border-radius: var(--avatar-radius);
        font-size: var(--avatar-placeholder-fz);
        background: var(--avatar-bg);
        border: var(--avatar-bd);
        color: var(--avatar-color)
    }
    .m_104cd71f>[data-avatar-placeholder-icon] {
        width: 70%;
        height: 70%
    }
    .m_2ce0de02 {
        background-size: cover;
        background-position: center;
        display: block;
        width: 100%;
        border: 0;
        text-decoration: none;
        border-radius: var(--bi-radius, 0)
    }
    .m_347db0ec {
        --badge-height-xs: calc(1rem * var(--mantine-scale));
        --badge-height-sm: calc(1.125rem * var(--mantine-scale));
        --badge-height-md: calc(1.25rem * var(--mantine-scale));
        --badge-height-lg: calc(1.625rem * var(--mantine-scale));
        --badge-height-xl: calc(2rem * var(--mantine-scale));
        --badge-fz-xs: calc(.5625rem * var(--mantine-scale));
        --badge-fz-sm: calc(.625rem * var(--mantine-scale));
        --badge-fz-md: calc(.6875rem * var(--mantine-scale));
        --badge-fz-lg: calc(.8125rem * var(--mantine-scale));
        --badge-fz-xl: calc(1rem * var(--mantine-scale));
        --badge-padding-x-xs: calc(.375rem * var(--mantine-scale));
        --badge-padding-x-sm: calc(.5rem * var(--mantine-scale));
        --badge-padding-x-md: calc(.625rem * var(--mantine-scale));
        --badge-padding-x-lg: calc(.75rem * var(--mantine-scale));
        --badge-padding-x-xl: calc(1rem * var(--mantine-scale));
        --badge-height: var(--badge-height-md);
        --badge-fz: var(--badge-fz-md);
        --badge-padding-x: var(--badge-padding-x-md);
        --badge-radius: calc(62.5rem * var(--mantine-scale));
        --badge-lh: calc(var(--badge-height) - calc(.125rem * var(--mantine-scale)));
        --badge-color: var(--mantine-color-white);
        --badge-bg: var(--mantine-primary-color-filled);
        --badge-border-width: calc(.0625rem * var(--mantine-scale));
        --badge-bd: var(--badge-border-width) solid transparent;
        -webkit-tap-highlight-color: transparent;
        font-size: var(--badge-fz);
        border-radius: var(--badge-radius);
        height: var(--badge-height);
        line-height: var(--badge-lh);
        text-decoration: none;
        padding: 0 var(--badge-padding-x);
        display: inline-grid;
        align-items: center;
        justify-content: center;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: calc(.015625rem * var(--mantine-scale));
        cursor: default;
        text-overflow: ellipsis;
        overflow: hidden;
        color: var(--badge-color);
        background: var(--badge-bg);
        border: var(--badge-bd)
    }
    .m_347db0ec:where([data-with-left-section], [data-variant=dot]) {
        grid-template-columns: auto 1fr
    }
    .m_347db0ec:where([data-with-right-section]) {
        grid-template-columns: 1fr auto
    }
    .m_347db0ec:where([data-with-left-section][data-with-right-section], [data-variant=dot][data-with-right-section]) {
        grid-template-columns: auto 1fr auto
    }
    .m_347db0ec:where([data-block]) {
        display: flex;
        width: 100%
    }
    .m_347db0ec:where([data-circle]) {
        padding-inline: calc(.125rem * var(--mantine-scale));
        display: flex;
        width: var(--badge-height)
    }
    .m_fbd81e3d {
        --badge-dot-size: calc(var(--badge-height) / 3.4)
    }
    :where([data-mantine-color-scheme=light]) .m_fbd81e3d {
        background-color: var(--mantine-color-white);
        border-color: var(--mantine-color-gray-4);
        color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=dark]) .m_fbd81e3d {
        background-color: var(--mantine-color-dark-5);
        border-color: var(--mantine-color-dark-5);
        color: var(--mantine-color-white)
    }
    .m_fbd81e3d:before {
        content: "";
        display: block;
        width: var(--badge-dot-size);
        height: var(--badge-dot-size);
        border-radius: var(--badge-dot-size);
        background-color: var(--badge-dot-color);
        margin-inline-end: var(--badge-dot-size)
    }
    .m_5add502a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        cursor: inherit
    }
    .m_91fdda9b {
        --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        max-height: calc(var(--badge-height) - var(--badge-border-width) * 2)
    }
    .m_91fdda9b:where([data-position=left]) {
        margin-inline-end: var(--badge-section-margin)
    }
    .m_91fdda9b:where([data-position=right]) {
        margin-inline-start: var(--badge-section-margin)
    }
    .m_ddec01c0 {
        --blockquote-border: 3px solid var(--bq-bd);
        position: relative;
        margin: 0;
        border-inline-start: var(--blockquote-border);
        border-start-end-radius: var(--bq-radius);
        border-end-end-radius: var(--bq-radius);
        padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale))
    }
    :where([data-mantine-color-scheme=light]) .m_ddec01c0 {
        background-color: var(--bq-bg-light)
    }
    :where([data-mantine-color-scheme=dark]) .m_ddec01c0 {
        background-color: var(--bq-bg-dark)
    }
    .m_dde7bd57 {
        --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
        position: absolute;
        color: var(--bq-bd);
        background-color: var(--mantine-color-body);
        display: flex;
        align-items: center;
        justify-content: center;
        top: var(--blockquote-icon-offset);
        inset-inline-start: var(--blockquote-icon-offset);
        width: var(--bq-icon-size);
        height: var(--bq-icon-size);
        border-radius: var(--bq-icon-size)
    }
    .m_dde51a35 {
        display: block;
        margin-top: var(--mantine-spacing-md);
        opacity: .6;
        font-size: 85%
    }
    .m_8b3717df {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
    .m_f678d540 {
        line-height: 1;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent
    }
    .m_3b8f2208 {
        margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }
    :where([data-mantine-color-scheme=light]) .m_3b8f2208 {
        color: var(--mantine-color-gray-7)
    }
    :where([data-mantine-color-scheme=dark]) .m_3b8f2208 {
        color: var(--mantine-color-dark-2)
    }
    .m_fea6bf1a {
        --burger-size-xs: calc(.75rem * var(--mantine-scale));
        --burger-size-sm: calc(1.125rem * var(--mantine-scale));
        --burger-size-md: calc(1.5rem * var(--mantine-scale));
        --burger-size-lg: calc(2.125rem * var(--mantine-scale));
        --burger-size-xl: calc(2.625rem * var(--mantine-scale));
        --burger-size: var(--burger-size-md);
        --burger-line-size: calc(var(--burger-size) / 12);
        width: calc(var(--burger-size) + var(--mantine-spacing-xs));
        height: calc(var(--burger-size) + var(--mantine-spacing-xs));
        padding: calc(var(--mantine-spacing-xs) / 2);
        cursor: pointer
    }
    :where([data-mantine-color-scheme=light]) .m_fea6bf1a {
        --burger-color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=dark]) .m_fea6bf1a {
        --burger-color: var(--mantine-color-white)
    }
    .m_d4fb9cad {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .m_d4fb9cad,
    .m_d4fb9cad:before,
    .m_d4fb9cad:after {
        display: block;
        width: var(--burger-size);
        height: var(--burger-line-size);
        background-color: var(--burger-color);
        outline: calc(.0625rem * var(--mantine-scale)) solid transparent;
        transition-property: background-color, transform;
        transition-duration: var(--burger-transition-duration, .3s);
        transition-timing-function: var(--burger-transition-timing-function, ease)
    }
    .m_d4fb9cad:before,
    .m_d4fb9cad:after {
        position: absolute;
        content: "";
        inset-inline-start: 0
    }
    .m_d4fb9cad:before {
        top: calc(var(--burger-size) / -3)
    }
    .m_d4fb9cad:after {
        top: calc(var(--burger-size) / 3)
    }
    .m_d4fb9cad[data-opened] {
        background-color: transparent
    }
    .m_d4fb9cad[data-opened]:before {
        transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg)
    }
    .m_d4fb9cad[data-opened]:after {
        transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg)
    }
    .m_77c9d27d {
        --button-height-xs: calc(1.875rem * var(--mantine-scale));
        --button-height-sm: calc(2.25rem * var(--mantine-scale));
        --button-height-md: calc(2.625rem * var(--mantine-scale));
        --button-height-lg: calc(3.125rem * var(--mantine-scale));
        --button-height-xl: calc(3.75rem * var(--mantine-scale));
        --button-height-compact-xs: calc(1.375rem * var(--mantine-scale));
        --button-height-compact-sm: calc(1.625rem * var(--mantine-scale));
        --button-height-compact-md: calc(1.875rem * var(--mantine-scale));
        --button-height-compact-lg: calc(2.125rem * var(--mantine-scale));
        --button-height-compact-xl: calc(2.5rem * var(--mantine-scale));
        --button-padding-x-xs: calc(.875rem * var(--mantine-scale));
        --button-padding-x-sm: calc(1.125rem * var(--mantine-scale));
        --button-padding-x-md: calc(1.375rem * var(--mantine-scale));
        --button-padding-x-lg: calc(1.625rem * var(--mantine-scale));
        --button-padding-x-xl: calc(2rem * var(--mantine-scale));
        --button-padding-x-compact-xs: calc(.4375rem * var(--mantine-scale));
        --button-padding-x-compact-sm: calc(.5rem * var(--mantine-scale));
        --button-padding-x-compact-md: calc(.625rem * var(--mantine-scale));
        --button-padding-x-compact-lg: calc(.75rem * var(--mantine-scale));
        --button-padding-x-compact-xl: calc(.875rem * var(--mantine-scale));
        --button-height: var(--button-height-sm);
        --button-padding-x: var(--button-padding-x-sm);
        --button-color: var(--mantine-color-white);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        font-weight: 600;
        position: relative;
        line-height: 1;
        text-align: center;
        overflow: hidden;
        width: auto;
        cursor: pointer;
        display: inline-block;
        border-radius: var(--button-radius, var(--mantine-radius-default));
        font-size: var(--button-fz, var(--mantine-font-size-sm));
        background: var(--button-bg, var(--mantine-primary-color-filled));
        border: var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
        color: var(--button-color, var(--mantine-color-white));
        height: var(--button-height, var(--button-height-sm));
        padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
        vertical-align: middle
    }
    .m_77c9d27d:where([data-block]) {
        display: block;
        width: 100%
    }
    .m_77c9d27d:where([data-with-left-section]) {
        padding-inline-start: calc(var(--button-padding-x) / 1.5)
    }
    .m_77c9d27d:where([data-with-right-section]) {
        padding-inline-end: calc(var(--button-padding-x) / 1.5)
    }
    .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
        cursor: not-allowed;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        transform: none;
        color: var(--mantine-color-disabled-color);
        background: var(--mantine-color-disabled)
    }
    .m_77c9d27d:before {
        content: "";
        pointer-events: none;
        position: absolute;
        inset: calc(-.0625rem * var(--mantine-scale));
        border-radius: var(--button-radius, var(--mantine-radius-default));
        transform: translateY(-100%);
        opacity: 0;
        filter: blur(12px);
        transition: transform .15s ease, opacity .1s ease
    }
    :where([data-mantine-color-scheme=light]) .m_77c9d27d:before {
        background-color: #ffffff26
    }
    :where([data-mantine-color-scheme=dark]) .m_77c9d27d:before {
        background-color: #00000026
    }
    .m_77c9d27d:where([data-loading]) {
        cursor: not-allowed;
        transform: none
    }
    .m_77c9d27d:where([data-loading]):before {
        transform: translateY(0);
        opacity: 1
    }
    .m_77c9d27d:where([data-loading]) .m_80f1301b {
        opacity: 0;
        transform: translateY(100%)
    }
    @media(hover:hover) {
        .m_77c9d27d:hover:where(:not([data-loading], : disabled, [data-disabled])) {
            background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));
            color: var(--button-hover-color, var(--button-color))
        }
    }
    @media(hover:none) {
        .m_77c9d27d:active:where(:not([data-loading], : disabled, [data-disabled])) {
            background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));
            color: var(--button-hover-color, var(--button-color))
        }
    }
    .m_80f1301b {
        display: flex;
        align-items: center;
        justify-content: var(--button-justify, center);
        height: 100%;
        overflow: visible;
        transition: transform .15s ease, opacity .1s ease
    }
    .m_811560b9 {
        white-space: nowrap;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        opacity: 1
    }
    .m_811560b9:where([data-loading]) {
        opacity: .2
    }
    .m_a74036a {
        display: flex;
        align-items: center
    }
    .m_a74036a:where([data-position=left]) {
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_a74036a:where([data-position=right]) {
        margin-inline-start: var(--mantine-spacing-xs)
    }
    .m_a25b86ee {
        position: absolute;
        left: 50%;
        top: 50%
    }
    .m_80d6d844 {
        --button-border-width: calc(.0625rem * var(--mantine-scale));
        display: flex
    }
    .m_80d6d844 :where(.m_77c9d27d):focus {
        position: relative;
        z-index: 1
    }
    .m_80d6d844[data-orientation=horizontal] {
        flex-direction: row
    }
    .m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,
    .m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child {
        border-end-end-radius: 0;
        border-start-end-radius: 0;
        border-inline-end-width: calc(var(--button-border-width) / 2)
    }
    .m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,
    .m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        border-inline-start-width: calc(var(--button-border-width) / 2)
    }
    .m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
    .m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-inline-width: calc(var(--button-border-width) / 2)
    }
    .m_80d6d844[data-orientation=vertical] {
        flex-direction: column
    }
    .m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,
    .m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child {
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2)
    }
    .m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,
    .m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child {
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-top-width: calc(var(--button-border-width) / 2)
    }
    .m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
    .m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
        border-radius: 0;
        border-bottom-width: calc(var(--button-border-width) / 2);
        border-top-width: calc(var(--button-border-width) / 2)
    }
    .m_70be2a01 {
        --section-height-xs: calc(1.875rem * var(--mantine-scale));
        --section-height-sm: calc(2.25rem * var(--mantine-scale));
        --section-height-md: calc(2.625rem * var(--mantine-scale));
        --section-height-lg: calc(3.125rem * var(--mantine-scale));
        --section-height-xl: calc(3.75rem * var(--mantine-scale));
        --section-height-compact-xs: calc(1.375rem * var(--mantine-scale));
        --section-height-compact-sm: calc(1.625rem * var(--mantine-scale));
        --section-height-compact-md: calc(1.875rem * var(--mantine-scale));
        --section-height-compact-lg: calc(2.125rem * var(--mantine-scale));
        --section-height-compact-xl: calc(2.5rem * var(--mantine-scale));
        --section-padding-x-xs: calc(.875rem * var(--mantine-scale));
        --section-padding-x-sm: calc(1.125rem * var(--mantine-scale));
        --section-padding-x-md: calc(1.375rem * var(--mantine-scale));
        --section-padding-x-lg: calc(1.625rem * var(--mantine-scale));
        --section-padding-x-xl: calc(2rem * var(--mantine-scale));
        --section-padding-x-compact-xs: calc(.4375rem * var(--mantine-scale));
        --section-padding-x-compact-sm: calc(.5rem * var(--mantine-scale));
        --section-padding-x-compact-md: calc(.625rem * var(--mantine-scale));
        --section-padding-x-compact-lg: calc(.75rem * var(--mantine-scale));
        --section-padding-x-compact-xl: calc(.875rem * var(--mantine-scale));
        --section-height: var(--section-height-sm);
        --section-padding-x: var(--section-padding-x-sm);
        --section-color: var(--mantine-color-white);
        font-weight: 600;
        width: auto;
        border-radius: var(--section-radius, var(--mantine-radius-default));
        font-size: var(--section-fz, var(--mantine-font-size-sm));
        background: var(--section-bg, var(--mantine-primary-color-filled));
        border: var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
        color: var(--section-color, var(--mantine-color-white));
        height: var(--section-height, var(--section-height-sm));
        padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
        vertical-align: middle;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }
    .m_e615b15f {
        --card-padding: var(--mantine-spacing-md);
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: var(--card-padding);
        color: var(--mantine-color-text)
    }
    :where([data-mantine-color-scheme=light]) .m_e615b15f {
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_e615b15f {
        background-color: var(--mantine-color-dark-6)
    }
    .m_599a2148 {
        display: block;
        margin-inline: calc(var(--card-padding) * -1)
    }
    .m_599a2148:where(:first-child) {
        margin-top: calc(var(--card-padding) * -1);
        border-top: none !important
    }
    .m_599a2148:where(:last-child) {
        margin-bottom: calc(var(--card-padding) * -1);
        border-bottom: none !important
    }
    .m_599a2148:where([data-inherit-padding]) {
        padding-inline: var(--card-padding)
    }
    .m_599a2148:where([data-with-border]) {
        border-top: calc(.0625rem * var(--mantine-scale)) solid;
        border-bottom: calc(.0625rem * var(--mantine-scale)) solid
    }
    :where([data-mantine-color-scheme=light]) .m_599a2148 {
        border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_599a2148 {
        border-color: var(--mantine-color-dark-4)
    }
    .m_599a2148+.m_599a2148 {
        border-top: none !important
    }
    .m_4451eb3a {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .m_4451eb3a:where([data-inline]) {
        display: inline-flex
    }
    .m_f59ffda3 {
        --chip-size-xs: calc(1.4375rem * var(--mantine-scale));
        --chip-size-sm: calc(1.75rem * var(--mantine-scale));
        --chip-size-md: calc(2rem * var(--mantine-scale));
        --chip-size-lg: calc(2.25rem * var(--mantine-scale));
        --chip-size-xl: calc(2.5rem * var(--mantine-scale));
        --chip-icon-size-xs: calc(.5625rem * var(--mantine-scale));
        --chip-icon-size-sm: calc(.75rem * var(--mantine-scale));
        --chip-icon-size-md: calc(.875rem * var(--mantine-scale));
        --chip-icon-size-lg: calc(1rem * var(--mantine-scale));
        --chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));
        --chip-padding-xs: calc(1rem * var(--mantine-scale));
        --chip-padding-sm: calc(1.25rem * var(--mantine-scale));
        --chip-padding-md: calc(1.5rem * var(--mantine-scale));
        --chip-padding-lg: calc(1.75rem * var(--mantine-scale));
        --chip-padding-xl: calc(2rem * var(--mantine-scale));
        --chip-checked-padding-xs: calc(.5125rem * var(--mantine-scale));
        --chip-checked-padding-sm: calc(.625rem * var(--mantine-scale));
        --chip-checked-padding-md: calc(.73125rem * var(--mantine-scale));
        --chip-checked-padding-lg: calc(.84375rem * var(--mantine-scale));
        --chip-checked-padding-xl: calc(.98125rem * var(--mantine-scale));
        --chip-spacing-xs: calc(.625rem * var(--mantine-scale));
        --chip-spacing-sm: calc(.75rem * var(--mantine-scale));
        --chip-spacing-md: calc(1rem * var(--mantine-scale));
        --chip-spacing-lg: calc(1.25rem * var(--mantine-scale));
        --chip-spacing-xl: calc(1.375rem * var(--mantine-scale));
        --chip-size: var(--chip-size-sm);
        --chip-icon-size: var(--chip-icon-size-sm);
        --chip-padding: var(--chip-padding-sm);
        --chip-spacing: var(--chip-spacing-sm);
        --chip-checked-padding: var(--chip-checked-padding-sm);
        --chip-bg: var(--mantine-primary-color-filled);
        --chip-hover: var(--mantine-primary-color-filled-hover);
        --chip-color: var(--mantine-color-white);
        --chip-bd: calc(.0625rem * var(--mantine-scale)) solid transparent
    }
    .m_be049a53 {
        display: inline-flex;
        align-items: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border-radius: var(--chip-radius, 1000rem);
        height: var(--chip-size);
        font-size: var(--chip-fz, var(--mantine-font-size-sm));
        line-height: calc(var(--chip-size) - .125rem * var(--mantine-scale));
        padding-inline: var(--chip-padding);
        cursor: pointer;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        color: var(--mantine-color-text)
    }
    .m_be049a53:where([data-checked]) {
        padding: var(--chip-checked-padding)
    }
    .m_be049a53:where([data-disabled]) {
        cursor: not-allowed;
        background-color: var(--mantine-color-disabled);
        color: var(--mantine-color-disabled-color)
    }
    :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]) {
        background-color: var(--mantine-color-white);
        border: 1px solid var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]) {
        background-color: var(--mantine-color-dark-6);
        border: 1px solid var(--mantine-color-dark-4)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):hover {
            background-color: var(--mantine-color-dark-5)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):active {
            background-color: var(--mantine-color-dark-5)
        }
    }
    .m_3904c1af:not([data-disabled]):where([data-checked]) {
        --chip-icon-color: var(--chip-color);
        border: var(--chip-bd)
    }
    @media(hover:hover) {
        .m_3904c1af:not([data-disabled]):where([data-checked]):hover {
            background-color: var(--chip-hover)
        }
    }
    @media(hover:none) {
        .m_3904c1af:not([data-disabled]):where([data-checked]):active {
            background-color: var(--chip-hover)
        }
    }
    .m_fa109255:not([data-disabled]),
    .m_f7e165c3:not([data-disabled]) {
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        color: var(--mantine-color-text)
    }
    :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]),
    :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]) {
        background-color: var(--mantine-color-gray-1)
    }
    :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]),
    :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]) {
        background-color: var(--mantine-color-dark-5)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover,
        :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover {
            background-color: var(--mantine-color-gray-2)
        }
        :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover,
        :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover {
            background-color: var(--mantine-color-dark-4)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active,
        :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active {
            background-color: var(--mantine-color-gray-2)
        }
        :where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active,
        :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active {
            background-color: var(--mantine-color-dark-4)
        }
    }
    .m_fa109255:not([data-disabled]):where([data-checked]),
    .m_f7e165c3:not([data-disabled]):where([data-checked]) {
        --chip-icon-color: var(--chip-color);
        color: var(--chip-color);
        background-color: var(--chip-bg)
    }
    @media(hover:hover) {
        .m_fa109255:not([data-disabled]):where([data-checked]):hover,
        .m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
            background-color: var(--chip-hover)
        }
    }
    @media(hover:none) {
        .m_fa109255:not([data-disabled]):where([data-checked]):active,
        .m_f7e165c3:not([data-disabled]):where([data-checked]):active {
            background-color: var(--chip-hover)
        }
    }
    .m_9ac86df9 {
        width: calc(var(--chip-icon-size) + var(--chip-spacing) / 1.5);
        max-width: calc(var(--chip-icon-size) + var(--chip-spacing) / 1.5);
        height: var(--chip-icon-size);
        display: flex;
        align-items: center;
        overflow: hidden
    }
    .m_d6d72580 {
        width: var(--chip-icon-size);
        height: var(--chip-icon-size);
        display: block;
        color: var(--chip-icon-color, inherit)
    }
    .m_bde07329 {
        width: 0;
        height: 0;
        padding: 0;
        opacity: 0;
        margin: 0
    }
    .m_bde07329:focus-visible+.m_be049a53 {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .m_b183c0a2 {
        font-family: var(--mantine-font-family-monospace);
        line-height: var(--mantine-line-height);
        padding: 2px calc(var(--mantine-spacing-xs) / 2);
        border-radius: var(--mantine-radius-sm);
        font-size: var(--mantine-font-size-xs);
        margin: 0;
        overflow: auto
    }
    :where([data-mantine-color-scheme=light]) .m_b183c0a2 {
        background-color: var(--code-bg, var(--mantine-color-gray-0))
    }
    :where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
        background-color: var(--code-bg, var(--mantine-color-dark-6))
    }
    .m_b183c0a2[data-block] {
        padding: var(--mantine-spacing-xs)
    }
    .m_de3d2490 {
        --cs-size: calc(1.75rem * var(--mantine-scale));
        --cs-radius: calc(62.5rem * var(--mantine-scale));
        -webkit-tap-highlight-color: transparent;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        line-height: 1;
        position: relative;
        width: var(--cs-size);
        height: var(--cs-size);
        min-width: var(--cs-size);
        min-height: var(--cs-size);
        border-radius: var(--cs-radius);
        color: inherit;
        text-decoration: none
    }
    [data-mantine-color-scheme=light] .m_de3d2490 {
        --alpha-overlay-color: var(--mantine-color-gray-3);
        --alpha-overlay-bg: var(--mantine-color-white)
    }
    [data-mantine-color-scheme=dark] .m_de3d2490 {
        --alpha-overlay-color: var(--mantine-color-dark-4);
        --alpha-overlay-bg: var(--mantine-color-dark-7)
    }
    .m_862f3d1b {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--cs-radius)
    }
    .m_98ae7f22 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--cs-radius);
        z-index: 1;
        box-shadow: #0000001a 0 0 0 calc(.0625rem * var(--mantine-scale)) inset, #00000026 0 0 calc(.25rem * var(--mantine-scale)) inset
    }
    .m_95709ac0 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--cs-radius);
        background-size: calc(.5rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));
        background-position: 0 0, 0 calc(.25rem * var(--mantine-scale)), calc(.25rem * var(--mantine-scale)) calc(-.25rem * var(--mantine-scale)), calc(-.25rem * var(--mantine-scale)) 0;
        background-image: linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%), linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%), linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%)
    }
    .m_93e74e3 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--cs-radius);
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .m_fee9c77 {
        --cp-width-xs: calc(11.25rem * var(--mantine-scale));
        --cp-width-sm: calc(12.5rem * var(--mantine-scale));
        --cp-width-md: calc(15rem * var(--mantine-scale));
        --cp-width-lg: calc(17.5rem * var(--mantine-scale));
        --cp-width-xl: calc(20rem * var(--mantine-scale));
        --cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));
        --cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));
        --cp-preview-size-md: calc(2.625rem * var(--mantine-scale));
        --cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));
        --cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));
        --cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));
        --cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));
        --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
        --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
        --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
        --cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));
        --cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));
        --cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));
        --cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));
        --cp-saturation-height-xl: calc(10rem * var(--mantine-scale));
        --cp-preview-size: var(--cp-preview-size-sm);
        --cp-thumb-size: var(--cp-thumb-size-sm);
        --cp-saturation-height: var(--cp-saturation-height-sm);
        --cp-width: var(--cp-width-sm);
        --cp-body-spacing: var(--mantine-spacing-sm);
        width: var(--cp-width);
        padding: calc(.0625rem * var(--mantine-scale))
    }
    .m_fee9c77:where([data-full-width]) {
        width: 100%
    }
    .m_9dddfbac {
        width: var(--cp-preview-size);
        height: var(--cp-preview-size)
    }
    .m_bffecc3e {
        display: flex;
        padding-top: calc(var(--cp-body-spacing) / 2)
    }
    .m_3283bb96 {
        flex: 1
    }
    .m_3283bb96:not(:only-child) {
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_40d572ba {
        overflow: hidden;
        position: absolute;
        box-shadow: 0 0 1px #0009;
        border: 2px solid var(--mantine-color-white);
        width: var(--cp-thumb-size);
        height: var(--cp-thumb-size);
        border-radius: var(--cp-thumb-size);
        left: calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);
        top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2)
    }
    .m_d8ee6fd8 {
        height: unset !important;
        width: unset !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: calc(.125rem * var(--mantine-scale));
        cursor: pointer;
        padding-bottom: calc(var(--cp-swatch-size) - .25rem * var(--mantine-scale));
        flex: 0 0 calc(var(--cp-swatch-size) - .25rem * var(--mantine-scale))
    }
    .m_5711e686 {
        margin-top: calc(.3125rem * var(--mantine-scale));
        margin-inline: calc(-.125rem * var(--mantine-scale));
        display: flex;
        flex-wrap: wrap
    }
    .m_5711e686:only-child {
        margin-top: 0
    }
    .m_202a296e {
        --cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));
        --cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));
        --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
        --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
        --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
        -webkit-tap-highlight-color: transparent;
        position: relative;
        height: var(--cp-saturation-height);
        border-radius: var(--mantine-radius-sm);
        margin: calc(var(--cp-thumb-size) / 2)
    }
    .m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled)
    }
    .m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled)
    }
    .m_11b3db02 {
        position: absolute;
        border-radius: var(--mantine-radius-sm);
        inset: calc(var(--cp-thumb-size) * -1 / 2 - .0625rem * var(--mantine-scale))
    }
    .m_d856d47d {
        --cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));
        --cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));
        --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
        --cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));
        --cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));
        --cp-thumb-size: var(--cp-thumb-size, calc(.75rem * var(--mantine-scale)));
        position: relative;
        height: calc(var(--cp-thumb-size) + .125rem * var(--mantine-scale));
        margin-inline: calc(var(--cp-thumb-size) / 2);
        outline: none
    }
    .m_d856d47d+.m_d856d47d {
        margin-top: calc(.375rem * var(--mantine-scale))
    }
    .m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled)
    }
    .m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba {
        outline: 2px solid var(--mantine-color-blue-filled)
    }
    :where([data-mantine-color-scheme=light]) .m_d856d47d {
        --slider-checkers: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_d856d47d {
        --slider-checkers: var(--mantine-color-dark-4)
    }
    .m_8f327113 {
        position: absolute;
        top: 0;
        bottom: 0;
        inset-inline: calc(var(--cp-thumb-size) * -1 / 2 - .0625rem * var(--mantine-scale));
        border-radius: 10000rem
    }
    .m_b077c2bc {
        --ci-eye-dropper-icon-size-xs: calc(.875rem * var(--mantine-scale));
        --ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));
        --ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));
        --ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));
        --ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));
        --ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm)
    }
    .m_c5ccdcab {
        --ci-preview-size-xs: calc(1rem * var(--mantine-scale));
        --ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));
        --ci-preview-size-md: calc(1.375rem * var(--mantine-scale));
        --ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));
        --ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));
        --ci-preview-size: var(--ci-preview-size-sm)
    }
    .m_5ece2cd7 {
        padding: calc(.5rem * var(--mantine-scale))
    }
    .m_7485cace {
        --container-size-xs: calc(33.75rem * var(--mantine-scale));
        --container-size-sm: calc(45rem * var(--mantine-scale));
        --container-size-md: calc(60rem * var(--mantine-scale));
        --container-size-lg: calc(71.25rem * var(--mantine-scale));
        --container-size-xl: calc(82.5rem * var(--mantine-scale));
        --container-size: var(--container-size-md)
    }
    .m_7485cace:where([data-strategy=block]) {
        max-width: var(--container-size);
        padding-inline: var(--mantine-spacing-md);
        margin-inline: auto
    }
    .m_7485cace:where([data-strategy=block]):where([data-fluid]) {
        max-width: 100%
    }
    .m_7485cace:where([data-strategy=grid]) {
        display: grid;
        grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
        margin-inline: auto
    }
    .m_7485cace:where([data-strategy=grid])>* {
        grid-column: 2
    }
    .m_7485cace:where([data-strategy=grid])>[data-breakout] {
        grid-column: 1/-1
    }
    .m_7485cace:where([data-strategy=grid])>[data-breakout]>[data-container] {
        max-width: var(--container-size);
        margin-inline: auto
    }
    .m_e2125a27 {
        --dialog-size-xs: calc(10rem * var(--mantine-scale));
        --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
        --dialog-size-md: calc(21.25rem * var(--mantine-scale));
        --dialog-size-lg: calc(25rem * var(--mantine-scale));
        --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
        --dialog-size: var(--dialog-size-md);
        position: relative;
        width: var(--dialog-size);
        max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
        min-height: calc(3.125rem * var(--mantine-scale))
    }
    .m_5abab665 {
        position: absolute;
        top: calc(var(--mantine-spacing-md) / 2);
        inset-inline-end: calc(var(--mantine-spacing-md) / 2)
    }
    .m_3eebeb36 {
        --divider-size-xs: calc(.0625rem * var(--mantine-scale));
        --divider-size-sm: calc(.125rem * var(--mantine-scale));
        --divider-size-md: calc(.1875rem * var(--mantine-scale));
        --divider-size-lg: calc(.25rem * var(--mantine-scale));
        --divider-size-xl: calc(.3125rem * var(--mantine-scale));
        --divider-size: var(--divider-size-xs)
    }
    :where([data-mantine-color-scheme=light]) .m_3eebeb36 {
        --divider-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_3eebeb36 {
        --divider-color: var(--mantine-color-dark-4)
    }
    .m_3eebeb36:where([data-orientation=horizontal]) {
        border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color)
    }
    .m_3eebeb36:where([data-orientation=vertical]) {
        border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
        height: auto;
        align-self: stretch
    }
    .m_3eebeb36:where([data-with-label]) {
        border: 0
    }
    .m_9e365f20 {
        display: flex;
        align-items: center;
        font-size: var(--mantine-font-size-xs);
        color: var(--mantine-color-dimmed);
        white-space: nowrap
    }
    .m_9e365f20:where([data-position=left]):before {
        display: none
    }
    .m_9e365f20:where([data-position=right]):after {
        display: none
    }
    .m_9e365f20:before {
        content: "";
        flex: 1;
        height: calc(.0625rem * var(--mantine-scale));
        border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_9e365f20:after {
        content: "";
        flex: 1;
        height: calc(.0625rem * var(--mantine-scale));
        border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
        margin-inline-start: var(--mantine-spacing-xs)
    }
    .m_f11b401e {
        --drawer-size-xs: calc(20rem * var(--mantine-scale));
        --drawer-size-sm: calc(23.75rem * var(--mantine-scale));
        --drawer-size-md: calc(27.5rem * var(--mantine-scale));
        --drawer-size-lg: calc(38.75rem * var(--mantine-scale));
        --drawer-size-xl: calc(48.75rem * var(--mantine-scale));
        --drawer-size: var(--drawer-size-md);
        --drawer-offset: 0rem
    }
    .m_5a7c2c9 {
        z-index: 1000
    }
    .m_b8a05bbd {
        flex: var(--drawer-flex, 0 0 var(--drawer-size));
        height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
        margin: var(--drawer-offset);
        max-width: calc(100% - var(--drawer-offset) * 2);
        max-height: calc(100% - var(--drawer-offset) * 2);
        overflow-y: auto
    }
    .m_b8a05bbd[data-hidden] {
        opacity: 0 !important;
        pointer-events: none
    }
    .m_31cd769a {
        display: flex;
        justify-content: var(--drawer-justify, flex-start);
        align-items: var(--drawer-align, flex-start)
    }
    .m_e9408a47 {
        padding: var(--mantine-spacing-lg);
        padding-top: var(--mantine-spacing-xs);
        border-radius: var(--fieldset-radius, var(--mantine-radius-default));
        min-inline-size: auto
    }
    .m_84c9523a {
        border: calc(.0625rem * var(--mantine-scale)) solid
    }
    :where([data-mantine-color-scheme=light]) .m_84c9523a {
        border-color: var(--mantine-color-gray-3);
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_84c9523a {
        border-color: var(--mantine-color-dark-4);
        background-color: var(--mantine-color-dark-7)
    }
    .m_ef274e49 {
        border: calc(.0625rem * var(--mantine-scale)) solid
    }
    :where([data-mantine-color-scheme=light]) .m_ef274e49 {
        border-color: var(--mantine-color-gray-3);
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_ef274e49 {
        border-color: var(--mantine-color-dark-4);
        background-color: var(--mantine-color-dark-6)
    }
    .m_eda993d3 {
        padding: 0;
        border: 0;
        border-radius: 0
    }
    .m_90794832 {
        font-size: var(--mantine-font-size-sm)
    }
    .m_74ca27fe {
        padding: 0;
        margin-bottom: var(--mantine-spacing-sm)
    }
    .m_8478a6da {
        container: mantine-grid/inline-size
    }
    .m_410352e9 {
        --grid-overflow: visible;
        --grid-margin: calc(var(--grid-gutter) / -2);
        --grid-col-padding: calc(var(--grid-gutter) / 2);
        overflow: var(--grid-overflow)
    }
    .m_dee7bd2f {
        width: calc(100% + var(--grid-gutter));
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--grid-justify);
        align-items: var(--grid-align);
        margin: var(--grid-margin)
    }
    .m_96bdd299 {
        --col-flex-grow: 0;
        --col-offset: 0rem;
        flex-shrink: 0;
        order: var(--col-order);
        flex-basis: var(--col-flex-basis);
        width: var(--col-width);
        max-width: var(--col-max-width);
        flex-grow: var(--col-flex-grow);
        margin-inline-start: var(--col-offset);
        padding: var(--grid-col-padding)
    }
    .m_bcb3f3c2 {
        color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=light]) .m_bcb3f3c2 {
        background-color: var(--mark-bg-light)
    }
    :where([data-mantine-color-scheme=dark]) .m_bcb3f3c2 {
        background-color: var(--mark-bg-dark)
    }
    .m_9e117634 {
        display: block;
        -o-object-fit: var(--image-object-fit, cover);
        object-fit: var(--image-object-fit, cover);
        width: 100%;
        border-radius: var(--image-radius, 0)
    }
    @keyframes m_885901b1 {
        0% {
            opacity: .6;
            transform: scale(0)
        }
        to {
            opacity: 0;
            transform: scale(2.8)
        }
    }
    .m_e5262200 {
        --indicator-size: calc(.625rem * var(--mantine-scale));
        --indicator-color: var(--mantine-primary-color-filled);
        position: relative;
        display: block
    }
    .m_e5262200:where([data-inline]) {
        display: inline-block
    }
    .m_760d1fb1 {
        position: absolute;
        top: var(--indicator-top);
        left: var(--indicator-left);
        right: var(--indicator-right);
        bottom: var(--indicator-bottom);
        transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
        min-width: var(--indicator-size);
        height: var(--indicator-size);
        border-radius: var(--indicator-radius, 1000rem);
        z-index: var(--indicator-z-index, 200);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--mantine-font-size-xs);
        background-color: var(--indicator-color);
        color: var(--indicator-text-color, var(--mantine-color-white));
        white-space: nowrap
    }
    .m_760d1fb1:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--indicator-color);
        border-radius: var(--indicator-radius, 1000rem);
        z-index: -1
    }
    .m_760d1fb1:where([data-with-label]) {
        padding-inline: calc(var(--mantine-spacing-xs) / 2)
    }
    .m_760d1fb1:where([data-with-border]) {
        border: 2px solid var(--mantine-color-body)
    }
    .m_760d1fb1[data-processing]:before {
        animation: m_885901b1 1s linear infinite
    }
    .m_dc6f14e2 {
        --kbd-fz-xs: calc(.625rem * var(--mantine-scale));
        --kbd-fz-sm: calc(.75rem * var(--mantine-scale));
        --kbd-fz-md: calc(.875rem * var(--mantine-scale));
        --kbd-fz-lg: calc(1rem * var(--mantine-scale));
        --kbd-fz-xl: calc(1.25rem * var(--mantine-scale));
        --kbd-fz: var(--kbd-fz-sm);
        font-family: var(--mantine-font-family-monospace);
        line-height: var(--mantine-line-height);
        font-weight: 700;
        font-size: var(--kbd-fz);
        border-radius: var(--mantine-radius-sm);
        border: calc(.0625rem * var(--mantine-scale)) solid;
        border-bottom-width: calc(.1875rem * var(--mantine-scale));
        unicode-bidi: embed;
        text-align: center;
        padding: .12em .45em
    }
    :where([data-mantine-color-scheme=light]) .m_dc6f14e2 {
        border-color: var(--mantine-color-gray-3);
        color: var(--mantine-color-gray-7);
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_dc6f14e2 {
        border-color: var(--mantine-color-dark-4);
        color: var(--mantine-color-dark-0);
        background-color: var(--mantine-color-dark-6)
    }
    .m_abbac491 {
        --list-fz: var(--mantine-font-size-md);
        --list-lh: var(--mantine-line-height-md);
        --list-marker-gap: var(--mantine-spacing-lg);
        list-style-position: outside;
        font-size: var(--list-fz);
        line-height: var(--list-lh);
        margin: 0;
        padding: 0;
        padding-inline-start: var(--list-marker-gap)
    }
    .m_abbac491[data-type=none] {
        --list-marker-gap: 0
    }
    .m_abbac491:where([data-with-padding]) {
        padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md))
    }
    .m_abb6bec2 {
        white-space: normal;
        line-height: var(--list-lh)
    }
    .m_abb6bec2:where([data-with-icon]) {
        list-style: none
    }
    .m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
        --li-direction: row;
        --li-align: center
    }
    .m_abb6bec2:where(:not(:first-of-type)) {
        margin-top: var(--list-spacing, 0)
    }
    .m_abb6bec2:where([data-centered]) {
        line-height: 1
    }
    .m_75cd9f71 {
        display: inline-flex;
        flex-direction: var(--li-direction, column);
        align-items: var(--li-align, flex-start);
        white-space: normal
    }
    .m_60f83e5b {
        display: inline-block;
        vertical-align: middle;
        margin-inline-end: var(--mantine-spacing-sm)
    }
    .m_6e45937b {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        z-index: var(--lo-z-index)
    }
    .m_e8eb006c {
        position: relative;
        z-index: calc(var(--lo-z-index) + 1)
    }
    .m_df587f17 {
        z-index: var(--lo-z-index)
    }
    .m_dc9b7c9f {
        padding: calc(.25rem * var(--mantine-scale))
    }
    .m_9bfac126 {
        color: var(--mantine-color-dimmed);
        font-weight: 500;
        font-size: var(--mantine-font-size-xs);
        padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);
        cursor: default
    }
    .m_efdf90cb {
        margin-top: calc(.25rem * var(--mantine-scale));
        margin-bottom: calc(.25rem * var(--mantine-scale));
        border-top: calc(.0625rem * var(--mantine-scale)) solid
    }
    :where([data-mantine-color-scheme=light]) .m_efdf90cb {
        border-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_efdf90cb {
        border-color: var(--mantine-color-dark-4)
    }
    .m_99ac2aa1 {
        font-size: var(--mantine-font-size-sm);
        width: 100%;
        padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);
        border-radius: var(--popover-radius, var(--mantine-radius-default));
        color: var(--menu-item-color, var(--mantine-color-text));
        display: flex;
        align-items: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .m_99ac2aa1:where([data-disabled], :disabled) {
        color: var(--mantine-color-disabled-color);
        opacity: .6;
        cursor: not-allowed
    }
    :where([data-mantine-color-scheme=light]) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-gray-1))
    }
    :where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
        background-color: var(--menu-item-hover, var(--mantine-color-dark-4))
    }
    .m_99ac2aa1:where([data-sub-menu-item]) {
        padding-inline-end: calc(.3125rem * var(--mantine-scale))
    }
    .m_5476e0d3 {
        flex: 1
    }
    .m_8b75e504 {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .m_8b75e504:where([data-position=left]) {
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_8b75e504:where([data-position=right]) {
        margin-inline-start: var(--mantine-spacing-xs)
    }
    .m_b85b0bed {
        transform: rotate(-90deg)
    }
    :where([dir=rtl]) .m_b85b0bed {
        transform: rotate(90deg)
    }
    .m_9df02822 {
        --modal-size-xs: calc(20rem * var(--mantine-scale));
        --modal-size-sm: calc(23.75rem * var(--mantine-scale));
        --modal-size-md: calc(27.5rem * var(--mantine-scale));
        --modal-size-lg: calc(38.75rem * var(--mantine-scale));
        --modal-size-xl: calc(48.75rem * var(--mantine-scale));
        --modal-size: var(--modal-size-md);
        --modal-y-offset: 5dvh;
        --modal-x-offset: 5vw
    }
    .m_9df02822[data-full-screen] {
        --modal-border-radius: 0 !important
    }
    .m_9df02822[data-full-screen] .m_54c44539 {
        --modal-content-flex: 0 0 100%;
        --modal-content-max-height: auto;
        --modal-content-height: 100dvh
    }
    .m_9df02822[data-full-screen] .m_1f958f16 {
        --modal-inner-y-offset: 0;
        --modal-inner-x-offset: 0
    }
    .m_9df02822[data-centered] .m_1f958f16 {
        --modal-inner-align: center
    }
    .m_d0e2b9cd {
        border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
        border-start-end-radius: var(--modal-radius, var(--mantine-radius-default))
    }
    .m_54c44539 {
        flex: var(--modal-content-flex, 0 0 var(--modal-size));
        max-width: 100%;
        max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
        height: var(--modal-content-height, auto);
        overflow-y: auto
    }
    .m_54c44539[data-full-screen] {
        border-radius: 0
    }
    .m_54c44539[data-hidden] {
        opacity: 0 !important;
        pointer-events: none
    }
    .m_1f958f16 {
        display: flex;
        justify-content: center;
        align-items: var(--modal-inner-align, flex-start);
        padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
        padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
        padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset))
    }
    .m_7cda1cd6 {
        --pill-fz-xs: calc(.625rem * var(--mantine-scale));
        --pill-fz-sm: calc(.75rem * var(--mantine-scale));
        --pill-fz-md: calc(.875rem * var(--mantine-scale));
        --pill-fz-lg: calc(1rem * var(--mantine-scale));
        --pill-fz-xl: calc(1.125rem * var(--mantine-scale));
        --pill-height-xs: calc(1.125rem * var(--mantine-scale));
        --pill-height-sm: calc(1.375rem * var(--mantine-scale));
        --pill-height-md: calc(1.5625rem * var(--mantine-scale));
        --pill-height-lg: calc(1.75rem * var(--mantine-scale));
        --pill-height-xl: calc(2rem * var(--mantine-scale));
        --pill-fz: var(--pill-fz-sm);
        --pill-height: var(--pill-height-sm);
        font-size: var(--pill-fz);
        flex: 0;
        height: var(--pill-height);
        padding-inline: .8em;
        display: inline-flex;
        align-items: center;
        border-radius: var(--pill-radius, 1000rem);
        line-height: 1;
        white-space: nowrap;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-select: none;
        max-width: 100%
    }
    :where([data-mantine-color-scheme=dark]) .m_7cda1cd6 {
        background-color: var(--mantine-color-dark-7);
        color: var(--mantine-color-dark-0)
    }
    :where([data-mantine-color-scheme=light]) .m_7cda1cd6 {
        color: var(--mantine-color-black)
    }
    .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
        padding-inline-end: 0
    }
    .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
        cursor: not-allowed
    }
    :where([data-mantine-color-scheme=light]) .m_44da308b {
        background-color: var(--mantine-color-gray-1)
    }
    :where([data-mantine-color-scheme=light]) .m_44da308b:where([data-disabled], :has(button:disabled)) {
        background-color: var(--mantine-color-disabled)
    }
    :where([data-mantine-color-scheme=light]) .m_e3a01f8 {
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=light]) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
        background-color: var(--mantine-color-disabled)
    }
    .m_1e0e6180 {
        cursor: inherit;
        overflow: hidden;
        height: 100%;
        line-height: var(--pill-height);
        text-overflow: ellipsis
    }
    .m_ae386778 {
        color: inherit;
        font-size: inherit;
        height: 100%;
        min-height: unset;
        min-width: 2em;
        width: unset;
        border-radius: 0;
        padding-inline-start: .1em;
        padding-inline-end: .3em;
        flex: 0;
        border-end-end-radius: var(--pill-radius, 50%);
        border-start-end-radius: var(--pill-radius, 50%)
    }
    .m_7cda1cd6[data-disabled]>.m_ae386778,
    .m_ae386778:disabled {
        display: none;
        background-color: transparent;
        width: .8em;
        min-width: .8em;
        padding: 0;
        cursor: not-allowed
    }
    .m_7cda1cd6[data-disabled]>.m_ae386778>svg,
    .m_ae386778:disabled>svg {
        display: none
    }
    .m_ae386778>svg {
        pointer-events: none
    }
    .m_1dcfd90b {
        --pg-gap-xs: calc(.375rem * var(--mantine-scale));
        --pg-gap-sm: calc(.5rem * var(--mantine-scale));
        --pg-gap-md: calc(.625rem * var(--mantine-scale));
        --pg-gap-lg: calc(.75rem * var(--mantine-scale));
        --pg-gap-xl: calc(.75rem * var(--mantine-scale));
        --pg-gap: var(--pg-gap-sm);
        display: flex;
        align-items: center;
        gap: var(--pg-gap);
        flex-wrap: wrap
    }
    .m_45c4369d {
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        min-width: calc(6.25rem * var(--mantine-scale));
        flex: 1;
        border: 0;
        font-size: inherit;
        height: 1.6em;
        color: inherit;
        padding: 0
    }
    .m_45c4369d::-moz-placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_45c4369d::placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_45c4369d:where([data-type=hidden], [data-type=auto]) {
        height: calc(.0625rem * var(--mantine-scale));
        width: calc(.0625rem * var(--mantine-scale));
        top: 0;
        left: 0;
        pointer-events: none;
        position: absolute;
        opacity: 0
    }
    .m_45c4369d:focus {
        outline: none
    }
    .m_45c4369d:where([data-type=auto]:focus) {
        height: 1.6em;
        visibility: visible;
        opacity: 1;
        position: static
    }
    .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
        cursor: pointer
    }
    .m_45c4369d:where([data-disabled], :disabled) {
        cursor: not-allowed
    }
    .m_f0824112 {
        --nl-bg: var(--mantine-primary-color-light);
        --nl-hover: var(--mantine-primary-color-light-hover);
        --nl-color: var(--mantine-primary-color-light-color);
        display: flex;
        align-items: center;
        width: 100%;
        padding: 8px var(--mantine-spacing-sm);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_f0824112:hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_f0824112:hover {
            background-color: var(--mantine-color-dark-6)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_f0824112:active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_f0824112:active {
            background-color: var(--mantine-color-dark-6)
        }
    }
    .m_f0824112:where([data-disabled]) {
        opacity: .4;
        pointer-events: none
    }
    .m_f0824112:where([data-active], [aria-current=page]) {
        background-color: var(--nl-bg);
        color: var(--nl-color)
    }
    @media(hover:hover) {
        .m_f0824112:where([data-active], [aria-current=page]):hover {
            background-color: var(--nl-hover)
        }
    }
    @media(hover:none) {
        .m_f0824112:where([data-active], [aria-current=page]):active {
            background-color: var(--nl-hover)
        }
    }
    .m_f0824112:where([data-active], [aria-current=page]) .m_57492dcc {
        --description-opacity: .9;
        --description-color: var(--nl-color)
    }
    .m_690090b5 {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform .15s ease
    }
    .m_690090b5>svg {
        display: block
    }
    .m_690090b5:where([data-position=left]) {
        margin-inline-end: var(--mantine-spacing-sm)
    }
    .m_690090b5:where([data-position=right]) {
        margin-inline-start: var(--mantine-spacing-sm)
    }
    .m_690090b5:where([data-rotate]) {
        transform: rotate(90deg)
    }
    .m_1f6ac4c4 {
        font-size: var(--mantine-font-size-sm)
    }
    .m_f07af9d2 {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .m_f07af9d2:where([data-no-wrap]) {
        white-space: nowrap
    }
    .m_57492dcc {
        display: block;
        font-size: var(--mantine-font-size-xs);
        opacity: var(--description-opacity, 1);
        color: var(--description-color, var(--mantine-color-dimmed));
        overflow: hidden;
        text-overflow: ellipsis
    }
    :where([data-no-wrap]) .m_57492dcc {
        white-space: nowrap
    }
    .m_e17b862f {
        padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg))
    }
    .m_1fd8a00b {
        transform: rotate(-90deg)
    }
    .m_a513464 {
        --notification-radius: var(--mantine-radius-default);
        --notification-color: var(--mantine-primary-color-filled);
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: center;
        padding-inline-start: calc(1.375rem * var(--mantine-scale));
        padding-inline-end: var(--mantine-spacing-xs);
        padding-top: var(--mantine-spacing-xs);
        padding-bottom: var(--mantine-spacing-xs);
        border-radius: var(--notification-radius);
        box-shadow: var(--mantine-shadow-lg)
    }
    .m_a513464:before {
        content: "";
        display: block;
        position: absolute;
        width: calc(.375rem * var(--mantine-scale));
        top: var(--notification-radius);
        bottom: var(--notification-radius);
        inset-inline-start: calc(.25rem * var(--mantine-scale));
        border-radius: var(--notification-radius);
        background-color: var(--notification-color)
    }
    :where([data-mantine-color-scheme=light]) .m_a513464 {
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_a513464 {
        background-color: var(--mantine-color-dark-6)
    }
    .m_a513464:where([data-with-icon]):before {
        display: none
    }
    :where([data-mantine-color-scheme=light]) .m_a513464:where([data-with-border]) {
        border: 1px solid var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_a513464:where([data-with-border]) {
        border: 1px solid var(--mantine-color-dark-4)
    }
    .m_a4ceffb {
        box-sizing: border-box;
        margin-inline-end: var(--mantine-spacing-md);
        width: calc(1.75rem * var(--mantine-scale));
        height: calc(1.75rem * var(--mantine-scale));
        border-radius: calc(1.75rem * var(--mantine-scale));
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--notification-color);
        color: var(--mantine-color-white)
    }
    .m_b0920b15 {
        margin-inline-end: var(--mantine-spacing-md)
    }
    .m_a49ed24 {
        flex: 1;
        overflow: hidden;
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_3feedf16 {
        margin-bottom: calc(.125rem * var(--mantine-scale));
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--mantine-font-size-sm);
        line-height: var(--mantine-line-height-sm);
        font-weight: 500
    }
    :where([data-mantine-color-scheme=light]) .m_3feedf16 {
        color: var(--mantine-color-gray-9)
    }
    :where([data-mantine-color-scheme=dark]) .m_3feedf16 {
        color: var(--mantine-color-white)
    }
    .m_3d733a3a {
        font-size: var(--mantine-font-size-sm);
        line-height: var(--mantine-line-height-sm);
        overflow: hidden;
        text-overflow: ellipsis
    }
    :where([data-mantine-color-scheme=light]) .m_3d733a3a {
        color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=dark]) .m_3d733a3a {
        color: var(--mantine-color-dark-0)
    }
    :where([data-mantine-color-scheme=light]) .m_3d733a3a:where([data-with-title]) {
        color: var(--mantine-color-gray-6)
    }
    :where([data-mantine-color-scheme=dark]) .m_3d733a3a:where([data-with-title]) {
        color: var(--mantine-color-dark-2)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_919a4d88:hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_919a4d88:hover {
            background-color: var(--mantine-color-dark-8)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_919a4d88:active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_919a4d88:active {
            background-color: var(--mantine-color-dark-8)
        }
    }
    .m_e2f5cd4e {
        --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
        --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
        --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
        --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
        --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale))
    }
    .m_95e17d22 {
        --ni-chevron-size-xs: calc(.625rem * var(--mantine-scale));
        --ni-chevron-size-sm: calc(.875rem * var(--mantine-scale));
        --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
        --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
        --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
        --ni-chevron-size: var(--ni-chevron-size-sm);
        display: flex;
        flex-direction: column;
        width: 100%;
        height: calc(var(--input-height) - .125rem * var(--mantine-scale));
        max-width: calc(var(--ni-chevron-size) * 1.7);
        margin-inline-start: auto
    }
    .m_80b4b171 {
        --control-border: 1px solid var(--input-bd);
        --control-radius: calc(var(--input-radius) - calc(.0625rem * var(--mantine-scale)));
        flex: 0 0 50%;
        width: 100%;
        padding: 0;
        height: calc(var(--input-height) / 2 - .0625rem * var(--mantine-scale));
        border-inline-start: var(--control-border);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--mantine-color-text);
        background-color: transparent;
        cursor: pointer
    }
    .m_80b4b171:where(:disabled) {
        background-color: transparent;
        cursor: not-allowed;
        opacity: .6;
        color: var(--mantine-color-disabled-color)
    }
    .m_e2f5cd4e[data-error] :where(.m_80b4b171) {
        color: var(--mantine-color-error)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_80b4b171:hover {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_80b4b171:hover {
            background-color: var(--mantine-color-dark-4)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_80b4b171:active {
            background-color: var(--mantine-color-gray-0)
        }
        :where([data-mantine-color-scheme=dark]) .m_80b4b171:active {
            background-color: var(--mantine-color-dark-4)
        }
    }
    .m_80b4b171:where(:first-of-type) {
        border-radius: 0;
        border-start-end-radius: var(--control-radius)
    }
    .m_80b4b171:last-of-type {
        border-radius: 0;
        border-end-end-radius: var(--control-radius)
    }
    .m_4addd315 {
        --pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));
        --pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));
        --pagination-control-size-md: calc(2rem * var(--mantine-scale));
        --pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));
        --pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));
        --pagination-control-size: var(--pagination-control-size-md);
        --pagination-control-fz: var(--mantine-font-size-md);
        --pagination-active-bg: var(--mantine-primary-color-filled)
    }
    .m_326d024a {
        display: flex;
        align-items: center;
        justify-content: center;
        border: calc(.0625rem * var(--mantine-scale)) solid;
        cursor: pointer;
        color: var(--mantine-color-text);
        height: var(--pagination-control-size);
        min-width: var(--pagination-control-size);
        font-size: var(--pagination-control-fz);
        line-height: 1;
        border-radius: var(--pagination-control-radius, var(--mantine-radius-default))
    }
    .m_326d024a:where([data-with-padding]) {
        padding: calc(var(--pagination-control-size) / 4)
    }
    .m_326d024a:where(:disabled, [data-disabled]) {
        cursor: not-allowed;
        opacity: .4
    }
    :where([data-mantine-color-scheme=light]) .m_326d024a {
        border-color: var(--mantine-color-gray-4);
        background-color: var(--mantine-color-white)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
            background-color: var(--mantine-color-gray-0)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
            background-color: var(--mantine-color-gray-0)
        }
    }
    :where([data-mantine-color-scheme=dark]) .m_326d024a {
        border-color: var(--mantine-color-dark-4);
        background-color: var(--mantine-color-dark-6)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=dark]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
            background-color: var(--mantine-color-dark-5)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=dark]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
            background-color: var(--mantine-color-dark-5)
        }
    }
    .m_326d024a:where([data-active]) {
        background-color: var(--pagination-active-bg);
        border-color: var(--pagination-active-bg);
        color: var(--pagination-active-color, var(--mantine-color-white))
    }
    @media(hover:hover) {
        .m_326d024a:where([data-active]):hover {
            background-color: var(--pagination-active-bg)
        }
    }
    @media(hover:none) {
        .m_326d024a:where([data-active]):active {
            background-color: var(--pagination-active-bg)
        }
    }
    .m_4ad7767d {
        height: var(--pagination-control-size);
        min-width: var(--pagination-control-size);
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none
    }
    .m_f61ca620 {
        --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
        --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
        --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
        --psi-button-size-lg: calc(2rem * var(--mantine-scale));
        --psi-button-size-xl: calc(2.5rem * var(--mantine-scale));
        --psi-icon-size-xs: calc(.75rem * var(--mantine-scale));
        --psi-icon-size-sm: calc(.9375rem * var(--mantine-scale));
        --psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));
        --psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));
        --psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));
        --psi-button-size: var(--psi-button-size-sm);
        --psi-icon-size: var(--psi-icon-size-sm)
    }
    .m_ccf8da4c {
        position: relative;
        overflow: hidden
    }
    .m_f2d85dd2 {
        font-family: var(--mantine-font-family);
        background-color: transparent;
        border: 0;
        padding-inline-end: var(--input-padding-inline-end);
        padding-inline-start: var(--input-padding-inline-start);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        outline: 0;
        font-size: inherit;
        line-height: var(--mantine-line-height);
        height: 100%;
        width: 100%;
        color: inherit
    }
    .m_ccf8da4c[data-disabled] .m_f2d85dd2,
    .m_f2d85dd2:disabled {
        cursor: not-allowed
    }
    .m_f2d85dd2::-moz-placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_f2d85dd2::placeholder {
        color: var(--input-placeholder-color);
        opacity: 1
    }
    .m_f2d85dd2::-ms-reveal {
        display: none
    }
    .m_b1072d44 {
        width: var(--psi-button-size);
        height: var(--psi-button-size);
        min-width: var(--psi-button-size);
        min-height: var(--psi-button-size)
    }
    .m_b1072d44:disabled {
        display: none
    }
    .m_f1cb205a {
        --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
        --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
        --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
        --pin-input-size-lg: calc(3.125rem * var(--mantine-scale));
        --pin-input-size-xl: calc(3.75rem * var(--mantine-scale));
        --pin-input-size: var(--pin-input-size-sm)
    }
    .m_cb288ead {
        width: var(--pin-input-size);
        height: var(--pin-input-size)
    }
    @keyframes m_81a374bd {
        0% {
            background-position: 0 0
        }
        to {
            background-position: calc(2.5rem * var(--mantine-scale)) 0
        }
    }
    @keyframes m_e0fb7a86 {
        0% {
            background-position: 0 0
        }
        to {
            background-position: 0 calc(2.5rem * var(--mantine-scale))
        }
    }
    .m_db6d6462 {
        --progress-radius: var(--mantine-radius-default);
        --progress-size: var(--progress-size-md);
        --progress-size-xs: calc(.1875rem * var(--mantine-scale));
        --progress-size-sm: calc(.3125rem * var(--mantine-scale));
        --progress-size-md: calc(.5rem * var(--mantine-scale));
        --progress-size-lg: calc(.75rem * var(--mantine-scale));
        --progress-size-xl: calc(1rem * var(--mantine-scale));
        position: relative;
        height: var(--progress-size);
        border-radius: var(--progress-radius);
        overflow: hidden;
        display: flex
    }
    :where([data-mantine-color-scheme=light]) .m_db6d6462 {
        background-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_db6d6462 {
        background-color: var(--mantine-color-dark-4)
    }
    .m_db6d6462:where([data-orientation=vertical]) {
        height: auto;
        width: var(--progress-size);
        flex-direction: column-reverse
    }
    .m_2242eb65 {
        background-color: var(--progress-section-color);
        height: 100%;
        width: var(--progress-section-size);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background-size: calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
        transition: width var(--progress-transition-duration, .1s) ease
    }
    .m_2242eb65:where([data-striped]) {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }
    .m_2242eb65:where([data-animated]) {
        animation: m_81a374bd 1s linear infinite
    }
    .m_2242eb65:where(:last-of-type) {
        border-radius: 0;
        border-start-end-radius: var(--progress-radius);
        border-end-end-radius: var(--progress-radius)
    }
    .m_2242eb65:where(:first-of-type) {
        border-radius: 0;
        border-start-start-radius: var(--progress-radius);
        border-end-start-radius: var(--progress-radius)
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_2242eb65 {
        width: 100%;
        height: var(--progress-section-size);
        transition: height var(--progress-transition-duration, .1s) ease
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-striped]) {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where([data-animated]) {
        animation: m_e0fb7a86 1s linear infinite
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:last-of-type) {
        border-radius: 0;
        border-start-start-radius: var(--progress-radius);
        border-start-end-radius: var(--progress-radius)
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_2242eb65:where(:first-of-type) {
        border-radius: 0;
        border-end-start-radius: var(--progress-radius);
        border-end-end-radius: var(--progress-radius)
    }
    .m_91e40b74 {
        color: var(--progress-label-color, var(--mantine-color-white));
        font-weight: 700;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: min(var(--progress-size) * .65, 1.125rem * var(--mantine-scale));
        line-height: 1;
        padding-inline: calc(.25rem * var(--mantine-scale))
    }
    .m_db6d6462:where([data-orientation=vertical]) .m_91e40b74 {
        writing-mode: vertical-rl
    }
    .m_9dc8ae12 {
        --card-radius: var(--mantine-radius-default);
        display: block;
        width: 100%;
        border-radius: var(--card-radius);
        cursor: pointer
    }
    .m_9dc8ae12 :where(*) {
        cursor: inherit
    }
    .m_9dc8ae12:where([data-with-border]) {
        border: calc(.0625rem * var(--mantine-scale)) solid transparent
    }
    :where([data-mantine-color-scheme=light]) .m_9dc8ae12:where([data-with-border]) {
        border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_9dc8ae12:where([data-with-border]) {
        border-color: var(--mantine-color-dark-4)
    }
    .m_717d7ff6 {
        --radio-size-xs: calc(1rem * var(--mantine-scale));
        --radio-size-sm: calc(1.25rem * var(--mantine-scale));
        --radio-size-md: calc(1.5rem * var(--mantine-scale));
        --radio-size-lg: calc(1.875rem * var(--mantine-scale));
        --radio-size-xl: calc(2.25rem * var(--mantine-scale));
        --radio-icon-size-xs: calc(.375rem * var(--mantine-scale));
        --radio-icon-size-sm: calc(.5rem * var(--mantine-scale));
        --radio-icon-size-md: calc(.625rem * var(--mantine-scale));
        --radio-icon-size-lg: calc(.875rem * var(--mantine-scale));
        --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
        --radio-icon-size: var(--radio-icon-size-sm);
        --radio-size: var(--radio-size-sm);
        --radio-color: var(--mantine-primary-color-filled);
        --radio-icon-color: var(--mantine-color-white);
        position: relative;
        border: calc(.0625rem * var(--mantine-scale)) solid transparent;
        width: var(--radio-size);
        min-width: var(--radio-size);
        height: var(--radio-size);
        min-height: var(--radio-size);
        border-radius: var(--radio-radius, 10000px);
        transition: border-color .1s ease, background-color .1s ease;
        cursor: var(--mantine-cursor-type);
        -webkit-tap-highlight-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center
    }
    :where([data-mantine-color-scheme=light]) .m_717d7ff6 {
        background-color: var(--mantine-color-white);
        border-color: var(--mantine-color-gray-4)
    }
    :where([data-mantine-color-scheme=dark]) .m_717d7ff6 {
        background-color: var(--mantine-color-dark-6);
        border-color: var(--mantine-color-dark-4)
    }
    .m_717d7ff6[data-indeterminate],
    .m_717d7ff6[data-checked] {
        background-color: var(--radio-color);
        border-color: var(--radio-color)
    }
    .m_717d7ff6[data-indeterminate]>.m_3e4da632,
    .m_717d7ff6[data-checked]>.m_3e4da632 {
        opacity: 1;
        transform: none;
        color: var(--radio-icon-color)
    }
    .m_717d7ff6[data-disabled] {
        cursor: not-allowed;
        background-color: var(--mantine-color-disabled);
        border-color: var(--mantine-color-disabled-border)
    }
    .m_717d7ff6[data-disabled][data-checked]>.m_3e4da632 {
        color: var(--mantine-color-disabled-color)
    }
    .m_2980836c[data-indeterminate]:not([data-disabled]),
    .m_2980836c[data-checked]:not([data-disabled]) {
        background-color: transparent;
        border-color: var(--radio-color)
    }
    .m_2980836c[data-indeterminate]:not([data-disabled])>.m_3e4da632,
    .m_2980836c[data-checked]:not([data-disabled])>.m_3e4da632 {
        color: var(--radio-color);
        opacity: 1;
        transform: none
    }
    .m_3e4da632 {
        display: block;
        width: var(--radio-icon-size);
        height: var(--radio-icon-size);
        color: transparent;
        pointer-events: none;
        transform: translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);
        opacity: 1;
        transition: transform .1s ease, opacity .1s ease
    }
    .m_f3f1af94 {
        --radio-size-xs: calc(1rem * var(--mantine-scale));
        --radio-size-sm: calc(1.25rem * var(--mantine-scale));
        --radio-size-md: calc(1.5rem * var(--mantine-scale));
        --radio-size-lg: calc(1.875rem * var(--mantine-scale));
        --radio-size-xl: calc(2.25rem * var(--mantine-scale));
        --radio-size: var(--radio-size-sm);
        --radio-icon-size-xs: calc(.375rem * var(--mantine-scale));
        --radio-icon-size-sm: calc(.5rem * var(--mantine-scale));
        --radio-icon-size-md: calc(.625rem * var(--mantine-scale));
        --radio-icon-size-lg: calc(.875rem * var(--mantine-scale));
        --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
        --radio-icon-size: var(--radio-icon-size-sm);
        --radio-icon-color: var(--mantine-color-white)
    }
    .m_89c4f5e4 {
        position: relative;
        width: var(--radio-size);
        height: var(--radio-size);
        order: 1
    }
    .m_89c4f5e4:where([data-label-position=left]) {
        order: 2
    }
    .m_f3ed6b2b {
        color: var(--radio-icon-color);
        opacity: var(--radio-icon-opacity, 0);
        transform: var(--radio-icon-transform, scale(.2) translateY(calc(.625rem * var(--mantine-scale))));
        transition: opacity .1s ease, transform .2s ease;
        pointer-events: none;
        width: var(--radio-icon-size);
        height: var(--radio-icon-size);
        position: absolute;
        top: calc(50% - var(--radio-icon-size) / 2);
        left: calc(50% - var(--radio-icon-size) / 2)
    }
    .m_8a3dbb89 {
        border: calc(.0625rem * var(--mantine-scale)) solid;
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: var(--radio-size);
        height: var(--radio-size);
        border-radius: var(--radio-radius, var(--radio-size));
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-property: background-color, border-color;
        transition-timing-function: ease;
        transition-duration: .1s;
        cursor: var(--mantine-cursor-type);
        -webkit-tap-highlight-color: transparent
    }
    :where([data-mantine-color-scheme=light]) .m_8a3dbb89 {
        background-color: var(--mantine-color-white);
        border-color: var(--mantine-color-gray-4)
    }
    :where([data-mantine-color-scheme=dark]) .m_8a3dbb89 {
        background-color: var(--mantine-color-dark-6);
        border-color: var(--mantine-color-dark-4)
    }
    .m_8a3dbb89:checked {
        background-color: var(--radio-color, var(--mantine-primary-color-filled));
        border-color: var(--radio-color, var(--mantine-primary-color-filled))
    }
    .m_8a3dbb89:checked+.m_f3ed6b2b {
        --radio-icon-opacity: 1;
        --radio-icon-transform: scale(1)
    }
    .m_8a3dbb89:disabled {
        cursor: not-allowed;
        background-color: var(--mantine-color-disabled);
        border-color: var(--mantine-color-disabled-border)
    }
    .m_8a3dbb89:disabled+.m_f3ed6b2b {
        --radio-icon-color: var(--mantine-color-disabled-color)
    }
    .m_8a3dbb89:where([data-error]) {
        border-color: var(--mantine-color-error)
    }
    .m_1bfe9d39+.m_f3ed6b2b {
        --radio-icon-color: var(--radio-color)
    }
    .m_1bfe9d39:checked:not(:disabled) {
        background-color: transparent;
        border-color: var(--radio-color)
    }
    .m_1bfe9d39:checked:not(:disabled)+.m_f3ed6b2b {
        --radio-icon-color: var(--radio-color);
        --radio-icon-opacity: 1;
        --radio-icon-transform: none
    }
    .m_f8d312f2 {
        --rating-size-xs: calc(.875rem * var(--mantine-scale));
        --rating-size-sm: calc(1.125rem * var(--mantine-scale));
        --rating-size-md: calc(1.25rem * var(--mantine-scale));
        --rating-size-lg: calc(1.75rem * var(--mantine-scale));
        --rating-size-xl: calc(2rem * var(--mantine-scale));
        display: flex;
        width: -moz-max-content;
        width: max-content
    }
    .m_f8d312f2:where(:has(input:disabled)) {
        pointer-events: none
    }
    .m_61734bb7 {
        position: relative;
        transition: transform .1s ease
    }
    .m_61734bb7:where([data-active]) {
        z-index: 1;
        transform: scale(1.1)
    }
    .m_5662a89a {
        width: var(--rating-size);
        height: var(--rating-size);
        display: block
    }
    :where([data-mantine-color-scheme=light]) .m_5662a89a {
        fill: var(--mantine-color-gray-3);
        stroke: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_5662a89a {
        fill: var(--mantine-color-dark-3);
        stroke: var(--mantine-color-dark-3)
    }
    .m_5662a89a:where([data-filled]) {
        fill: var(--rating-color);
        stroke: var(--rating-color)
    }
    .m_211007ba {
        height: 0;
        width: 0;
        position: absolute;
        overflow: hidden;
        white-space: nowrap;
        opacity: 0;
        -webkit-tap-highlight-color: transparent
    }
    .m_211007ba:focus-visible+label {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .m_21342ee4 {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        z-index: var(--rating-item-z-index, 0);
        -webkit-tap-highlight-color: transparent
    }
    .m_21342ee4:where([data-read-only]) {
        cursor: default
    }
    .m_21342ee4:where(:last-of-type) {
        position: relative
    }
    .m_fae05d6a {
        clip-path: var(--rating-symbol-clip-path)
    }
    .m_1b3c8819 {
        --tooltip-radius: var(--mantine-radius-default);
        position: absolute;
        padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
        pointer-events: none;
        font-size: var(--mantine-font-size-sm);
        white-space: nowrap;
        border-radius: var(--tooltip-radius)
    }
    :where([data-mantine-color-scheme=light]) .m_1b3c8819 {
        background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
        color: var(--tooltip-color, var(--mantine-color-white))
    }
    :where([data-mantine-color-scheme=dark]) .m_1b3c8819 {
        background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
        color: var(--tooltip-color, var(--mantine-color-black))
    }
    .m_1b3c8819:where([data-multiline]) {
        white-space: normal
    }
    .m_1b3c8819:where([data-fixed]) {
        position: fixed
    }
    .m_f898399f {
        background-color: inherit;
        border: 0;
        z-index: 1
    }
    .m_b32e4812 {
        position: relative;
        width: var(--rp-size);
        height: var(--rp-size);
        min-width: var(--rp-size);
        min-height: var(--rp-size);
        --rp-transition-duration: 0ms
    }
    .m_d43b5134 {
        width: var(--rp-size);
        height: var(--rp-size);
        min-width: var(--rp-size);
        min-height: var(--rp-size);
        transform: rotate(-90deg)
    }
    .m_b1ca1fbf {
        stroke: var(--curve-color, var(--rp-curve-root-color));
        transition: stroke-dashoffset var(--rp-transition-duration) ease, stroke-dasharray var(--rp-transition-duration) ease, stroke var(--rp-transition-duration)
    }
    [data-mantine-color-scheme=light] .m_b1ca1fbf {
        --rp-curve-root-color: var(--mantine-color-gray-2)
    }
    [data-mantine-color-scheme=dark] .m_b1ca1fbf {
        --rp-curve-root-color: var(--mantine-color-dark-4)
    }
    .m_b23f9dc4 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        inset-inline: var(--rp-label-offset)
    }
    .m_cf365364 {
        --sc-padding-xs: calc(.125rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale));
        --sc-padding-sm: calc(.1875rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));
        --sc-padding-md: calc(.25rem * var(--mantine-scale)) calc(.875rem * var(--mantine-scale));
        --sc-padding-lg: calc(.4375rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
        --sc-padding-xl: calc(.625rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
        --sc-transition-duration: .2s;
        --sc-padding: var(--sc-padding-sm);
        --sc-transition-timing-function: ease;
        --sc-font-size: var(--mantine-font-size-sm);
        position: relative;
        display: inline-flex;
        flex-direction: row;
        width: auto;
        border-radius: var(--sc-radius, var(--mantine-radius-default));
        overflow: hidden;
        padding: calc(.25rem * var(--mantine-scale))
    }
    .m_cf365364:where([data-full-width]) {
        display: flex
    }
    .m_cf365364:where([data-orientation=vertical]) {
        display: flex;
        flex-direction: column;
        width: -moz-max-content;
        width: max-content
    }
    .m_cf365364:where([data-orientation=vertical]):where([data-full-width]) {
        width: auto
    }
    :where([data-mantine-color-scheme=light]) .m_cf365364 {
        background-color: var(--mantine-color-gray-1)
    }
    :where([data-mantine-color-scheme=dark]) .m_cf365364 {
        background-color: var(--mantine-color-dark-8)
    }
    .m_9e182ccd {
        position: absolute;
        display: block;
        z-index: 1;
        border-radius: var(--sc-radius, var(--mantine-radius-default))
    }
    :where([data-mantine-color-scheme=light]) .m_9e182ccd {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white))
    }
    :where([data-mantine-color-scheme=dark]) .m_9e182ccd {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5))
    }
    .m_1738fcb2 {
        -webkit-tap-highlight-color: transparent;
        font-weight: 500;
        display: block;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border-radius: var(--sc-radius, var(--mantine-radius-default));
        font-size: var(--sc-font-size);
        padding: var(--sc-padding);
        transition: color var(--sc-transition-duration) var(--sc-transition-timing-function);
        cursor: pointer;
        outline: var(--segmented-control-outline, none)
    }
    :where([data-mantine-color-scheme=light]) .m_1738fcb2 {
        color: var(--mantine-color-gray-7)
    }
    :where([data-mantine-color-scheme=dark]) .m_1738fcb2 {
        color: var(--mantine-color-dark-1)
    }
    .m_1738fcb2:where([data-read-only]) {
        cursor: default
    }
    fieldset:disabled .m_1738fcb2,
    .m_1738fcb2:where([data-disabled]) {
        cursor: not-allowed;
        color: var(--mantine-color-disabled-color)
    }
    :where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]) {
        color: var(--sc-label-color, var(--mantine-color-black))
    }
    :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]) {
        color: var(--sc-label-color, var(--mantine-color-white))
    }
    .m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active]):before {
        display: none
    }
    .m_1738fcb2:where([data-active]):before {
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        position: absolute;
        border-radius: var(--sc-radius, var(--mantine-radius-default))
    }
    :where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]):before {
        box-shadow: var(--sc-shadow, none);
        background-color: var(--sc-color, var(--mantine-color-white))
    }
    :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]):before {
        box-shadow: none;
        background-color: var(--sc-color, var(--mantine-color-dark-5))
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
            color: var(--mantine-color-black)
        }
        :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
            color: var(--mantine-color-white)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
            color: var(--mantine-color-black)
        }
        :where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
            color: var(--mantine-color-white)
        }
    }
    @media(hover:hover) {
        fieldset:disabled .m_1738fcb2:hover {
            color: var(--mantine-color-disabled-color) !important
        }
    }
    @media(hover:none) {
        fieldset:disabled .m_1738fcb2:active {
            color: var(--mantine-color-disabled-color) !important
        }
    }
    .m_1714d588 {
        height: 0;
        width: 0;
        position: absolute;
        overflow: hidden;
        white-space: nowrap;
        opacity: 0
    }
    .m_1714d588[data-focus-ring=auto]:focus:focus-visible+.m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled)
    }
    .m_1714d588[data-focus-ring=always]:focus+.m_1738fcb2 {
        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled)
    }
    .m_69686b9b {
        position: relative;
        flex: 1;
        z-index: 2;
        transition: border-color var(--sc-transition-duration) var(--sc-transition-timing-function)
    }
    .m_cf365364[data-with-items-borders] :where(.m_69686b9b):before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        inset-inline-start: 0;
        background-color: var(--separator-color);
        width: calc(.0625rem * var(--mantine-scale));
        transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function)
    }
    .m_69686b9b[data-orientation=vertical]:before {
        top: 0;
        inset-inline: 0;
        bottom: auto;
        height: calc(.0625rem * var(--mantine-scale));
        width: auto
    }
    :where([data-mantine-color-scheme=light]) .m_69686b9b {
        --separator-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_69686b9b {
        --separator-color: var(--mantine-color-dark-4)
    }
    .m_69686b9b:first-of-type:before {
        --separator-color: transparent
    }
    [data-mantine-color-scheme] .m_69686b9b[data-active]:before,
    [data-mantine-color-scheme] .m_69686b9b[data-active]+.m_69686b9b:before {
        --separator-color: transparent
    }
    .m_78882f40 {
        position: relative;
        z-index: 2
    }
    .m_fa528724 {
        --scp-filled-segment-color: var(--mantine-primary-color-filled);
        --scp-transition-duration: 0ms;
        --scp-thickness: calc(.625rem * var(--mantine-scale))
    }
    :where([data-mantine-color-scheme=light]) .m_fa528724 {
        --scp-empty-segment-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_fa528724 {
        --scp-empty-segment-color: var(--mantine-color-dark-4)
    }
    .m_fa528724 {
        position: relative;
        width: -moz-fit-content;
        width: fit-content
    }
    .m_62e9e7e2 {
        display: block;
        transform: var(--scp-rotation);
        overflow: hidden
    }
    .m_c573fb6f {
        transition: stroke-dashoffset var(--scp-transition-duration) ease, stroke-dasharray var(--scp-transition-duration) ease, stroke var(--scp-transition-duration)
    }
    .m_4fa340f2 {
        position: absolute;
        margin: 0;
        padding: 0;
        inset-inline: 0;
        text-align: center;
        z-index: 1
    }
    .m_4fa340f2:where([data-position=bottom]) {
        bottom: 0;
        padding-inline: calc(var(--scp-thickness) * 2)
    }
    .m_4fa340f2:where([data-position=bottom]):where([data-orientation=down]) {
        bottom: auto;
        top: 0
    }
    .m_4fa340f2:where([data-position=center]) {
        top: 50%;
        padding-inline: calc(var(--scp-thickness) * 3)
    }
    .m_925c2d2c {
        container: simple-grid/inline-size
    }
    .m_2415a157 {
        display: grid;
        grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
        gap: var(--sg-spacing-y) var(--sg-spacing-x)
    }
    @keyframes m_299c329c {
        0%,
        to {
            opacity: .4
        }
        50% {
            opacity: 1
        }
    }
    .m_18320242 {
        height: var(--skeleton-height, auto);
        width: var(--skeleton-width, 100%);
        border-radius: var(--skeleton-radius, var(--mantine-radius-default));
        position: relative;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
    .m_18320242:where([data-animate]):after {
        animation: m_299c329c 1.5s linear infinite
    }
    .m_18320242:where([data-visible]) {
        overflow: hidden
    }
    .m_18320242:where([data-visible]):before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background-color: var(--mantine-color-body)
    }
    .m_18320242:where([data-visible]):after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 11
    }
    :where([data-mantine-color-scheme=light]) .m_18320242:where([data-visible]):after {
        background-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_18320242:where([data-visible]):after {
        background-color: var(--mantine-color-dark-4)
    }
    .m_dd36362e {
        --slider-size-xs: calc(.25rem * var(--mantine-scale));
        --slider-size-sm: calc(.375rem * var(--mantine-scale));
        --slider-size-md: calc(.5rem * var(--mantine-scale));
        --slider-size-lg: calc(.625rem * var(--mantine-scale));
        --slider-size-xl: calc(.75rem * var(--mantine-scale));
        --slider-size: var(--slider-size-md);
        --slider-radius: calc(62.5rem * var(--mantine-scale));
        --slider-color: var(--mantine-primary-color-filled);
        --slider-track-disabled-bg: var(--mantine-color-disabled);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        height: calc(var(--slider-size) * 2);
        padding-inline: var(--slider-size);
        display: flex;
        flex-direction: column;
        align-items: center;
        touch-action: none;
        position: relative
    }
    [data-mantine-color-scheme=light] .m_dd36362e {
        --slider-track-bg: var(--mantine-color-gray-2)
    }
    [data-mantine-color-scheme=dark] .m_dd36362e {
        --slider-track-bg: var(--mantine-color-dark-4)
    }
    .m_c9357328 {
        position: absolute;
        top: calc(-2.25rem * var(--mantine-scale));
        font-size: var(--mantine-font-size-xs);
        color: var(--mantine-color-white);
        padding: calc(var(--mantine-spacing-xs) / 2);
        border-radius: var(--mantine-radius-sm);
        white-space: nowrap;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        touch-action: none
    }
    :where([data-mantine-color-scheme=light]) .m_c9357328 {
        background-color: var(--mantine-color-gray-9)
    }
    :where([data-mantine-color-scheme=dark]) .m_c9357328 {
        background-color: var(--mantine-color-dark-4)
    }
    .m_c9a9a60a {
        position: absolute;
        display: flex;
        height: var(--slider-thumb-size);
        width: var(--slider-thumb-size);
        border: calc(.25rem * var(--mantine-scale)) solid;
        transform: translate(-50%, -50%);
        top: 50%;
        cursor: pointer;
        border-radius: var(--slider-radius);
        align-items: center;
        justify-content: center;
        transition: box-shadow .1s ease, transform .1s ease;
        z-index: 3;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        touch-action: none;
        outline-offset: calc(.125rem * var(--mantine-scale));
        left: var(--slider-thumb-offset)
    }
    :where([dir=rtl]) .m_c9a9a60a {
        left: auto;
        right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size))
    }
    fieldset:disabled .m_c9a9a60a,
    .m_c9a9a60a:where([data-disabled]) {
        display: none
    }
    .m_c9a9a60a:where([data-dragging]) {
        transform: translate(-50%, -50%) scale(1.05);
        box-shadow: var(--mantine-shadow-sm)
    }
    :where([data-mantine-color-scheme=light]) .m_c9a9a60a {
        color: var(--slider-color);
        border-color: var(--slider-color);
        background-color: var(--mantine-color-white)
    }
    :where([data-mantine-color-scheme=dark]) .m_c9a9a60a {
        color: var(--mantine-color-white);
        border-color: var(--mantine-color-white);
        background-color: var(--slider-color)
    }
    .m_a8645c2 {
        display: flex;
        align-items: center;
        width: 100%;
        height: calc(var(--slider-size) * 2);
        cursor: pointer
    }
    fieldset:disabled .m_a8645c2,
    .m_a8645c2:where([data-disabled]) {
        cursor: not-allowed
    }
    .m_c9ade57f {
        position: relative;
        width: 100%;
        height: var(--slider-size)
    }
    .m_c9ade57f:where([data-inverted]:not([data-disabled])) {
        --track-bg: var(--slider-color)
    }
    fieldset:disabled .m_c9ade57f:where([data-inverted]),
    .m_c9ade57f:where([data-inverted][data-disabled]) {
        --track-bg: var(--slider-track-disabled-bg)
    }
    .m_c9ade57f:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-radius: var(--slider-radius);
        inset-inline: calc(var(--slider-size) * -1);
        background-color: var(--track-bg, var(--slider-track-bg));
        z-index: 0
    }
    .m_38aeed47 {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        background-color: var(--slider-color);
        border-radius: var(--slider-radius);
        width: var(--slider-bar-width);
        inset-inline-start: var(--slider-bar-offset)
    }
    .m_38aeed47:where([data-inverted]) {
        background-color: var(--slider-track-bg)
    }
    fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
    .m_38aeed47:where([data-disabled]:not([data-inverted])) {
        background-color: var(--mantine-color-disabled-color)
    }
    .m_b7b0423a {
        position: absolute;
        inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
        top: 0;
        z-index: 2;
        height: 0;
        pointer-events: none
    }
    .m_dd33bc19 {
        border: calc(.125rem * var(--mantine-scale)) solid;
        height: var(--slider-size);
        width: var(--slider-size);
        border-radius: calc(62.5rem * var(--mantine-scale));
        background-color: var(--mantine-color-white);
        pointer-events: none
    }
    :where([data-mantine-color-scheme=light]) .m_dd33bc19 {
        border-color: var(--mantine-color-gray-2)
    }
    :where([data-mantine-color-scheme=dark]) .m_dd33bc19 {
        border-color: var(--mantine-color-dark-4)
    }
    .m_dd33bc19:where([data-filled]) {
        border-color: var(--slider-color)
    }
    .m_dd33bc19:where([data-filled]):where([data-disabled]) {
        border-color: var(--mantine-color-disabled-border)
    }
    .m_68c77a5b {
        transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
        font-size: var(--mantine-font-size-sm);
        white-space: nowrap;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    :where([data-mantine-color-scheme=light]) .m_68c77a5b {
        color: var(--mantine-color-gray-6)
    }
    :where([data-mantine-color-scheme=dark]) .m_68c77a5b {
        color: var(--mantine-color-dark-2)
    }
    .m_559cce2d {
        position: relative
    }
    .m_559cce2d:where([data-has-spoiler]) {
        margin-bottom: calc(1.5rem * var(--mantine-scale))
    }
    .m_b912df4e {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: max-height var(--spoiler-transition-duration, .2s) ease
    }
    .m_b9131032 {
        position: absolute;
        inset-inline-start: 0;
        top: 100%;
        height: calc(1.5rem * var(--mantine-scale))
    }
    .m_6d731127 {
        display: flex;
        flex-direction: column;
        align-items: var(--stack-align, stretch);
        justify-content: var(--stack-justify, flex-start);
        gap: var(--stack-gap, var(--mantine-spacing-md))
    }
    .m_cbb4ea7e {
        --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
        --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
        --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
        --stepper-icon-size-lg: calc(3rem * var(--mantine-scale));
        --stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));
        --stepper-icon-size: var(--stepper-icon-size-md);
        --stepper-color: var(--mantine-primary-color-filled);
        --stepper-content-padding: var(--mantine-spacing-md);
        --stepper-spacing: var(--mantine-spacing-md);
        --stepper-radius: calc(62.5rem * var(--mantine-scale));
        --stepper-fz: var(--mantine-font-size-md);
        --stepper-outline-thickness: calc(.125rem * var(--mantine-scale))
    }
    [data-mantine-color-scheme=light] .m_cbb4ea7e {
        --stepper-outline-color: var(--mantine-color-gray-2)
    }
    [data-mantine-color-scheme=dark] .m_cbb4ea7e {
        --stepper-outline-color: var(--mantine-color-dark-5)
    }
    .m_aaf89d0b {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }
    .m_aaf89d0b:where([data-wrap]) {
        flex-wrap: wrap;
        gap: var(--mantine-spacing-md) 0
    }
    .m_aaf89d0b:where([data-orientation=vertical]) {
        flex-direction: column
    }
    .m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=left]) {
        align-items: flex-start
    }
    .m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=right]) {
        align-items: flex-end
    }
    .m_aaf89d0b:where([data-orientation=horizontal]) {
        flex-direction: row
    }
    .m_2a371ac9 {
        transition: background-color .15s ease;
        flex: 1;
        height: var(--stepper-outline-thickness);
        margin-inline: var(--mantine-spacing-md);
        background-color: var(--stepper-outline-color)
    }
    .m_2a371ac9:where([data-active]) {
        background-color: var(--stepper-color)
    }
    .m_78da155d {
        padding-top: var(--stepper-content-padding)
    }
    .m_cbb57068 {
        --step-color: var(--stepper-color);
        display: flex;
        cursor: default
    }
    .m_cbb57068:where([data-allow-click]) {
        cursor: pointer
    }
    .m_cbb57068:where([data-icon-position=left]) {
        flex-direction: row
    }
    .m_cbb57068:where([data-icon-position=right]) {
        flex-direction: row-reverse
    }
    .m_f56b1e2c {
        align-items: center
    }
    .m_833edb7e {
        --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
        justify-content: flex-start;
        min-height: calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));
        margin-top: var(--separator-spacing);
        overflow: hidden
    }
    .m_833edb7e:where(:first-of-type) {
        margin-top: 0
    }
    .m_833edb7e:where(:last-of-type) {
        min-height: auto
    }
    .m_833edb7e:where(:last-of-type) .m_6496b3f3 {
        display: none
    }
    .m_818e70b {
        position: relative
    }
    .m_6496b3f3 {
        top: calc(var(--stepper-icon-size) + var(--separator-spacing));
        inset-inline-start: calc(var(--stepper-icon-size) / 2);
        height: 100vh;
        position: absolute;
        border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color)
    }
    .m_6496b3f3:where([data-active]) {
        border-color: var(--stepper-color)
    }
    .m_1959ad01 {
        height: var(--stepper-icon-size);
        width: var(--stepper-icon-size);
        min-height: var(--stepper-icon-size);
        min-width: var(--stepper-icon-size);
        border-radius: var(--stepper-radius);
        font-size: var(--stepper-fz);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-weight: 700;
        transition: background-color .15s ease, border-color .15s ease;
        border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
        background-color: var(--stepper-outline-color)
    }
    :where([data-mantine-color-scheme=light]) .m_1959ad01 {
        color: var(--mantine-color-gray-7)
    }
    :where([data-mantine-color-scheme=dark]) .m_1959ad01 {
        color: var(--mantine-color-dark-1)
    }
    .m_1959ad01:where([data-progress]) {
        border-color: var(--step-color)
    }
    .m_1959ad01:where([data-completed]) {
        color: var(--stepper-icon-color, var(--mantine-color-white));
        background-color: var(--step-color);
        border-color: var(--step-color)
    }
    .m_a79331dc {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--stepper-icon-color, var(--mantine-color-white))
    }
    .m_1956aa2a {
        display: flex;
        flex-direction: column
    }
    .m_1956aa2a:where([data-icon-position=left]) {
        margin-inline-start: var(--mantine-spacing-sm)
    }
    .m_1956aa2a:where([data-icon-position=right]) {
        text-align: right;
        margin-inline-end: var(--mantine-spacing-sm)
    }
    :where([dir=rtl]) .m_1956aa2a:where([data-icon-position=right]) {
        text-align: left
    }
    .m_12051f6c {
        font-weight: 500;
        font-size: var(--stepper-fz);
        line-height: 1
    }
    .m_164eea74 {
        margin-top: calc(var(--stepper-spacing) / 3);
        margin-bottom: calc(var(--stepper-spacing) / 3);
        font-size: calc(var(--stepper-fz) - .125rem * var(--mantine-scale));
        line-height: 1;
        color: var(--mantine-color-dimmed)
    }
    .m_5f93f3bb {
        --switch-height-xs: calc(1rem * var(--mantine-scale));
        --switch-height-sm: calc(1.25rem * var(--mantine-scale));
        --switch-height-md: calc(1.5rem * var(--mantine-scale));
        --switch-height-lg: calc(1.875rem * var(--mantine-scale));
        --switch-height-xl: calc(2.25rem * var(--mantine-scale));
        --switch-width-xs: calc(2rem * var(--mantine-scale));
        --switch-width-sm: calc(2.375rem * var(--mantine-scale));
        --switch-width-md: calc(2.875rem * var(--mantine-scale));
        --switch-width-lg: calc(3.5rem * var(--mantine-scale));
        --switch-width-xl: calc(4.5rem * var(--mantine-scale));
        --switch-thumb-size-xs: calc(.75rem * var(--mantine-scale));
        --switch-thumb-size-sm: calc(.875rem * var(--mantine-scale));
        --switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));
        --switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));
        --switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));
        --switch-label-font-size-xs: calc(.3125rem * var(--mantine-scale));
        --switch-label-font-size-sm: calc(.375rem * var(--mantine-scale));
        --switch-label-font-size-md: calc(.4375rem * var(--mantine-scale));
        --switch-label-font-size-lg: calc(.5625rem * var(--mantine-scale));
        --switch-label-font-size-xl: calc(.6875rem * var(--mantine-scale));
        --switch-track-label-padding-xs: calc(.125rem * var(--mantine-scale));
        --switch-track-label-padding-sm: calc(.15625rem * var(--mantine-scale));
        --switch-track-label-padding-md: calc(.1875rem * var(--mantine-scale));
        --switch-track-label-padding-lg: calc(.1875rem * var(--mantine-scale));
        --switch-track-label-padding-xl: calc(.21875rem * var(--mantine-scale));
        --switch-height: var(--switch-height-sm);
        --switch-width: var(--switch-width-sm);
        --switch-thumb-size: var(--switch-thumb-size-sm);
        --switch-label-font-size: var(--switch-label-font-size-sm);
        --switch-track-label-padding: var(--switch-track-label-padding-sm);
        --switch-radius: calc(62.5rem * var(--mantine-scale));
        --switch-color: var(--mantine-primary-color-filled);
        --switch-disabled-color: var(--mantine-color-disabled);
        position: relative
    }
    .m_926b4011 {
        height: 0;
        width: 0;
        opacity: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: hidden;
        white-space: nowrap
    }
    .m_9307d992 {
        -webkit-tap-highlight-color: transparent;
        cursor: var(--switch-cursor, var(--mantine-cursor-type));
        overflow: hidden;
        position: relative;
        border-radius: var(--switch-radius);
        background-color: var(--switch-bg);
        height: var(--switch-height);
        min-width: var(--switch-width);
        margin: 0;
        transition: background-color .15s ease, border-color .15s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: flex;
        align-items: center;
        font-size: var(--switch-label-font-size);
        font-weight: 600;
        order: var(--switch-order, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 0;
        line-height: 0;
        color: var(--switch-text-color)
    }
    .m_9307d992:where([data-without-labels]) {
        width: var(--switch-width)
    }
    .m_926b4011:focus-visible+.m_9307d992 {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .m_926b4011:checked+.m_9307d992 {
        --switch-bg: var(--switch-color);
        --switch-text-color: var(--mantine-color-white)
    }
    .m_926b4011:disabled+.m_9307d992,
    .m_926b4011[data-disabled]+.m_9307d992 {
        --switch-bg: var(--switch-disabled-color);
        --switch-cursor: not-allowed
    }
    [data-mantine-color-scheme=light] .m_9307d992 {
        --switch-bg: var(--mantine-color-gray-3);
        --switch-text-color: var(--mantine-color-gray-6)
    }
    [data-mantine-color-scheme=dark] .m_9307d992 {
        --switch-bg: var(--mantine-color-dark-5);
        --switch-text-color: var(--mantine-color-dark-1)
    }
    .m_9307d992[data-label-position=left] {
        --switch-order: 2
    }
    .m_93039a1d {
        position: absolute;
        z-index: 1;
        border-radius: var(--switch-radius);
        display: flex;
        background-color: var(--switch-thumb-bg, var(--mantine-color-white));
        height: var(--switch-thumb-size);
        width: var(--switch-thumb-size);
        inset-inline-start: var(--switch-thumb-start, var(--switch-track-label-padding));
        transition: inset-inline-start .15s ease
    }
    .m_93039a1d:where([data-with-thumb-indicator]):before {
        content: "";
        width: 40%;
        height: 40%;
        background-color: var(--switch-bg);
        position: absolute;
        border-radius: var(--switch-radius);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .m_93039a1d>* {
        margin: auto
    }
    .m_926b4011:checked+*>.m_93039a1d {
        --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding))
    }
    .m_926b4011:disabled+*>.m_93039a1d,
    .m_926b4011[data-disabled]+*>.m_93039a1d {
        --switch-thumb-bg: var(--switch-thumb-bg-disabled)
    }
    [data-mantine-color-scheme=light] .m_93039a1d {
        --switch-thumb-bg-disabled: var(--mantine-color-gray-0)
    }
    [data-mantine-color-scheme=dark] .m_93039a1d {
        --switch-thumb-bg-disabled: var(--mantine-color-dark-3)
    }
    .m_8277e082 {
        height: 100%;
        display: grid;
        place-content: center;
        min-width: calc(var(--switch-width) - var(--switch-thumb-size));
        padding-inline: var(--switch-track-label-padding);
        margin-inline-start: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
        transition: margin .15s ease
    }
    .m_926b4011:checked+*>.m_8277e082 {
        margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
        margin-inline-start: 0
    }
    .m_b23fa0ef {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        line-height: var(--mantine-line-height);
        font-size: var(--mantine-font-size-sm);
        table-layout: var(--table-layout, auto);
        caption-side: var(--table-caption-side, bottom);
        border: none
    }
    :where([data-mantine-color-scheme=light]) .m_b23fa0ef {
        --table-hover-color: var(--mantine-color-gray-1);
        --table-striped-color: var(--mantine-color-gray-0);
        --table-border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_b23fa0ef {
        --table-hover-color: var(--mantine-color-dark-5);
        --table-striped-color: var(--mantine-color-dark-6);
        --table-border-color: var(--mantine-color-dark-4)
    }
    .m_b23fa0ef:where([data-with-table-border]) {
        border: calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)
    }
    .m_b23fa0ef:where([data-tabular-nums]) {
        font-variant-numeric: tabular-nums
    }
    .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
        font-weight: 500
    }
    :where([data-mantine-color-scheme=light]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3) {
        background-color: var(--mantine-color-dark-6)
    }
    .m_4e7aa4f3 {
        text-align: left
    }
    :where([dir=rtl]) .m_4e7aa4f3 {
        text-align: right
    }
    .m_4e7aa4fd {
        border-bottom: none;
        background-color: transparent
    }
    @media(hover:hover) {
        .m_4e7aa4fd:hover:where([data-hover]) {
            background-color: var(--tr-hover-bg)
        }
    }
    @media(hover:none) {
        .m_4e7aa4fd:active:where([data-hover]) {
            background-color: var(--tr-hover-bg)
        }
    }
    .m_4e7aa4fd:where([data-with-row-border]) {
        border-bottom: calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)
    }
    .m_4e7aa4ef,
    .m_4e7aa4f3 {
        padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs))
    }
    .m_4e7aa4ef:where([data-with-column-border]:not(:first-child)),
    .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
        border-inline-start: calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)
    }
    .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),
    .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
        border-inline-end: calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)
    }
    .m_b2404537>:where(tr):where([data-with-row-border]:last-of-type) {
        border-bottom: none
    }
    .m_b2404537>:where(tr):where([data-striped=odd]:nth-of-type(odd)) {
        background-color: var(--table-striped-color)
    }
    .m_b2404537>:where(tr):where([data-striped=even]:nth-of-type(2n)) {
        background-color: var(--table-striped-color)
    }
    .m_b2404537>:where(tr)[data-hover] {
        --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color))
    }
    .m_b242d975 {
        top: var(--table-sticky-header-offset, 0);
        z-index: 3
    }
    .m_b242d975:where([data-sticky]) {
        position: sticky
    }
    .m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3) {
        position: sticky;
        top: var(--table-sticky-header-offset, 0);
        background-color: var(--mantine-color-body)
    }
    :where([data-with-table-border]) .m_b242d975[data-sticky] {
        position: sticky;
        top: var(--table-sticky-header-offset, 0);
        z-index: 4;
        border-top: none
    }
    :where([data-with-table-border]) .m_b242d975[data-sticky]:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: calc(-.03125rem * var(--mantine-scale));
        width: 100%;
        height: calc(.0625rem * var(--mantine-scale));
        background-color: var(--table-border-color);
        z-index: 5
    }
    :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
        border-top: none
    }
    .m_9e5a3ac7 {
        color: var(--mantine-color-dimmed)
    }
    .m_9e5a3ac7:where([data-side=top]) {
        margin-bottom: var(--mantine-spacing-xs)
    }
    .m_9e5a3ac7:where([data-side=bottom]) {
        margin-top: var(--mantine-spacing-xs)
    }
    .m_a100c15 {
        overflow-x: var(--table-overflow)
    }
    .m_62259741 {
        min-width: var(--table-min-width);
        max-height: var(--table-max-height)
    }
    .m_bcaa9990 {
        display: flex;
        flex-direction: column;
        --toc-depth-offset: .8em
    }
    .m_375a65ef {
        display: block;
        padding: .3em .8em;
        font-size: var(--toc-size, var(--mantine-font-size-md));
        border-radius: var(--toc-radius, var(--mantine-radius-default));
        padding-left: max(var(--depth-offset) * var(--toc-depth-offset), .8em)
    }
    @media(hover:hover) {
        :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
            background-color: var(--mantine-color-gray-1)
        }
        :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
            background-color: var(--mantine-color-dark-5)
        }
    }
    @media(hover:none) {
        :where([data-mantine-color-scheme=light]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
            background-color: var(--mantine-color-gray-1)
        }
        :where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
            background-color: var(--mantine-color-dark-5)
        }
    }
    .m_375a65ef:where([data-active]) {
        background-color: var(--toc-bg);
        color: var(--toc-color)
    }
    [data-mantine-color-scheme=light] .m_89d60db1 {
        --tab-border-color: var(--mantine-color-gray-3)
    }
    [data-mantine-color-scheme=dark] .m_89d60db1 {
        --tab-border-color: var(--mantine-color-dark-4)
    }
    .m_89d60db1 {
        display: var(--tabs-display);
        flex-direction: var(--tabs-flex-direction);
        --tabs-list-direction: row;
        --tabs-panel-grow: unset;
        --tabs-display: block;
        --tabs-flex-direction: row;
        --tabs-list-border-width: 0;
        --tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;
        --tabs-list-gap: unset;
        --tabs-list-line-bottom: 0;
        --tabs-list-line-top: unset;
        --tabs-list-line-start: 0;
        --tabs-list-line-end: 0;
        --tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;
        --tab-border-width: 0 0 var(--tabs-list-border-width) 0
    }
    .m_89d60db1[data-inverted] {
        --tabs-list-line-bottom: unset;
        --tabs-list-line-top: 0;
        --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
        --tab-border-width: var(--tabs-list-border-width) 0 0 0
    }
    .m_89d60db1[data-inverted] .m_576c9d4:before {
        top: 0;
        bottom: unset
    }
    .m_89d60db1[data-orientation=vertical] {
        --tabs-list-line-start: unset;
        --tabs-list-line-end: 0;
        --tabs-list-line-top: 0;
        --tabs-list-line-bottom: 0;
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
        --tabs-list-direction: column;
        --tabs-panel-grow: 1;
        --tabs-display: flex
    }
    [dir=rtl] .m_89d60db1[data-orientation=vertical] {
        --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
        --tab-border-width: 0 0 0 var(--tabs-list-border-width);
        --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0
    }
    .m_89d60db1[data-orientation=vertical][data-placement=right] {
        --tabs-flex-direction: row-reverse;
        --tabs-list-line-start: 0;
        --tabs-list-line-end: unset;
        --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
        --tab-border-width: 0 0 0 var(--tabs-list-border-width);
        --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0
    }
    [dir=rtl] .m_89d60db1[data-orientation=vertical][data-placement=right] {
        --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
        --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
        --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius)
    }
    .m_89d60db1[data-variant=default] {
        --tabs-list-border-width: calc(.125rem * var(--mantine-scale))
    }
    [data-mantine-color-scheme=light] .m_89d60db1[data-variant=default] {
        --tab-hover-color: var(--mantine-color-gray-0)
    }
    [data-mantine-color-scheme=dark] .m_89d60db1[data-variant=default] {
        --tab-hover-color: var(--mantine-color-dark-6)
    }
    .m_89d60db1[data-variant=outline] {
        --tabs-list-border-width: calc(.0625rem * var(--mantine-scale))
    }
    .m_89d60db1[data-variant=pills] {
        --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2)
    }
    [data-mantine-color-scheme=light] .m_89d60db1[data-variant=pills] {
        --tab-hover-color: var(--mantine-color-gray-0)
    }
    [data-mantine-color-scheme=dark] .m_89d60db1[data-variant=pills] {
        --tab-hover-color: var(--mantine-color-dark-6)
    }
    .m_89d33d6d {
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--tabs-justify, flex-start);
        flex-direction: var(--tabs-list-direction);
        gap: var(--tabs-list-gap)
    }
    .m_89d33d6d:where([data-grow]) .m_4ec4dce6 {
        flex: 1
    }
    .m_b0c91715 {
        flex-grow: var(--tabs-panel-grow)
    }
    .m_4ec4dce6 {
        position: relative;
        padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
        font-size: var(--mantine-font-size-sm);
        white-space: nowrap;
        z-index: 0;
        display: flex;
        align-items: center;
        line-height: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .m_4ec4dce6:where(:disabled, [data-disabled]) {
        opacity: .5;
        cursor: not-allowed
    }
    .m_4ec4dce6:focus {
        z-index: 1
    }
    .m_fc420b1f {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .m_fc420b1f:where([data-position=left]:not(:only-child)) {
        margin-inline-end: var(--mantine-spacing-xs)
    }
    .m_fc420b1f:where([data-position=right]:not(:only-child)) {
        margin-inline-start: var(--mantine-spacing-xs)
    }
    .m_42bbd1ae {
        flex: 1;
        text-align: center
    }
    .m_576c9d4 {
        position: relative
    }
    .m_576c9d4:before {
        content: "";
        position: absolute;
        border: 1px solid var(--tab-border-color);
        bottom: var(--tabs-list-line-bottom);
        inset-inline-start: var(--tabs-list-line-start);
        inset-inline-end: var(--tabs-list-line-end);
        top: var(--tabs-list-line-top)
    }
    .m_539e827b {
        border-radius: var(--tab-radius);
        border-width: var(--tab-border-width);
        border-style: solid;
        border-color: transparent;
        background-color: transparent
    }
    .m_539e827b:where([data-active]) {
        border-color: var(--tabs-color)
    }
    @media(hover:hover) {
        .m_539e827b:hover {
            background-color: var(--tab-hover-color)
        }
        .m_539e827b:hover:where(:not([data-active])) {
            border-color: var(--tab-border-color)
        }
    }
    @media(hover:none) {
        .m_539e827b:active {
            background-color: var(--tab-hover-color)
        }
        .m_539e827b:active:where(:not([data-active])) {
            border-color: var(--tab-border-color)
        }
    }
    @media(hover:hover) {
        .m_539e827b:disabled:hover,
        .m_539e827b[data-disabled]:hover {
            background-color: transparent
        }
    }
    @media(hover:none) {
        .m_539e827b:disabled:active,
        .m_539e827b[data-disabled]:active {
            background-color: transparent
        }
    }
    .m_6772fbd5 {
        position: relative
    }
    .m_6772fbd5:before {
        content: "";
        position: absolute;
        border-color: var(--tab-border-color);
        border-width: var(--tabs-list-border-size);
        border-style: solid;
        bottom: var(--tabs-list-line-bottom);
        inset-inline-start: var(--tabs-list-line-start);
        inset-inline-end: var(--tabs-list-line-end);
        top: var(--tabs-list-line-top)
    }
    .m_b59ab47c {
        border-top: calc(.0625rem * var(--mantine-scale)) solid transparent;
        border-bottom: calc(.0625rem * var(--mantine-scale)) solid transparent;
        border-right: calc(.0625rem * var(--mantine-scale)) solid transparent;
        border-left: calc(.0625rem * var(--mantine-scale)) solid transparent;
        border-top-color: var(--tab-border-top-color);
        border-bottom-color: var(--tab-border-bottom-color);
        border-radius: var(--tab-radius);
        position: relative;
        --tab-border-bottom-color: transparent;
        --tab-border-top-color: transparent;
        --tab-border-inline-end-color: transparent;
        --tab-border-inline-start-color: transparent
    }
    .m_b59ab47c:where([data-active]):before {
        content: "";
        position: absolute;
        background-color: var(--tab-border-color);
        bottom: var(--tab-before-bottom, calc(-.0625rem * var(--mantine-scale)));
        left: var(--tab-before-left, calc(-.0625rem * var(--mantine-scale)));
        right: var(--tab-before-right, auto);
        top: var(--tab-before-top, auto);
        width: calc(.0625rem * var(--mantine-scale));
        height: calc(.0625rem * var(--mantine-scale))
    }
    .m_b59ab47c:where([data-active]):after {
        content: "";
        position: absolute;
        background-color: var(--tab-border-color);
        bottom: var(--tab-after-bottom, calc(-.0625rem * var(--mantine-scale)));
        right: var(--tab-after-right, calc(-.0625rem * var(--mantine-scale)));
        left: var(--tab-after-left, auto);
        top: var(--tab-after-top, auto);
        width: calc(.0625rem * var(--mantine-scale));
        height: calc(.0625rem * var(--mantine-scale))
    }
    .m_b59ab47c:where([data-active]) {
        border-top-color: var(--tab-border-top-color);
        border-bottom-color: var(--tab-border-bottom-color);
        border-inline-start-color: var(--tab-border-inline-start-color);
        border-inline-end-color: var(--tab-border-inline-end-color);
        --tab-border-top-color: var(--tab-border-color);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--mantine-color-body)
    }
    .m_b59ab47c:where([data-active])[data-inverted] {
        --tab-border-bottom-color: var(--tab-border-color);
        --tab-border-top-color: var(--mantine-color-body);
        --tab-before-bottom: auto;
        --tab-before-top: calc(-.0625rem * var(--mantine-scale));
        --tab-after-bottom: auto;
        --tab-after-top: calc(-.0625rem * var(--mantine-scale))
    }
    .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left] {
        --tab-border-inline-end-color: var(--mantine-color-body);
        --tab-border-inline-start-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);
        --tab-before-right: calc(-.0625rem * var(--mantine-scale));
        --tab-before-left: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-.0625rem * var(--mantine-scale));
        --tab-after-left: auto;
        --tab-after-right: calc(-.0625rem * var(--mantine-scale))
    }
    [dir=rtl] .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left] {
        --tab-before-right: auto;
        --tab-before-left: calc(-.0625rem * var(--mantine-scale));
        --tab-after-left: calc(-.0625rem * var(--mantine-scale));
        --tab-after-right: auto
    }
    .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=right] {
        --tab-border-inline-start-color: var(--mantine-color-body);
        --tab-border-inline-end-color: var(--tab-border-color);
        --tab-border-bottom-color: var(--tab-border-color);
        --tab-before-left: calc(-.0625rem * var(--mantine-scale));
        --tab-before-right: auto;
        --tab-before-bottom: auto;
        --tab-before-top: calc(-.0625rem * var(--mantine-scale));
        --tab-after-right: auto;
        --tab-after-left: calc(-.0625rem * var(--mantine-scale))
    }
    [dir=rtl] .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=right] {
        --tab-before-left: auto;
        --tab-before-right: calc(-.0625rem * var(--mantine-scale));
        --tab-after-right: calc(-.0625rem * var(--mantine-scale));
        --tab-after-left: auto
    }
    .m_c3381914 {
        border-radius: var(--tabs-radius);
        background-color: var(--tab-bg);
        color: var(--tab-color);
        --tab-bg: transparent;
        --tab-color: inherit
    }
    @media(hover:hover) {
        .m_c3381914:not([data-disabled]):hover {
            --tab-bg: var(--tab-hover-color)
        }
    }
    @media(hover:none) {
        .m_c3381914:not([data-disabled]):active {
            --tab-bg: var(--tab-hover-color)
        }
    }
    .m_c3381914[data-active][data-active] {
        --tab-bg: var(--tabs-color);
        --tab-color: var(--tabs-text-color, var(--mantine-color-white))
    }
    @media(hover:hover) {
        .m_c3381914[data-active][data-active]:hover {
            --tab-bg: var(--tabs-color)
        }
    }
    @media(hover:none) {
        .m_c3381914[data-active][data-active]:active {
            --tab-bg: var(--tabs-color)
        }
    }
    .m_7341320d {
        --ti-size-xs: calc(1.125rem * var(--mantine-scale));
        --ti-size-sm: calc(1.375rem * var(--mantine-scale));
        --ti-size-md: calc(1.75rem * var(--mantine-scale));
        --ti-size-lg: calc(2.125rem * var(--mantine-scale));
        --ti-size-xl: calc(2.75rem * var(--mantine-scale));
        --ti-size: var(--ti-size-md);
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: var(--ti-size);
        height: var(--ti-size);
        min-width: var(--ti-size);
        min-height: var(--ti-size);
        border-radius: var(--ti-radius, var(--mantine-radius-default));
        background: var(--ti-bg, var(--mantine-primary-color-filled));
        color: var(--ti-color, var(--mantine-color-white));
        border: var(--ti-bd, 1px solid transparent)
    }
    .m_43657ece {
        --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
        --tl-bullet-size: calc(1.25rem * var(--mantine-scale));
        --tl-line-width: calc(.25rem * var(--mantine-scale));
        --tl-radius: calc(62.5rem * var(--mantine-scale));
        --tl-color: var(--mantine-primary-color-filled)
    }
    .m_43657ece:where([data-align=left]) {
        padding-inline-start: var(--offset)
    }
    .m_43657ece:where([data-align=right]) {
        padding-inline-end: var(--offset)
    }
    .m_2ebe8099 {
        font-weight: 500;
        line-height: 1;
        margin-bottom: calc(var(--mantine-spacing-xs) / 2)
    }
    .m_436178ff {
        --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);
        position: relative;
        color: var(--mantine-color-text)
    }
    .m_436178ff:before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        left: var(--timeline-line-left, 0);
        right: var(--timeline-line-right, 0);
        bottom: calc(var(--mantine-spacing-xl) * -1);
        border-inline-start: var(--item-border);
        display: var(--timeline-line-display, none)
    }
    .m_43657ece[data-align=left] .m_436178ff:before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto
    }
    [dir=rtl] .m_43657ece[data-align=left] .m_436178ff:before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1)
    }
    .m_43657ece[data-align=right] .m_436178ff:before {
        --timeline-line-left: auto;
        --timeline-line-right: calc(var(--tl-line-width) * -1)
    }
    [dir=rtl] .m_43657ece[data-align=right] .m_436178ff:before {
        --timeline-line-left: calc(var(--tl-line-width) * -1);
        --timeline-line-right: auto
    }
    .m_43657ece:where([data-align=left]) .m_436178ff {
        padding-inline-start: var(--offset);
        text-align: left
    }
    .m_43657ece:where([data-align=right]) .m_436178ff {
        padding-inline-end: var(--offset);
        text-align: right
    }
    :where([data-mantine-color-scheme=light]) .m_436178ff {
        --item-border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_436178ff {
        --item-border-color: var(--mantine-color-dark-4)
    }
    .m_436178ff:where([data-line-active]):before {
        border-color: var(--tli-color, var(--tl-color))
    }
    .m_436178ff:where(:not(:last-of-type)) {
        --timeline-line-display: block
    }
    .m_436178ff:where(:not(:first-of-type)) {
        margin-top: var(--mantine-spacing-xl)
    }
    .m_8affcee1 {
        width: var(--tl-bullet-size);
        height: var(--tl-bullet-size);
        border-radius: var(--tli-radius, var(--tl-radius));
        border: var(--tl-line-width) solid;
        background-color: var(--mantine-color-body);
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--mantine-color-text)
    }
    :where([data-mantine-color-scheme=light]) .m_8affcee1 {
        border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_8affcee1 {
        border-color: var(--mantine-color-dark-4)
    }
    .m_43657ece:where([data-align=left]) .m_8affcee1 {
        left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
        right: auto
    }
    :where([dir=rtl]) .m_43657ece:where([data-align=left]) .m_8affcee1 {
        left: auto;
        right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)
    }
    .m_43657ece:where([data-align=right]) .m_8affcee1 {
        left: auto;
        right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)
    }
    :where([dir=rtl]) .m_43657ece:where([data-align=right]) .m_8affcee1 {
        left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
        right: auto
    }
    .m_8affcee1:where([data-with-child]) {
        border-width: var(--tl-line-width)
    }
    :where([data-mantine-color-scheme=light]) .m_8affcee1:where([data-with-child]) {
        background-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_8affcee1:where([data-with-child]) {
        background-color: var(--mantine-color-dark-4)
    }
    .m_8affcee1:where([data-active]) {
        border-color: var(--tli-color, var(--tl-color));
        background-color: var(--mantine-color-white);
        color: var(--tl-icon-color, var(--mantine-color-white))
    }
    .m_8affcee1:where([data-active]):where([data-with-child]) {
        background-color: var(--tli-color, var(--tl-color));
        color: var(--tl-icon-color, var(--mantine-color-white))
    }
    .m_43657ece:where([data-align=left]) .m_540e8f41 {
        padding-inline-start: var(--offset);
        text-align: left
    }
    :where([dir=rtl]) .m_43657ece:where([data-align=left]) .m_540e8f41 {
        text-align: right
    }
    .m_43657ece:where([data-align=right]) .m_540e8f41 {
        padding-inline-end: var(--offset);
        text-align: right
    }
    :where([dir=rtl]) .m_43657ece:where([data-align=right]) .m_540e8f41 {
        text-align: left
    }
    .m_8a5d1357 {
        margin: 0;
        font-weight: var(--title-fw);
        font-size: var(--title-fz);
        line-height: var(--title-lh);
        font-family: var(--mantine-font-family-headings);
        text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap))
    }
    .m_8a5d1357:where([data-line-clamp]) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: var(--title-line-clamp);
        -webkit-box-orient: vertical
    }
    .m_f698e191 {
        --level-offset: var(--mantine-spacing-lg);
        margin: 0;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
    .m_75f3ecf {
        margin: 0;
        padding: 0
    }
    .m_f6970eb1 {
        cursor: pointer;
        list-style: none;
        margin: 0;
        padding: 0;
        outline: 0
    }
    .m_f6970eb1:focus-visible>.m_dc283425 {
        outline: 2px solid var(--mantine-primary-color-filled);
        outline-offset: calc(.125rem * var(--mantine-scale))
    }
    .m_dc283425 {
        padding-inline-start: var(--label-offset)
    }
    :where([data-mantine-color-scheme=light]) .m_dc283425:where([data-selected]) {
        background-color: var(--mantine-color-gray-1)
    }
    :where([data-mantine-color-scheme=dark]) .m_dc283425:where([data-selected]) {
        background-color: var(--mantine-color-dark-5)
    }
    .m_d08caa0 :first-child {
        margin-top: 0
    }
    .m_d08caa0 :last-child {
        margin-bottom: 0
    }
    .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
        margin-bottom: var(--mantine-spacing-xs);
        text-wrap: var(--mantine-heading-text-wrap);
        font-family: var(--mantine-font-family-headings)
    }
    .m_d08caa0 :where(h1) {
        margin-top: calc(1.5 * var(--mantine-spacing-xl));
        font-size: var(--mantine-h1-font-size);
        line-height: var(--mantine-h1-line-height);
        font-weight: var(--mantine-h1-font-weight)
    }
    .m_d08caa0 :where(h2) {
        margin-top: var(--mantine-spacing-xl);
        font-size: var(--mantine-h2-font-size);
        line-height: var(--mantine-h2-line-height);
        font-weight: var(--mantine-h2-font-weight)
    }
    .m_d08caa0 :where(h3) {
        margin-top: calc(.8 * var(--mantine-spacing-xl));
        font-size: var(--mantine-h3-font-size);
        line-height: var(--mantine-h3-line-height);
        font-weight: var(--mantine-h3-font-weight)
    }
    .m_d08caa0 :where(h4) {
        margin-top: calc(.8 * var(--mantine-spacing-xl));
        font-size: var(--mantine-h4-font-size);
        line-height: var(--mantine-h4-line-height);
        font-weight: var(--mantine-h4-font-weight)
    }
    .m_d08caa0 :where(h5) {
        margin-top: calc(.5 * var(--mantine-spacing-xl));
        font-size: var(--mantine-h5-font-size);
        line-height: var(--mantine-h5-line-height);
        font-weight: var(--mantine-h5-font-weight)
    }
    .m_d08caa0 :where(h6) {
        margin-top: calc(.5 * var(--mantine-spacing-xl));
        font-size: var(--mantine-h6-font-size);
        line-height: var(--mantine-h6-line-height);
        font-weight: var(--mantine-h6-font-weight)
    }
    .m_d08caa0 :where(img) {
        max-width: 100%;
        margin-bottom: var(--mantine-spacing-xs)
    }
    .m_d08caa0 :where(p) {
        margin-top: 0;
        margin-bottom: var(--mantine-spacing-lg)
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(mark) {
        background-color: var(--mantine-color-yellow-2);
        color: inherit
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(mark) {
        background-color: var(--mantine-color-yellow-5);
        color: var(--mantine-color-black)
    }
    .m_d08caa0 :where(a) {
        color: var(--mantine-color-anchor);
        text-decoration: none
    }
    @media(hover:hover) {
        .m_d08caa0 :where(a):hover {
            text-decoration: underline
        }
    }
    @media(hover:none) {
        .m_d08caa0 :where(a):active {
            text-decoration: underline
        }
    }
    .m_d08caa0 :where(hr) {
        margin-top: var(--mantine-spacing-md);
        margin-bottom: var(--mantine-spacing-md);
        border: 0;
        border-top: calc(.0625rem * var(--mantine-scale)) solid
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(hr) {
        border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(hr) {
        border-color: var(--mantine-color-dark-3)
    }
    .m_d08caa0 :where(pre) {
        padding: var(--mantine-spacing-xs);
        line-height: var(--mantine-line-height);
        margin: 0;
        margin-top: var(--mantine-spacing-md);
        margin-bottom: var(--mantine-spacing-md);
        overflow-x: auto;
        font-family: var(--mantine-font-family-monospace);
        font-size: var(--mantine-font-size-xs);
        border-radius: var(--mantine-radius-sm)
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(pre) {
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(pre) {
        background-color: var(--mantine-color-dark-8)
    }
    .m_d08caa0 :where(pre) :where(code) {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        color: inherit;
        border: 0
    }
    .m_d08caa0 :where(kbd) {
        --kbd-fz: calc(.75rem * var(--mantine-scale));
        --kbd-padding: calc(.1875rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));
        font-family: var(--mantine-font-family-monospace);
        line-height: var(--mantine-line-height);
        font-weight: 700;
        padding: var(--kbd-padding);
        font-size: var(--kbd-fz);
        border-radius: var(--mantine-radius-sm);
        border: calc(.0625rem * var(--mantine-scale)) solid;
        border-bottom-width: calc(.1875rem * var(--mantine-scale))
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(kbd) {
        border-color: var(--mantine-color-gray-3);
        color: var(--mantine-color-gray-7);
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(kbd) {
        border-color: var(--mantine-color-dark-3);
        color: var(--mantine-color-dark-0);
        background-color: var(--mantine-color-dark-5)
    }
    .m_d08caa0 :where(code) {
        line-height: var(--mantine-line-height);
        padding: calc(.0625rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));
        border-radius: var(--mantine-radius-sm);
        font-family: var(--mantine-font-family-monospace);
        font-size: var(--mantine-font-size-xs)
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(code) {
        background-color: var(--mantine-color-gray-0);
        color: var(--mantine-color-black)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(code) {
        background-color: var(--mantine-color-dark-5);
        color: var(--mantine-color-white)
    }
    .m_d08caa0 :where(ul, ol):not([data-type=taskList]) {
        margin-bottom: var(--mantine-spacing-md);
        padding-inline-start: var(--mantine-spacing-xl);
        list-style-position: outside
    }
    .m_d08caa0 :where(table) {
        width: 100%;
        border-collapse: collapse;
        caption-side: bottom;
        margin-bottom: var(--mantine-spacing-md)
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(table) {
        --table-border-color: var(--mantine-color-gray-3)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(table) {
        --table-border-color: var(--mantine-color-dark-4)
    }
    .m_d08caa0 :where(table) :where(caption) {
        margin-top: var(--mantine-spacing-xs);
        font-size: var(--mantine-font-size-sm);
        color: var(--mantine-color-dimmed)
    }
    .m_d08caa0 :where(table) :where(th) {
        text-align: left;
        font-weight: 700;
        font-size: var(--mantine-font-size-sm);
        padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm)
    }
    .m_d08caa0 :where(table) :where(thead th) {
        border-bottom: calc(.0625rem * var(--mantine-scale)) solid;
        border-color: var(--table-border-color)
    }
    .m_d08caa0 :where(table) :where(tfoot th) {
        border-top: calc(.0625rem * var(--mantine-scale)) solid;
        border-color: var(--table-border-color)
    }
    .m_d08caa0 :where(table) :where(td) {
        padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
        border-bottom: calc(.0625rem * var(--mantine-scale)) solid;
        border-color: var(--table-border-color);
        font-size: var(--mantine-font-size-sm)
    }
    .m_d08caa0 :where(table) :where(tr:last-of-type td) {
        border-bottom: 0
    }
    .m_d08caa0 :where(blockquote) {
        font-size: var(--mantine-font-size-lg);
        line-height: var(--mantine-line-height);
        margin: var(--mantine-spacing-md) 0;
        border-radius: var(--mantine-radius-sm);
        padding: var(--mantine-spacing-md) var(--mantine-spacing-lg)
    }
    :where([data-mantine-color-scheme=light]) .m_d08caa0 :where(blockquote) {
        background-color: var(--mantine-color-gray-0)
    }
    :where([data-mantine-color-scheme=dark]) .m_d08caa0 :where(blockquote) {
        background-color: var(--mantine-color-dark-8)
    }
}

@layer mantine {
    .m_17884d0f {
        --carousel-height: auto;
        position: relative
    }
    .m_a2dae653 {
        height: var(--carousel-height);
        overflow: hidden
    }
    .m_a2dae653[data-type=container] {
        container: carousel/inline-size
    }
    .m_fcd81474 {
        display: flex;
        flex-direction: row;
        height: var(--carousel-height)
    }
    :where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=vertical]) {
        margin-bottom: calc(var(--carousel-slide-gap) * -1)
    }
    :where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation=horizontal]) {
        margin-inline-end: calc(var(--carousel-slide-gap) * -1)
    }
    .m_fcd81474:where([data-orientation=vertical]) {
        flex-direction: column
    }
    .m_39bc3463 {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        pointer-events: none
    }
    .m_39bc3463:where([data-orientation=vertical]) {
        inset-inline-start: calc(50% - var(--carousel-control-size) / 2);
        top: 0;
        bottom: 0;
        flex-direction: column;
        padding: var(--carousel-controls-offset) 0
    }
    .m_39bc3463:where([data-orientation=horizontal]) {
        inset-inline-start: 0;
        inset-inline-end: 0;
        top: calc(50% - var(--carousel-control-size) / 2);
        flex-direction: row;
        padding: 0 var(--carousel-controls-offset)
    }
    .m_64f58e10 {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: var(--carousel-control-size);
        min-height: var(--carousel-control-size);
        border-radius: var(--carousel-control-size);
        pointer-events: all;
        background-color: var(--mantine-color-white);
        color: var(--mantine-color-black);
        box-shadow: var(--mantine-shadow-md);
        border: 1px solid var(--mantine-color-gray-3);
        transition: opacity .1s ease
    }
    :where([data-mantine-color-scheme=light]) .m_64f58e10 {
        opacity: .85
    }
    :where([data-mantine-color-scheme=dark]) .m_64f58e10 {
        opacity: .65
    }
    @media(hover:hover) {
        .m_64f58e10:hover {
            opacity: 1
        }
    }
    @media(hover:none) {
        .m_64f58e10:active {
            opacity: 1
        }
    }
    .m_71ea3ab1 {
        position: absolute;
        display: flex;
        justify-content: center;
        gap: calc(.5rem * var(--mantine-scale));
        pointer-events: none
    }
    .m_71ea3ab1:where([data-orientation=vertical]) {
        bottom: 0;
        top: 0;
        inset-inline-end: var(--mantine-spacing-md);
        flex-direction: column
    }
    .m_71ea3ab1:where([data-orientation=horizontal]) {
        bottom: var(--mantine-spacing-md);
        inset-inline-start: 0;
        inset-inline-end: 0;
        flex-direction: row
    }
    .m_eae68602 {
        pointer-events: all;
        border-radius: var(--mantine-radius-xl);
        box-shadow: var(--mantine-shadow-sm);
        opacity: .6;
        background-color: var(--mantine-color-white)
    }
    @media(hover:hover) {
        .m_eae68602:hover {
            opacity: 1
        }
    }
    @media(hover:none) {
        .m_eae68602:active {
            opacity: 1
        }
    }
    .m_eae68602:where([data-active]) {
        opacity: 1
    }
    .m_eae68602:where([data-orientation=vertical]) {
        width: calc(.3125rem * var(--mantine-scale));
        height: calc(1.5625rem * var(--mantine-scale))
    }
    .m_eae68602:where([data-orientation=horizontal]) {
        width: calc(1.5625rem * var(--mantine-scale));
        height: calc(.3125rem * var(--mantine-scale))
    }
    .m_d98df724 {
        position: relative;
        flex: 0 0 var(--carousel-slide-size, 100%)
    }
    .m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=vertical]) {
        padding-bottom: var(--carousel-slide-gap)
    }
    .m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation=horizontal]) {
        padding-inline-end: var(--carousel-slide-gap)
    }
    .m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=vertical]) {
        margin-bottom: var(--carousel-slide-gap)
    }
    .m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation=horizontal]) {
        margin-inline-end: var(--carousel-slide-gap)
    }
}

@layer components {
    .leprecoins-landscape-overlay-container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5000;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        font-family: inherit;
        color: #fff;
        background: #000
    }
    .leprecoins-landscape-overlay-icon {
        width: .5em;
        height: 1em;
        font-size: 75dvh;
        animation: rotate 3s ease-in-out infinite
    }
    .leprecoins-landscape-overlay-icon-wrapper {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center
    }
    .leprecoins-landscape-overlay-message {
        font-size: 14px;
        font-weight: 900;
        line-height: 100%
    }
    @keyframes rotate {
        0% {
            opacity: 0;
            transform: rotate(90deg)
        }
        25% {
            opacity: 1;
            transform: rotate(90deg)
        }
        50% {
            transform: rotate(0)
        }
        75% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
}

@layer global {
    :root {
        --bottom-bar-height: 236px;
        --bottom-bar-scale: 1;
        --duration-100: .1s;
        --duration-200: .2s;
        --duration-350: .35s;
        --duration-750: .75s;
        --default-header-height: 48px;
        --header-height: var(--default-header-height);
        --header-top-offset: 28px;
        --easing-standard: ease-out;
        --font-family-primary: "Inter", sans-serif;
        --font-family-fa: "Vazirmatn", sans-serif;
        --font-family-ar: "Noto Sans Arabic", sans-serif;
        --font-family-he: "Noto Sans Hebrew", sans-serif;
        --font-family-ja: "Noto Sans JP", sans-serif;
        --font-family-zhs: "Noto Sans SC", sans-serif;
        --font-family-ko: "Noto Sans KR", sans-serif;
        --disabled-opacity: .5;
        --font-weight-regular: 400;
        --font-weight-medium: 500;
        --font-weight-semi-bold: 600;
        --font-weight-bold: 700;
        --font-weight-extra-bold: 800;
        --font-weight-black: 900;
        --font-size-2xl: 40px;
        --font-size-xl: 32px;
        --font-size-lg: 24px;
        --font-size-md: 20px;
        --font-size-sm: 16px;
        --font-size-xs: 14px;
        --font-size-2xs: 12px;
        --line-height-2xl: 48px;
        --line-height-xl: 38px;
        --line-height-lg: 28px;
        --line-height-md: 24px;
        --line-height-sm: 24px;
        --line-height-xs: 17px;
        --line-height-2xs: 15px;
        --color-orange-1: #ff9350b5;
        --color-yellow-1: #f5c995;
        --color-yellow-2: #f6ca96;
        --color-yellow-3: #fffcf2;
        --color-yellow-4: #ffc400;
        --color-yellow-5: #f9ebc5;
        --color-purple-1: #8a489a;
        --color-purple-2: #683275;
        --color-purple-3: #20182b;
        --color-purple-transparent-10: #fc62c61a;
        --color-purple-transparent-15: #fc62c626;
        --color-purple-transparent-20: #fc62c633;
        --color-purple-transparent-25: #fc62c640;
        --color-purple-transparent-30: #fc62c64d;
        --color-purple-transparent-40: #fc62c666;
        --color-purple-transparent-50: #fc62f280;
        --color-green-1: #00bd55;
        --color-green-2: #488348;
        --color-green-3: #34f234;
        --color-green-4: #0dff004d;
        --color-white-1: #fff;
        --color-text-1: #342263;
        --color-white-transparent-5: #ffffff0d;
        --color-white-transparent-20: #fff3;
        --color-white-transparent-25: #ffffff40;
        --color-white-transparent-30: #ffffff4d;
        --color-white-transparent-40: #fff6;
        --color-white-transparent-90: #fffe;
        --color-yellow-shadow-1: #edca9859;
        --color-yellow-shadow-2: #edca984d;
        --color-red-1: #ff00044d;
        --color-red-2: #f00;
        --color-bg: #61346c;
        --color-black-1: #000;
        --color-black-2: #070d22;
        --color-light-bg: #cd4dd033;
        --color-dark-bg: #070d22;
        --color-shadow-bg: #070d22cc;
        --color-table-line-bg: #ffa4da0d;
        --gradient-purple: radial-gradient(59.36% 100% at 50% 100%, #de81db 0%, #a745ba 100%);
        --gradient-purple-hover: radial-gradient(59.36% 100% at 50% 100%, #fe96fa 0%, #c966dd 100%);
        --gradient-grad-1: linear-gradient(180deg, #2a1f3e 0%, #361a3e 100%);
        --gradient-grad-3: radial-gradient(59.36% 100% at 50% 100%, #f9ebc5 0%, #e4ae6e 100%);
        --gradient-grad-4: radial-gradient(55.19% 153.13% at 50% -36.65%, #d62aff 0%, #61346c 100%);
        --gradient-grad-5: radial-gradient(51.07% 100% at 50% 100%, #972cb1cc 0%, #44264fcc 81%);
        --gradient-grad-3-hover: radial-gradient(59.36% 100% at 50% 100%, #fffcf2 0%, #f6ca96 100%);
        --gradient-white-1: linear-gradient(180deg, #ffffff80 0%, #ffffff1a 65.38%);
        --gradient-glass: radial-gradient(38.14% 38.14% at 50.29% 2.97%, #d43ed880 0%, #bb38be33 100%);
        --gradient-grad-modal: radial-gradient(78.33% 39.07% at 50% 0%, #972cb1 0%, #44264f 81%);
        --gradient-grad-special: radial-gradient( 63.84% 57.8% at 50% 35.26%, rgb(224 76 253 / 65%) 0%, rgb(167 69 186 / 65%) 81%);
        --gradient-green: radial-gradient(59.36% 100% at 50% 100%, #a2ffa2 0%, #51af51 100%);
        --gradient-green-light: radial-gradient(59.36% 100% at 50% 100%, #c2ffc2 0%, #70cf70 100%);
        --gradient-red: radial-gradient(59.36% 100% at 50% 100%, #ff2a2a 0%, #bf0303 100%)
    }
    @media not (max-width:900px) {
        :root {
            --default-header-height: 103px;
            --header-top-offset: 28px
        }
    }
    @media not (max-width:1000px) {
        :root {
            --bottom-bar-height: 149px
        }
    }
    @media(not (max-width:1500px))and (not (max-height:800px)) {
        :root {
            --default-header-height: 152px;
            --header-top-offset: 39px;
            --bottom-bar-height: 183px
        }
    }
    @media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
        :root {
            --default-header-height: 152px;
            --header-top-offset: 39px;
            --bottom-bar-height: 183px
        }
    }
    @media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
        :root {
            --bottom-bar-scale: 1.3
        }
    }
}

@layer global {
    body,
    html,
    #root {
        width: 100dvw;
        height: 100dvh;
        overflow: hidden
    }
    #root {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    body {
        font-family: var(--font-family-primary);
        background: url(/assets/background-Mw72uHXM.webp) no-repeat center/cover
    }
    [data-lng=fa] body {
        font-family: var(--font-family-fa)
    }
    [data-lng=ar] body {
        font-family: var(--font-family-ar)
    }
    [data-lng=he] body {
        font-family: var(--font-family-he)
    }
    [data-lng=ja] body {
        font-family: var(--font-family-ja)
    }
    [data-lng=ko] body {
        font-family: var(--font-family-ko)
    }
    [data-lng=zhs] body {
        font-family: var(--font-family-zhs)
    }
    ::-webkit-scrollbar {
        width: 4px;
        height: 8px
    }
    [data-mobile] ::-webkit-scrollbar {
        display: none
    }
    ::-webkit-scrollbar-thumb {
        background: var(--gradient-grad-3);
        border-radius: 1000px
    }
    ::-webkit-scrollbar-track {
        background: var(--color-bg);
        border-radius: 1000px
    }
}

@layer components {
    .mantine-Button-root .mantine-Button-label {
        height: -moz-min-content;
        height: min-content;
        overflow: visible
    }
    .mantine-Button-root .mantine-Button-section>svg {
        height: 100%
    }
    .mantine-Button-root[data-variant=primary] {
        --button-color: var(--color-text-1);
        --button-bg: var(--gradient-grad-3);
        --button-bg-hover: var(--gradient-grad-3-hover);
        --button-radius-sm: 12px;
        --button-radius-md: 12px;
        --button-border: 2px solid var(--color-white-transparent-40);
        --button-fz-sm: var(--font-size-xs);
        --button-lh-sm: var(--line-height-xs);
        --button-fz-md: var(--font-size-sm);
        --button-lh-md: var(--line-height-sm);
        --button-fw: var(--font-weight-extra-bold);
        --button-height-sm: 40px;
        --button-height-md: 58px;
        --button-inner-gap: 4px;
        position: relative;
        padding: 0 5px;
        background: var(--button-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--button-border);
        box-shadow: 0 4px 20px 0 var(--color-yellow-shadow-1);
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=primary]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background: var(--button-bg-hover);
        opacity: 0;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=primary] .mantine-Button-label {
        font-weight: var(--button-fw);
        color: var(--button-color);
        text-shadow: 1px 1px 0 var(--color-white-transparent-25)
    }
    .mantine-Button-root[data-variant=primary] .mantine-Button-inner {
        position: relative;
        z-index: 2
    }
    .mantine-Button-root[data-variant=primary] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=primary] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=primary]:hover:after {
            opacity: 1
        }
    }
    .mantine-Button-root[data-variant=primary][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .mantine-Button-root[data-variant=primary][data-size=xs] {
        height: var(--button-height-sm);
        border-radius: var(--button-radius-sm)
    }
    .mantine-Button-root[data-variant=primary][data-size=xs] .mantine-Button-label {
        font-size: var(--button-fz-sm);
        line-height: var(--button-lh-sm)
    }
    .mantine-Button-root[data-variant=primary][data-size=sm] {
        height: var(--button-height-sm);
        border-radius: var(--button-radius-sm)
    }
    .mantine-Button-root[data-variant=primary][data-size=sm] .mantine-Button-label {
        font-size: var(--button-fz-md);
        line-height: var(--button-lh-md)
    }
    .mantine-Button-root[data-variant=primary][data-size=md] {
        height: var(--button-height-md);
        border-radius: var(--button-radius-md)
    }
    .mantine-Button-root[data-variant=primary][data-size=md] .mantine-Button-label {
        font-size: var(--button-fz-md);
        line-height: var(--button-lh-md)
    }
    .mantine-Button-root[data-variant=success] {
        --button-color: var(--color-text-1);
        --button-bg: var(--gradient-green);
        --button-bg-hover: var(--gradient-green-light);
        --button-radius-sm: 12px;
        --button-radius-md: 12px;
        --button-radius-lg: 24px;
        --button-radius-xl: 24px;
        --button-border: 2px solid var(--color-white-transparent-40);
        --button-fz-sm: var(--font-size-xs);
        --button-lh-sm: var(--line-height-xs);
        --button-fz-md: var(--font-size-md);
        --button-lh-md: var(--line-height-md);
        --button-fz-lg: var(--font-size-md);
        --button-lh-lg: var(--line-height-md);
        --button-fz-xl: var(--font-size-lg);
        --button-lh-xl: var(--line-height-lg);
        --button-fw: var(--font-weight-extra-bold);
        --button-height-sm: 40px;
        --button-height-md: 60px;
        --button-height-lg: 95px;
        --button-height-xl: 107px;
        --button-height-sq-md: 63px;
        --button-width-sq-md: 63px;
        --button-bp-sq-md: 6px;
        --button-height-sq-lg: 81px;
        --button-width-sq-lg: 87px;
        --button-bp-sq-lg: 8px;
        --button-inner-gap: 4px;
        --button-padding-x-xl: 16px;
        position: relative;
        background: var(--button-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--button-border);
        box-shadow: 0 4px 20px 0 var(--color-yellow-shadow-1);
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=success]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background: var(--button-bg-hover);
        opacity: 0;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=success] .mantine-Button-label {
        font-weight: var(--button-fw);
        color: var(--button-color);
        text-shadow: 1px 1px 0 var(--color-white-transparent-25)
    }
    .mantine-Button-root[data-variant=success] .mantine-Button-inner {
        position: relative;
        z-index: 2
    }
    .mantine-Button-root[data-variant=success] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=success] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=success]:hover:after {
            opacity: 1
        }
    }
    .mantine-Button-root[data-variant=success][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .mantine-Button-root[data-variant=success][data-size=sm] {
        height: var(--button-height-sm);
        border-radius: var(--button-radius-sm)
    }
    .mantine-Button-root[data-variant=success][data-size=sm] .mantine-Button-label {
        font-size: var(--button-fz-sm);
        line-height: var(--button-lh-sm)
    }
    .mantine-Button-root[data-variant=success][data-size=md] {
        height: var(--button-height-md);
        border-radius: var(--button-radius-md)
    }
    .mantine-Button-root[data-variant=success][data-size=md] .mantine-Button-label {
        font-size: var(--button-fz-md);
        line-height: var(--button-lh-md)
    }
    .mantine-Button-root[data-variant=success][data-size=lg] {
        height: var(--button-height-lg);
        border-radius: var(--button-radius-lg)
    }
    .mantine-Button-root[data-variant=success][data-size=lg] .mantine-Button-label {
        font-size: var(--button-fz-lg);
        line-height: var(--button-lh-lg)
    }
    .mantine-Button-root[data-variant=success][data-size=xl] {
        height: var(--button-height-xl);
        border-radius: var(--button-radius-xl)
    }
    .mantine-Button-root[data-variant=success][data-size=xl] .mantine-Button-label {
        font-size: var(--button-fz-xl);
        line-height: var(--button-lh-xl)
    }
    .mantine-Button-root[data-variant=text] {
        --button-color: var(--gradient-grad-3);
        --button-fz: var(--font-size-2xs);
        --button-lh: var(--line-height-2xs);
        --button-color-hover: var(--gradient-grad-3-hover);
        --button-fw: var(--font-weight-extra-bold);
        --button-inner-gap: 8px;
        --button-section-size: 36px;
        height: -moz-min-content;
        height: min-content;
        padding: 0;
        font-size: var(--button-fz);
        font-weight: var(--button-fw);
        line-height: var(--button-lh);
        background-color: transparent;
        transition: var(--duration-200) var(--easing-standard);
        transition-property: opacity, text-shadow
    }
    .mantine-Button-root[data-variant=text][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .mantine-Button-root[data-variant=text] {
        color: transparent;
        background: var(--button-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=text]:hover {
            color: transparent;
            background: var(--button-color-hover);
            -webkit-background-clip: text;
            background-clip: text;
            text-shadow: 2px 2px 5px var(--color-yellow-shadow-2)
        }
        .mantine-Button-root[data-variant=text]:hover .mantine-Button-section svg radialGradient stop:first-child {
            stop-color: var(--color-yellow-3)
        }
        .mantine-Button-root[data-variant=text]:hover .mantine-Button-section svg radialGradient stop:last-child {
            stop-color: var(--color-yellow-2)
        }
    }
    .mantine-Button-root[data-variant=text] .mantine-Button-section {
        width: var(--button-section-size);
        height: var(--button-section-size)
    }
    .mantine-Button-root[data-variant=text] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=text] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=secondary] {
        --button-color: var(--gradient-grad-3);
        --button-bg: var(--gradient-purple);
        --button-bg-hover: var(--gradient-purple-hover);
        --button-radius-sm: 12px;
        --button-radius-lg: 24px;
        --button-radius-xl: 24px;
        --button-border: 2px solid var(--color-purple-transparent-20);
        --button-fz-sm: var(--font-size-xs);
        --button-lh-sm: var(--line-height-sm);
        --button-fz-lg: var(--font-size-xs);
        --button-lh-lg: var(--line-height-xs);
        --button-fz-xl: var(--font-size-md);
        --button-lh-xl: var(--line-height-md);
        --button-fw: var(--font-weight-extra-bold);
        --button-height-sm: 40px;
        --button-height-lg: 95px;
        --button-height-xl: 107px;
        --button-inner-gap: 4px;
        position: relative;
        background: var(--button-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--button-border);
        box-shadow: 0 4px 20px 0 var(--color-purple-transparent-25);
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=secondary]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background: var(--button-bg-hover);
        opacity: 0;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=secondary] .mantine-Button-label {
        font-weight: var(--button-fw);
        text-shadow: 2px 2px 10px var(--color-yellow-shadow-2);
        color: transparent;
        background: var(--button-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Button-root[data-variant=secondary] .mantine-Button-inner {
        position: relative;
        z-index: 2
    }
    .mantine-Button-root[data-variant=secondary] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=secondary] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=secondary]:hover:after {
            opacity: 1
        }
    }
    .mantine-Button-root[data-variant=secondary][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .mantine-Button-root[data-variant=secondary][data-size=sm] {
        height: var(--button-height-sm);
        border-radius: var(--button-radius-sm)
    }
    .mantine-Button-root[data-variant=secondary][data-size=sm] .mantine-Button-label {
        font-size: var(--button-fz-sm);
        line-height: var(--button-lh-sm)
    }
    .mantine-Button-root[data-variant=secondary][data-size=lg] {
        height: var(--button-height-lg);
        border-radius: var(--button-radius-lg)
    }
    .mantine-Button-root[data-variant=secondary][data-size=lg] .mantine-Button-label {
        font-size: var(--button-fz-lg);
        line-height: var(--button-lh-lg)
    }
    .mantine-Button-root[data-variant=secondary][data-size=xl] {
        height: var(--button-height-xl);
        border-radius: var(--button-radius-xl)
    }
    .mantine-Button-root[data-variant=secondary][data-size=xl] .mantine-Button-label {
        font-size: var(--button-fz-xl);
        line-height: var(--button-lh-xl)
    }
    .mantine-Button-root[data-variant=tertiary] {
        --button-color: var(--gradient-grad-3);
        --button-bg: var(--color-purple-transparent-15);
        --button-bg-hover: var(--color-purple-transparent-30);
        --button-bg-active: var(--color-purple-transparent-30);
        --button-radius: 15px;
        --button-fw: var(--font-weight-extra-bold);
        --button-fz-sm: var(--font-size-xs);
        --button-lh-sm: var(--line-height-xs);
        --button-fz-sq-lg: var(--font-size-xs);
        --button-lh-sq-lg: var(--line-height-xs);
        --button-fz-sq-xl: var(--font-size-xs);
        --button-lh-sq-xl: var(--line-height-xs);
        --button-height-sm: 40px;
        --button-size-sq-sm: 60px;
        --button-size-sq-md: 68px;
        --button-size-sq-lg: 81px;
        --button-size-sq-xl: 107px;
        --button-padding-x-sm: 10px;
        --button-padding-x-square-xl: 1px;
        --button-pb-sq-md: 6px;
        --button-pb-sq-lg: 8px;
        --button-pb-sq-xl: 15px;
        --button-inner-gap: 4px;
        background-color: var(--button-bg);
        -webkit-backdrop-filter: 10px;
        backdrop-filter: 10px;
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        border: none;
        border-radius: var(--button-radius);
        transition: var(--duration-200) var(--easing-standard);
        transition-property: opacity, background-color
    }
    .mantine-Button-root[data-variant=tertiary][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=tertiary]:hover {
            background-color: var(--button-bg-hover)
        }
    }
    .mantine-Button-root[data-variant=tertiary] .mantine-Button-label {
        font-weight: var(--button-fw);
        text-shadow: 0 0 5px var(--color-yellow-shadow-2);
        color: transparent;
        background: var(--button-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Button-root[data-variant=tertiary][data-active] {
        background-color: var(--button-bg-active)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=xs],
    .mantine-Button-root[data-variant=tertiary][data-size=sm] {
        height: var(--button-height-sm);
        padding: 0 var(--button-padding-x-sm)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=xs] .mantine-Button-label,
    .mantine-Button-root[data-variant=tertiary][data-size=sm] .mantine-Button-label {
        font-size: var(--button-fz-sm);
        line-height: var(--button-lh-sm)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=xs] .mantine-Button-section[data-position=left],
    .mantine-Button-root[data-variant=tertiary][data-size=sm] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=xs] .mantine-Button-section[data-position=right],
    .mantine-Button-root[data-variant=tertiary][data-size=sm] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-sm] {
        width: var(--button-size-sq-sm);
        height: var(--button-size-sq-sm);
        padding: 0
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-sm] .mantine-Button-inner {
        flex-direction: column
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-sm] .mantine-Button-section {
        margin-inline: 0
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-md] {
        width: var(--button-size-sq-md);
        height: var(--button-size-sq-md);
        padding: 0;
        padding-bottom: var(--button-pb-sq-md)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-md] .mantine-Button-inner {
        flex-direction: column;
        justify-content: flex-end
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-md] .mantine-Button-section {
        margin-inline: 0
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-lg] {
        width: var(--button-size-sq-lg);
        height: var(--button-size-sq-lg);
        padding: 0;
        padding-bottom: var(--button-pb-sq-lg)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-lg] .mantine-Button-label {
        font-size: var(--button-fz-sq-lg);
        line-height: var(--button-lh-sq-lg)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-lg] .mantine-Button-inner {
        flex-direction: column;
        justify-content: flex-end
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-lg] .mantine-Button-section {
        margin-inline: 0
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-xl] {
        width: var(--button-size-sq-xl);
        height: var(--button-size-sq-xl);
        padding: 0 var(--button-padding-x-square-xl) var(--button-pb-sq-xl)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-xl] .mantine-Button-label {
        font-size: var(--button-fz-sq-xl);
        line-height: var(--button-lh-sq-xl)
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-xl] .mantine-Button-inner {
        flex-direction: column;
        justify-content: flex-end
    }
    .mantine-Button-root[data-variant=tertiary][data-size=square-xl] .mantine-Button-section {
        margin-inline: 0
    }
    .mantine-Button-root[data-variant=fourth] {
        --button-section-color: var(--color-white-transparent-40);
        --button-section-color-hover: var(--color-bg);
        --button-color: var(--color-white-1);
        --button-color-hover: var(--color-bg);
        --button-bg: var(--gradient-glass);
        --button-bg-hover: var(--gradient-grad-3-hover);
        --button-radius: 12px;
        --button-fz: var(--font-size-sm);
        --button-lh: var(--line-height-sm);
        --button-fw: var(--font-weight-medium);
        --button-height: 40px;
        --button-padding-x: 20px;
        --button-inner-gap: 4px;
        --button-height-sm: 40px;
        position: relative;
        height: var(--button-height);
        padding: 0 var(--button-padding-x);
        background: var(--button-bg);
        border-radius: var(--button-radius);
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=fourth][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    @media(hover:hover) {
        .mantine-Button-root[data-variant=fourth]:hover:after {
            opacity: 1
        }
        .mantine-Button-root[data-variant=fourth]:hover .mantine-Button-label {
            color: var(--button-color-hover)
        }
        .mantine-Button-root[data-variant=fourth]:hover .mantine-Button-section {
            color: var(--button-section-color-hover)
        }
        .mantine-Button-root[data-variant=fourth]:hover .mantine-Button-section>svg>path {
            stroke: var(--button-section-color-hover)
        }
    }
    .mantine-Button-root[data-variant=fourth]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background: var(--button-bg-hover);
        opacity: 0;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=fourth] .mantine-Button-inner {
        position: relative;
        z-index: 2
    }
    .mantine-Button-root[data-variant=fourth] .mantine-Button-label {
        font-size: var(--button-fz);
        font-weight: var(--button-fw);
        line-height: var(--button-lh);
        color: var(--button-color);
        transition: color var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=fourth] .mantine-Button-section {
        color: var(--button-section-color);
        transition: color var(--duration-200) var(--easing-standard)
    }
    .mantine-Button-root[data-variant=fourth] .mantine-Button-section[data-position=left] {
        margin-inline-end: var(--button-inner-gap)
    }
    .mantine-Button-root[data-variant=fourth] .mantine-Button-section[data-position=right] {
        margin-inline-start: var(--button-inner-gap)
    }
    [data-lng=de] .mantine-Button-root[data-variant=fourth],
    [data-lng=ru] .mantine-Button-root[data-variant=fourth],
    [data-lng=es] .mantine-Button-root[data-variant=fourth] {
        --mantine-font-size-sm: 13px;
        --button-padding-x-sm: 10px
    }
}

@layer components {
    .mantine-Badge-root {
        --badge-bg-default: var(--color-purple-transparent-10);
        --badge-bg-passed: var(--color-green-2);
        --badge-bg-failed: var(--color-red-1);
        --badge-color: var(--gradient-grad-3);
        --badge-border-color-passed: var(--gradient-grad-3);
        --badge-fz-sm: var(--font-size-2xs);
        --badge-lh-sm: var(--line-height-2xs);
        --badge-fz-md: var(--font-size-sm);
        --badge-lh-md: var(--line-height-sm);
        --badge-fw: var(--font-weight-extra-bold);
        --badge-radius-sm: 15px;
        --badge-radius-md: 25px;
        --badge-height-sm: 31px;
        --badge-height-md: 40px;
        --badge-letter-spacing-sm: .08px;
        --badge-letter-spacing-md: .18px;
        --badge-padding-x-sm: 8px;
        --badge-padding-x-md: 17px;
        position: relative;
        white-space: nowrap;
        background-color: var(--badge-bg-default);
        border: none;
        transition: background-color var(--duration-200) var(--easing-standard)
    }
    .mantine-Badge-root .mantine-Badge-label {
        font-family: var(--font-family-primary);
        font-weight: var(--badge-fw);
        text-transform: none;
        color: transparent;
        background: var(--badge-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Badge-root[data-variant=passed] {
        background-color: var(--badge-bg-passed)
    }
    .mantine-Badge-root[data-variant=passed-border] {
        position: relative;
        background-color: var(--badge-bg-passed)
    }
    .mantine-Badge-root[data-variant=passed-border]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 2px;
        pointer-events: none;
        content: "";
        background: var(--badge-border-color-passed);
        border-radius: inherit;
        -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) content-box;
        mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude
    }
    .mantine-Badge-root[data-variant=current] {
        background-color: var(--badge-bg-passed)
    }
    .mantine-Badge-root[data-variant=failed] {
        background-color: var(--badge-bg-failed)
    }
    .mantine-Badge-root[data-variant=gradient] {
        background: var(--gradient-grad-3-hover)
    }
    .mantine-Badge-root[data-variant=gradient] .mantine-Badge-label {
        color: transparent;
        background: var(--gradient-grad-4);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Badge-root[data-size=sm] {
        height: var(--badge-height-sm);
        padding: 0 var(--badge-padding-x-sm);
        font-size: var(--badge-fz-sm);
        line-height: var(--badge-lh-sm);
        border-radius: var(--badge-radius-sm)
    }
    .mantine-Badge-root[data-size=sm] .mantine-Badge-label {
        letter-spacing: var(--badge-letter-spacing-sm)
    }
    .mantine-Badge-root[data-size=md] {
        height: var(--badge-height-md);
        padding: 0 var(--badge-padding-x-md);
        font-size: var(--badge-fz-md);
        line-height: var(--badge-lh-md);
        border-radius: var(--badge-radius-md)
    }
    .mantine-Badge-root[data-size=md] .mantine-Badge-label {
        letter-spacing: var(--badge-letter-spacing-md)
    }
}

@layer components {
    .mantine-ActionIcon-icon {
        width: var(--ai-fz);
        height: var(--ai-fz)
    }
    .mantine-ActionIcon-icon>svg {
        height: 100%
    }
    .mantine-ActionIcon-root[data-variant=primary] {
        --ai-size-sm: 36px;
        --ai-size-md: 40px;
        --ai-size-lg: 48px;
        --ai-radius-sm: 12px;
        --ai-radius-md: 12px;
        --ai-radius-lg: 15px;
        --ai-fz: var(--font-size-lg);
        --ai-bg: var(--gradient-grad-5);
        --ai-color: var(--color-purple-1);
        --ai-color-hover: var(--color-yellow-1);
        --ai-size: var(--ai-size-sm);
        color: var(--ai-color);
        background: var(--ai-bg);
        border: none;
        transition: var(--duration-200) var(--easing-standard);
        transition-property: color, opacity
    }
    .mantine-ActionIcon-root[data-variant=primary][data-disabled] {
        color: var(--ai-color);
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    @media(hover:hover) {
        .mantine-ActionIcon-root[data-variant=primary]:hover {
            color: var(--ai-color-hover)
        }
    }
    .mantine-ActionIcon-root[data-variant=primary][data-size=sm] {
        --ai-size: var(--ai-size-sm);
        border-radius: var(--ai-radius-sm)
    }
    .mantine-ActionIcon-root[data-variant=primary][data-size=md] {
        --ai-size: var(--ai-size-md);
        border-radius: var(--ai-radius-md)
    }
    .mantine-ActionIcon-root[data-variant=primary][data-size=lg] {
        --ai-size: var(--ai-size-lg);
        border-radius: var(--ai-radius-lg)
    }
    .mantine-ActionIcon-root[data-variant=secondary] {
        --ai-size-sm: 36px;
        --ai-size-md: 40px;
        --ai-size-lg: 48px;
        --ai-radius-sm: 12px;
        --ai-radius-md: 12px;
        --ai-radius-lg: 15px;
        --ai-fz: var(--font-size-lg);
        --ai-size: var(--ai-size-sm);
        --ai-bg: var(--gradient-grad-3);
        --ai-bg-hover: var(--gradient-grad-3-hover);
        --ai-color: var(--color-text-1);
        --ai-border: 2px solid var(--color-white-transparent-40);
        position: relative;
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--ai-border);
        box-shadow: 0 4px 10px var(--color-yellow-shadow-1);
        transition-property: color, opacity
    }
    .mantine-ActionIcon-root[data-variant=secondary]:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background: var(--ai-bg-hover);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        opacity: 0;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-ActionIcon-root[data-variant=secondary] .mantine-ActionIcon-icon {
        position: relative;
        z-index: 2;
        filter: drop-shadow(1px 1px 0 var(--color-white-transparent-40))
    }
    .mantine-ActionIcon-root[data-variant=secondary][data-disabled] {
        color: var(--ai-color);
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    @media(hover:hover) {
        .mantine-ActionIcon-root[data-variant=secondary]:hover:after {
            opacity: 1
        }
    }
    .mantine-ActionIcon-root[data-variant=secondary][data-size=sm] {
        --ai-size: var(--ai-size-sm);
        border-radius: var(--ai-radius-sm)
    }
    .mantine-ActionIcon-root[data-variant=secondary][data-size=md] {
        --ai-size: var(--ai-size-md);
        border-radius: var(--ai-radius-md)
    }
    .mantine-ActionIcon-root[data-variant=secondary][data-size=lg] {
        --ai-size: var(--ai-size-lg);
        border-radius: var(--ai-radius-lg)
    }
    .mantine-ActionIcon-root[data-variant=tertiary] {
        --ai-size-x-sm: 50px;
        --ai-size-y-sm: 40px;
        --ai-radius-sm: 15px;
        --ai-fz: 30px;
        --ai-bg: var(--color-purple-transparent-15);
        --ai-bg-hover: var(--color-purple-transparent-30);
        width: var(--ai-size-x-sm);
        height: var(--ai-size-y-sm);
        font-size: var(--ai-fz);
        background-color: var(--ai-bg);
        border-radius: var(--ai-radius-sm);
        transition: var(--duration-200) var(--easing-standard);
        transition-property: background-color, opacity
    }
    .mantine-ActionIcon-root[data-variant=tertiary][data-disabled] {
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    @media(hover:hover) {
        .mantine-ActionIcon-root[data-variant=tertiary]:hover {
            background-color: var(--ai-bg-hover)
        }
    }
}

@layer components {
    .mantine-Table-table {
        border-start-start-radius: 12px;
        border-start-end-radius: 12px;
        border-end-start-radius: 0;
        border-end-end-radius: 0
    }
    .mantine-Table-td,
    .mantine-Table-th {
        padding-inline: 0 10px;
        white-space: nowrap;
        background: none
    }
    .mantine-Table-thead {
        height: 32px;
        clip-path: inset(0);
        background: var(--gradient-grad-4);
        transform: translate(0)
    }
    .mantine-Table-thead:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        content: "";
        background: var(--gradient-grad-4);
        border-start-start-radius: 12px;
        border-start-end-radius: 12px;
        border-end-start-radius: 0;
        border-end-end-radius: 0
    }
    .mantine-Table-th {
        color: var(--color-white-transparent-40);
        text-align: start;
        transform: translateZ(2px)
    }
    .mantine-Table-th:first-child {
        padding-inline-start: 10px;
        border-start-start-radius: 12px
    }
    .mantine-Table-th:last-child {
        border-start-end-radius: 12px
    }
    .mantine-Table-tr {
        position: relative;
        height: 34px;
        padding-top: 2px;
        clip-path: inset(0);
        text-align: start;
        background-size: 100% calc(100% - 2px);
        transform: translate(0)
    }
    .mantine-Table-tbody>.mantine-Table-tr:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 2px);
        pointer-events: none;
        content: "";
        background-color: var(--color-table-line-bg)
    }
    .mantine-Table-td {
        color: var(--color-white-transparent-90)
    }
    .mantine-Table-td[data-highlighted] {
        color: var(--color-green-1)
    }
    .mantine-Table-td[data-bold] {
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Table-td:first-child {
        padding-inline-start: 10px
    }
    .mantine-Table-table[data-size=sm] .mantine-Table-td,
    .mantine-Table-table[data-size=sm] .mantine-Table-th {
        padding-top: 7px;
        padding-bottom: 7px
    }
    .mantine-Table-table[data-size=sm] .mantine-Table-th {
        font-size: var(--font-size-2xs);
        line-height: var(--line-height-2xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Table-table[data-size=sm] .mantine-Table-td {
        font-size: var(--font-size-2xs);
        line-height: var(--line-height-2xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-medium)
    }
    .mantine-Table-table[data-size=lg] .mantine-Table-td,
    .mantine-Table-table[data-size=lg] .mantine-Table-th {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .mantine-Table-table[data-size=lg] .mantine-Table-th {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Table-table[data-size=lg] .mantine-Table-td {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-medium)
    }
}

@layer components {
    .mantine-Pagination-root {
        --pagination-control-size: 32px;
        font-family: var(--font-family-primary)
    }
    .mantine-Pagination-root>div {
        display: flex;
        gap: 4px;
        justify-content: center;
        width: 100%
    }
    .mantine-Pagination-control {
        display: inline-flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: var(--pagination-control-size);
        height: var(--pagination-control-size);
        color: var(--color-white-transparent-40);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        border: none;
        transition: var(--easing-standard) var(--duration-200);
        transition-duration: color, opacity
    }
    [data-dir=rtl] .mantine-Pagination-control svg {
        transform: scaleX(-1)
    }
    .mantine-Pagination-control[data-disabled] {
        pointer-events: none;
        opacity: .2
    }
    .mantine-Pagination-control {
        font-size: var(--font-size-2xs);
        line-height: var(--line-height-2xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    @media(not (max-width:600px))and (not (max-height:800px)) {
        .mantine-Pagination-control {
            font-size: var(--font-size-xs);
            line-height: var(--line-height-xs);
            font-weight: var(--font-weight-regular);
            font-weight: var(--font-weight-extra-bold)
        }
    }
    @media(hover:hover) {
        .mantine-Pagination-control:hover {
            color: var(--color-white-1)
        }
    }
    .mantine-Pagination-control[data-active] {
        color: transparent;
        background: var(--gradient-grad-3);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Pagination-dots {
        display: inline-flex;
        flex: var(--pagination-control-size) 0 0;
        align-items: center;
        justify-content: center;
        height: var(--pagination-control-size);
        color: var(--color-white-transparent-40);
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        font-size: var(--font-size-2xs);
        line-height: var(--line-height-2xs);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    @media(not (max-width:600px))and (not (max-height:800px)) {
        .mantine-Pagination-dots {
            font-size: var(--font-size-xs);
            line-height: var(--line-height-xs);
            font-weight: var(--font-weight-regular);
            font-weight: var(--font-weight-extra-bold)
        }
    }
}

@layer components {
    .mantine-Slider-root {
        --slider-size-md: 8px;
        --slider-radius: 30px !important;
        --slider-thumb-size: 14px !important;
        --slider-track-bg: var(--gradient-white-1);
        --slider-bar-bg: var(--gradient-grad-3);
        --slider-bar-border: 2px solid var(--color-white-transparent-40);
        --slider-thumb-bg: var(--gradient-grad-3);
        --slider-thumb-border: 2px solid var(--color-white-transparent-40);
        width: 100%;
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Slider-root[data-off] {
        opacity: var(--disabled-opacity)
    }
    .mantine-Slider-root[data-readOnly] {
        pointer-events: none
    }
    .mantine-Slider-root .mantine-Slider-trackContainer {
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Slider-root .mantine-Slider-trackContainer[data-disabled] {
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    .mantine-Slider-root .mantine-Slider-track {
        background: var(--slider-track-bg);
        border-radius: var(--slider-radius)
    }
    .mantine-Slider-root .mantine-Slider-bar {
        --slider-size: 6px;
        background: var(--slider-bar-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--slider-bar-border);
        box-shadow: 2px 2px 5px var(--color-yellow-shadow-2)
    }
    .mantine-Slider-root .mantine-Slider-thumb {
        background: var(--slider-thumb-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--slider-thumb-border);
        box-shadow: 2px 2px 5px var(--color-yellow-shadow-2);
        transition: scale var(--duration-200) var(--easing-standard);
        transform-origin: left top
    }
    .mantine-Slider-root .mantine-Slider-thumb[data-disabled] {
        display: flex
    }
    @media(hover:hover) {
        .mantine-Slider-root .mantine-Slider-thumb:hover {
            scale: 1.1
        }
    }
    .mantine-Slider-root .mantine-Slider-thumb[data-dragging] {
        scale: 1.2
    }
}

@layer components {
    .mantine-Progress-root {
        position: relative;
        --progress-size: 36px !important;
        --progress-radius: 24px;
        --progress-border: 2px solid var(--color-white-transparent-40);
        --progress-padding: 6px;
        --progress-bg: transparent;
        --progress-section-bg: var(--gradient-grad-3);
        --progress-section-radius: 16px;
        --progress-section-border: 2px solid var(--color-white-transparent-40);
        --progress-background-bg: var(--gradient-white-1);
        padding: var(--progress-padding);
        background: var(--progress-bg);
        border: var(--progress-border)
    }
    .mantine-Progress-root:after {
        position: absolute;
        top: var(--progress-padding);
        left: var(--progress-padding);
        width: calc(100% - var(--progress-padding) * 2);
        height: calc(100% - var(--progress-padding) * 2);
        content: "";
        background: var(--progress-background-bg);
        border-radius: var(--progress-section-radius)
    }
    .mantine-Progress-root .mantine-Progress-section {
        position: relative;
        z-index: 2;
        overflow: hidden;
        background: var(--progress-section-bg);
        background-position: -2px -2px;
        background-size: calc(100% + 4px) calc(100% + 4px);
        border: var(--progress-section-border);
        border-radius: var(--progress-section-radius);
        transition: width .5s var(--easing-standard)
    }
}

@layer components {
    .mantine-Modal-root {
        --modal-padding-x: 24px;
        --modal-padding-y: 24px;
        --modal-padding-small-x: 12px;
        --modal-padding-small-y: 16px;
        --modal-padding-inline-small: 8px;
        --modal-border-radius: 12px;
        --modal-border-radius-lg: 24px;
        --modal-close-offset-sm: 4px;
        --modal-close-offset-lg: 8px;
        --z-index-modal: 205;
        --modal-maxwidth-default-sm: 344px;
        --modal-maxwidth-default-lg: 736px;
        --modal-default-inner-padding-sm: 8px;
        --modal-default-inner-padding-lg: 60px;
        --modal-standard-body-margin-top: 24px;
        --modal-standard-padding-x: 24px;
        --modal-standard-padding-y: 24px;
        --modal-maxwidth-standard-sm: 328px;
        --modal-maxwidth-standard-lg: 496px;
        --modal-maxheight-standard-lg: 721px;
        --modal-maxwidth-standard-xl: 736px;
        --modal-height-special-lg: 223px;
        --modal-width-special-lg: 390px;
        --modal-height-special-sm: 140px;
        --modal-width-special-sm: 347px;
        --modal-content-special-background-color: var(--gradient-grad-special);
        --scale: 1
    }
    .mantine-Modal-root .mantine-Modal-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: var(--z-index-modal);
        width: 100%;
        height: 100%;
        background: var(--color-shadow-bg)
    }
    .mantine-Modal-root .mantine-Modal-inner {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: var(--z-index-modal);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        pointer-events: none
    }
    .mantine-Modal-root .mantine-Modal-header {
        position: static;
        background-color: transparent
    }
    .mantine-Modal-root .mantine-Modal-content {
        display: flex;
        flex: unset;
        flex-direction: column;
        pointer-events: all;
        background: var(--gradient-grad-modal);
        border-radius: var(--modal-border-radius);
        outline: none;
        scale: var(--scale)
    }
    .mantine-Modal-root .mantine-Modal-close {
        position: absolute;
        color: var(--color-purple-1)
    }
    @media(hover:hover) {
        .mantine-Modal-root .mantine-Modal-close:hover {
            color: var(--color-yellow-1);
            background-color: transparent
        }
    }
    .mantine-Modal-root[data-size=lg] .mantine-Modal-inner,
    .mantine-Modal-root[data-size=xl] .mantine-Modal-inner {
        padding: 0 var(--modal-padding-small-x)
    }
    .mantine-Modal-root[data-size=lg] .mantine-Modal-close,
    .mantine-Modal-root[data-size=xl] .mantine-Modal-close {
        inset-inline-end: var(--modal-close-offset-lg);
        top: var(--modal-close-offset-lg)
    }
    .mantine-Modal-root[data-size=sm] .mantine-Modal-inner {
        padding: 0
    }
    .mantine-Modal-root[data-size=sm] .mantine-Modal-close {
        inset-inline-end: var(--modal-close-offset-sm);
        top: var(--modal-close-offset-sm)
    }
    .mantine-Modal-root[data-variant=default] .mantine-Modal-content {
        position: relative;
        width: 100%;
        height: -moz-min-content;
        height: min-content;
        padding: 0;
        background: url(/assets/bg-D8y_bly3.svg) top center/contain no-repeat, var(--gradient-grad-modal)
    }
    .mantine-Modal-root[data-variant=default] .mantine-Modal-title {
        line-height: normal;
        text-align: center;
        color: transparent;
        background: var(--gradient-grad-3-hover);
        -webkit-background-clip: text;
        background-clip: text;
        text-shadow: 2px 2px 10px var(--color-yellow-light-shadow)
    }
    .mantine-Modal-root[data-variant=default] .mantine-Modal-header {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }
    .mantine-Modal-root[data-variant=default] .mantine-Modal-body {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }
    .mantine-Modal-root[data-variant=standard] .mantine-Modal-content {
        width: 100%;
        padding: var(--modal-standard-padding-x) var(--modal-standard-padding-y);
        border-radius: var(--modal-border-radius-lg)
    }
    .mantine-Modal-root[data-variant=standard] .mantine-Modal-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        min-height: unset;
        padding: unset
    }
    .mantine-Modal-root[data-variant=standard] .mantine-Modal-title {
        color: transparent;
        background: var(--gradient-grad-3-hover);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: var(--font-size-lg);
        line-height: var(--line-height-lg);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Modal-root[data-variant=standard] .mantine-Modal-body {
        width: 100%;
        height: 100%;
        padding: unset;
        margin-top: var(--modal-standard-body-margin-top);
        overflow-y: auto
    }
    .mantine-Modal-root[data-variant=special] .mantine-Modal-content {
        position: relative;
        background: var(--modal-content-special-background-color);
        border: 1px solid var(--color-purple-transparent-20);
        border-radius: 16px;
        box-shadow: 0 4px 20px 0 var(--color-purple-transparent-40)
    }
    .mantine-Modal-root[data-variant=special] .mantine-Modal-content:after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 80%;
        height: 110%;
        pointer-events: none;
        content: "";
        background: url(/assets/bg-special-CptrebjS.svg) center/cover no-repeat;
        transform: translate(-50%, -10%)
    }
    .mantine-Modal-root[data-variant=special] .mantine-Modal-header {
        display: none
    }
    .mantine-Modal-root[data-variant=special] .mantine-Modal-body {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }
    [data-dir=rtl] .mantine-Modal-root .mantine-Modal-content {
        direction: rtl
    }
    .mantine-Modal-root[data-variant=default][data-size=sm] .mantine-Modal-header {
        padding: 20px 8px
    }
    .mantine-Modal-root[data-variant=default][data-size=sm] .mantine-Modal-body {
        padding: 0 8px 8px
    }
    .mantine-Modal-root[data-variant=default][data-size=sm] .mantine-Modal-title {
        font-size: var(--font-size-md);
        line-height: var(--line-height-md);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Modal-root[data-variant=default][data-size=sm] .mantine-Modal-inner {
        padding: var(--modal-default-inner-padding-sm)
    }
    .mantine-Modal-root[data-variant=default][data-size=sm] .mantine-Modal-content {
        max-width: var(--modal-maxwidth-default-sm)
    }
    .mantine-Modal-root[data-variant=default][data-size=lg] .mantine-Modal-header {
        padding: 52px 24px 42px
    }
    .mantine-Modal-root[data-variant=default][data-size=lg] .mantine-Modal-body {
        padding: 0 24px 24px
    }
    .mantine-Modal-root[data-variant=default][data-size=lg] .mantine-Modal-title {
        font-size: var(--font-size-2xl);
        line-height: var(--line-height-2xl);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold)
    }
    .mantine-Modal-root[data-variant=default][data-size=lg] .mantine-Modal-inner {
        padding: var(--modal-default-inner-padding-lg)
    }
    .mantine-Modal-root[data-variant=default][data-size=lg] .mantine-Modal-content {
        max-width: var(--modal-maxwidth-default-lg)
    }
    .mantine-Modal-root[data-variant=standard][data-size=sm] .mantine-Modal-content {
        max-width: var(--modal-maxwidth-standard-sm)
    }
    .mantine-Modal-root[data-variant=standard][data-size=lg] .mantine-Modal-content {
        max-width: var(--modal-maxwidth-standard-lg);
        max-height: var(--modal-maxheight-standard-lg)
    }
    .mantine-Modal-root[data-variant=standard][data-size=xl] .mantine-Modal-content {
        max-width: var(--modal-maxwidth-standard-xl)
    }
    .mantine-Modal-root[data-variant=special][data-size=sm] .mantine-Modal-content {
        width: var(--modal-width-special-sm);
        height: var(--modal-height-special-sm)
    }
    .mantine-Modal-root[data-variant=special][data-size=lg] .mantine-Modal-content {
        width: var(--modal-width-special-lg);
        height: var(--modal-height-special-lg)
    }
}

@layer components {
    .mantine-CloseButton-root {
        --cb-icon-size: 40px;
        width: var(--cb-icon-size);
        height: var(--cb-icon-size);
        transition: color var(--duration-200) var(--easing-standard)
    }
    .mantine-CloseButton-root>svg {
        width: 50% !important;
        height: 50% !important
    }
    .mantine-CloseButton-root[data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .mantine-CloseButton-root[data-read-only] {
        pointer-events: none
    }
}

@layer components {
    .mantine-Input-wrapper[data-variant=field] {
        --input-inline-height: 40px
    }
    .mantine-Input-wrapper[data-variant=field] .mantine-Input-input {
        height: var(--input-inline-height)
    }
    .mantine-InputWrapper-label {
        --input-label-size: var(--font-size-md);
        --input-label-color: var(--gradient-grad-3);
        --input-label-fw: var(--font-weight-extra-bold);
        --input-label-lh: var(--line-height-md);
        --input-label-margin-bottom: 10px;
        margin-bottom: var(--input-label-margin-bottom);
        font-size: var(--input-label-size);
        font-weight: var(--input-label-fw);
        line-height: var(--input-label-lh);
        color: transparent;
        background: var(--input-label-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Input-wrapper[data-variant=default] {
        --input-inline-height: 40px;
        --input-background: var(--color-light-bg);
        --input-border-radius: 15px;
        --input-fz-sm: var(--font-size-xs);
        --input-fz-lg: var(--font-size-md);
        --input-fz-weight: var(--font-weight-extra-bold);
        --input-fz-color: var(--color-white-transparent-90);
        --input-fz-color-danger: var(--color-red-2);
        --input-padding-x: 16px;
        --input-padding-y: 8px;
        --input-section-left-width: 0px;
        --input-section-right-width: 24px;
        background-color: var(--input-background);
        border-radius: var(--input-border-radius);
        transition: opacity var(--easing-standard) var(--duration-200)
    }
    .mantine-Input-wrapper[data-variant=default] .mantine-Input-input {
        height: var(--input-inline-height);
        padding: var(--input-padding-y) 0;
        padding-inline: calc(var(--input-padding-x) + var(--input-section-left-width) + 4px) calc(var(--input-padding-x) + var(--input-section-right-width) + 16px);
        color: var(--input-fz-color);
        background-color: transparent;
        border: none
    }
    .mantine-Input-wrapper[data-variant=default] .mantine-Input-input[data-danger] {
        color: var(--input-fz-color-danger)
    }
    .mantine-Input-wrapper[data-variant=default] .mantine-Input-section[data-position=left] {
        width: var(--input-section-left-inner-width);
        margin-inline-start: var(--input-padding-x);
        font-size: var(--input-fz-sm);
        font-weight: var(--input-fz-weight)
    }
    .mantine-Input-wrapper[data-variant=default] .mantine-Input-section[data-position=right] {
        width: var(--input-section-right-width);
        margin-inline-end: var(--input-padding-x)
    }
    .mantine-Input-wrapper[data-size=sm] .mantine-Input-input {
        font-size: var(--input-fz-sm);
        font-weight: var(--input-fz-weight)
    }
    .mantine-Input-wrapper[data-size=lg] .mantine-Input-input {
        font-size: var(--input-fz-lg);
        font-weight: var(--input-fz-weight)
    }
}

@layer components {
    .mantine-Drawer-root {
        --drawer-bg: var(--gradient-grad-modal);
        --drawer-body-padding-sm: 0px 44px;
        --drawer-body-padding-md: 0px 24px;
        --drawer-body-padding-lg: 0px 24px;
        --drawer-content-padding-sm: 40px 16px;
        --drawer-content-padding-md: 40px 16px;
        --drawer-content-padding-lg: 40px 16px;
        --drawer-content-radius: 15px;
        --drawer-content-right-md: 26px;
        --drawer-content-right-lg: 60px;
        --drawer-inner-height-sm: calc(100dvh - var(--header-height));
        --drawer-inner-height-md: calc(100dvh - var(--header-height) - 10px);
        --drawer-inner-height-lg: calc(100dvh - var(--header-height) - 44px);
        --drawer-inner-top: var(--header-height);
        --drawer-size-sm: 100%;
        --drawer-size-md: 307px;
        --drawer-size-lg: 307px;
        --drawer-transform-x: 0%
    }
    .mantine-Drawer-root[data-variant=default] .mantine-Drawer-overlay {
        background: transparent
    }
    .mantine-Drawer-root[data-variant=default] .mantine-Drawer-content {
        background: var(--drawer-bg)
    }
    .mantine-Drawer-root[data-variant=default] .mantine-Drawer-inner {
        inset-inline-end: 0;
        top: var(--drawer-inner-top)
    }
    .mantine-Drawer-root[data-variant=default] .mantine-Drawer-body {
        max-height: 100%;
        overflow: auto
    }
    [data-dir=rtl] .mantine-Drawer-root[data-variant=default] .mantine-Drawer-body {
        direction: rtl
    }
    .mantine-Drawer-root[data-variant=default][data-size=sm] .mantine-Drawer-body {
        padding: var(--drawer-body-padding-sm)
    }
    .mantine-Drawer-root[data-variant=default][data-size=sm] .mantine-Drawer-content {
        padding: var(--drawer-content-padding-sm)
    }
    .mantine-Drawer-root[data-variant=default][data-size=sm] .mantine-Drawer-overlay,
    .mantine-Drawer-root[data-variant=default][data-size=sm] .mantine-Drawer-inner {
        height: var(--drawer-inner-height-sm)
    }
    .mantine-Drawer-root[data-variant=default][data-size=md] {
        --drawer-transform-x: calc(-1 * var(--drawer-content-right-md))
    }
    .mantine-Drawer-root[data-variant=default][data-size=md] .mantine-Drawer-body {
        padding: var(--drawer-body-padding-md)
    }
    .mantine-Drawer-root[data-variant=default][data-size=md] .mantine-Drawer-content {
        padding: var(--drawer-content-padding-md);
        border-radius: var(--drawer-content-radius)
    }
    .mantine-Drawer-root[data-variant=default][data-size=md] .mantine-Drawer-inner {
        height: var(--drawer-inner-height-md)
    }
    .mantine-Drawer-root[data-variant=default][data-size=lg] {
        --drawer-transform-x: calc(-1 * var(--drawer-content-right-lg))
    }
    .mantine-Drawer-root[data-variant=default][data-size=lg] .mantine-Drawer-body {
        padding: var(--drawer-body-padding-lg)
    }
    .mantine-Drawer-root[data-variant=default][data-size=lg] .mantine-Drawer-content {
        height: var(--drawer-inner-height-lg);
        padding: var(--drawer-content-padding-lg);
        border-radius: var(--drawer-content-radius)
    }
}

@layer components {
    .mantine-Divider-root {
        --divider-color: var(--color-white-transparent-20);
        --divider-size: 1px;
        --divider-width: 100%;
        width: var(--divider-width)
    }
}

@layer components {
    .mantine-Popover-dropdown {
        --popover-dropdown-bg: var(--gradient-glass);
        --popover-dropdown-radius: 12px;
        --popover-padding-sm: 24px;
        --popover-padding-md: 40px;
        --popover-dropdown-mw-sm: 300px;
        --popover-dropdown-mw-md: 410px;
        --popover-dropdown-color: var(--color-white-1);
        --scale: 1;
        color: var(--popover-dropdown-color);
        background: var(--popover-dropdown-bg);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        border: none;
        border-radius: var(--popover-dropdown-radius);
        transform-origin: left center;
        scale: var(--scale)
    }
    .mantine-Popover-dropdown[data-size=sm] {
        max-width: var(--popover-dropdown-mw-sm);
        padding: var(--popover-padding-sm)
    }
    .mantine-Popover-dropdown[data-size=md] {
        max-width: var(--popover-dropdown-mw-md);
        padding: var(--popover-padding-md)
    }
}

@layer components {
    .mantine-Carousel-viewport {
        overflow: hidden;
        cursor: grab
    }
    .mantine-Carousel-root {
        --slide-spacing: 4px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(90deg, #0000, #000 10%, #000 90%, #0000);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
    .mantine-Carousel-root:has(.mantine-Carousel-viewport[data-start]) {
        -webkit-mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(90deg, #000, #000 90%, #0000)
    }
    .mantine-Carousel-root:has(.mantine-Carousel-viewport[data-end]) {
        -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
        mask-image: linear-gradient(90deg, #0000, #000 10%, #000)
    }
    .mantine-Carousel-container {
        display: flex;
        margin-left: calc(var(--slide-spacing) * -1);
        touch-action: pan-y pinch-zoom
    }
    .mantine-Carousel-slide {
        padding-left: var(--slide-spacing)
    }
}

@layer components {
    .mantine-Chip-root {
        --chip-radius: 15px;
        --chip-height: 40px;
        --chip-padding: 12px;
        --chip-checked-padding: 12px;
        --chip-bg: var(--color-purple-transparent-15);
        --chip-bg-hover: var(--color-purple-transparent-50);
        --chip-bg-checked: var(--color-purple-transparent-50);
        --chip-label-color: var(--gradient-grad-3);
        --chip-label-color-danger: var(--color-red-2);
        --chip-label-fz: var(--font-size-xs);
        --chip-label-lh: var(--line-height-xs);
        --chip-label-fw: var(--font-weight-extra-bold);
        --chip-label-width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        height: var(--chip-height);
        background-color: var(--chip-bg);
        border-radius: var(--chip-radius);
        transition: var(--duration-200) var(--easing-standard);
        transition-property: opacity, background-color
    }
    @media(hover:hover) {
        .mantine-Chip-root:hover {
            background-color: var(--chip-bg-hover)
        }
    }
    .mantine-Chip-root .mantine-Chip-iconWrapper {
        display: none
    }
    .mantine-Chip-root .mantine-Chip-label {
        justify-content: center;
        width: var(--chip-label-width);
        height: var(--chip-height);
        font-size: var(--chip-label-fz);
        font-weight: var(--chip-label-fw);
        line-height: var(--chip-label-lh);
        color: transparent;
        background: var(--chip-label-color);
        -webkit-background-clip: text;
        background-clip: text
    }
    .mantine-Chip-root:has(.mantine-Chip-input[data-danger]) .mantine-Chip-label {
        color: var(--chip-label-color-danger);
        background: none;
        background-clip: none
    }
    .mantine-Chip-root:has(.mantine-Chip-input:disabled) {
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    .mantine-Chip-root:has(.mantine-Chip-input:checked) {
        background-color: var(--chip-bg-checked)
    }
}

@layer components {
    .mantine-Select-root {
        --select-chevron-size: 16px;
        --select-input-section-left-width: 28px;
        --select-input-padding-x: 8px;
        --select-input-fz-color: transparent
    }
    .mantine-Select-root .select-chevron {
        width: var(--select-chevron-size);
        height: var(--select-chevron-size);
        transition: transform var(--duration-200) var(--easing-standard)
    }
    .mantine-Select-root .mantine-Select-wrapper {
        --input-section-left-width: var(--select-input-section-left-width);
        --input-padding-x: var(--select-input-padding-x);
        --input-fz-color: var(--select-input-fz-color);
        --select-wrapper-border-radius: 15px
    }
    .mantine-Select-root .mantine-Select-wrapper[data-disabled] {
        pointer-events: none;
        opacity: var(--disabled-opacity)
    }
    .mantine-Select-root .mantine-Select-wrapper:has([data-expanded]) .select-chevron {
        transform: rotate(180deg)
    }
    .mantine-Select-root .mantine-Select-input {
        color: transparent;
        background: var(--gradient-grad-3);
        -webkit-background-clip: text;
        background-clip: text;
        opacity: 1;
        --input-fz-weight: var(--font-weight-extra-bold)
    }
    .mantine-Select-dropdown {
        --select-dropdown-padding: 16px;
        --select-dropdown-bg: #602f61;
        padding: var(--select-dropdown-padding);
        background: var(--select-dropdown-bg);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
    .mantine-Select-option {
        position: relative;
        --select-option-color-hover: var(--gradient-glass);
        --select-option-border-radius: 15px;
        --select-option-gap: 8px;
        --select-option-padding-y: 8px;
        --select-option-padding-x: 16px;
        padding: var(--select-option-padding-y) var(--select-option-padding-x);
        border-radius: var(--select-option-border-radius)
    }
    .mantine-Select-option:not(:last-child) {
        margin-bottom: var(--select-option-gap)
    }
    .mantine-Select-option[data-checked] {
        background: var(--select-option-color-hover)
    }
    @media(hover:hover) {
        .mantine-Select-option:hover {
            background: var(--select-option-color-hover)
        }
    }
    .mantine-Select-option>span {
        color: transparent;
        background: var(--gradient-grad-3);
        -webkit-background-clip: text;
        background-clip: text;
        font-weight: var(--font-weight-extra-bold)
    }
}

@layer components {
    .mantine-NumberFormatter-root {
        display: inline-block;
        direction: ltr;
        font-family: var(--font-family-primary)
    }
}

@layer components {
    .mantine-Tabs-root {
        --tabs-background-color: var(--color-purple-transparent-10);
        --tabs-background-color-hover: var(--color-purple-transparent-30);
        --tabs-tab-border-radius: 25px;
        --tabs-tab-label-color: var(--gradient-grad-3);
        --tabs-tab-label-fz-sm: var(--font-size-2xs);
        --tabs-tab-label-fz-md: var(--font-size-sm);
        --tabs-tab-label-fw: var(--font-weight-extra-bold);
        --tabs-tab-gap: 3px;
        --tabs-tab-padding-x: 2px;
        --tabs-tab-padding-y: 10px
    }
    .mantine-Tabs-root[data-size=sm] {
        --tabs-tab-label-fz: var(--tabs-tab-label-fz-sm)
    }
    .mantine-Tabs-root[data-size=md] {
        --tabs-tab-label-fz: var(--tabs-tab-label-fz-md)
    }
    html[data-lng=fi] .mantine-Tabs-root {
        --tabs-tab-label-fz-sm: 10px
    }
    .mantine-Tabs-list {
        flex-wrap: nowrap;
        gap: var(--tabs-tab-gap)
    }
    .mantine-Tabs-tab {
        width: 100%;
        padding: var(--tabs-tab-padding-y) var(--tabs-tab-padding-x);
        background-color: var(--tabs-background-color);
        border-radius: var(--tabs-tab-border-radius);
        transition: background-color var(--duration-200) var(--easing-standard)
    }
    @media(hover:hover) {
        .mantine-Tabs-tab:hover {
            background-color: var(--tabs-background-color-hover)
        }
    }
    .mantine-Tabs-tab[data-active] {
        background-color: var(--tabs-background-color-hover)
    }
    .mantine-Tabs-tabLabel {
        color: transparent;
        background: var(--tabs-tab-label-color);
        -webkit-background-clip: text;
        background-clip: text;
        font-size: var(--tabs-tab-label-fz);
        font-weight: var(--tabs-tab-label-fw)
    }
}

@layer components {
    .mantine-Textarea-root {
        --textarea-label-color: var(--color-white-transparent-30);
        --textarea-input-padding: 9px 10px 9px 16px
    }
    .mantine-Textarea-input {
        min-height: 40px;
        max-height: none;
        padding: var(--textarea-input-padding) !important
    }
    .mantine-Textarea-input::-webkit-scrollbar {
        width: 0
    }
    .mantine-Textarea-input::-moz-placeholder {
        font-weight: var(--font-weight-extra-bold);
        color: var(--textarea-text-color)
    }
    .mantine-Textarea-input::placeholder {
        font-weight: var(--font-weight-extra-bold);
        color: var(--textarea-text-color)
    }
    .mantine-Textarea-label {
        --input-label-color: var(--textarea-label-color);
        --input-label-margin-bottom: 0
    }
}

@layer components {
    .mantine-Anchor-root {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding-inline: 20px;
        overflow: hidden;
        color: var(--color-white-1);
        text-decoration: none;
        text-transform: uppercase;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border-radius: 12px;
        transition: color var(--duration-200) var(--easing-standard)
    }
    .mantine-Anchor-root:before,
    .mantine-Anchor-root:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        pointer-events: none;
        content: "";
        background: var(--gradient-grad-3-hover);
        transition: opacity var(--duration-200) var(--easing-standard)
    }
    .mantine-Anchor-root:before {
        background: var(--gradient-grad-3-hover);
        opacity: 0
    }
    .mantine-Anchor-root:after {
        background: radial-gradient(38.14% 38.14% at 50.29% 2.97%, #d43ed880, #bb38be33);
        opacity: 1
    }
    .mantine-Anchor-root {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-medium)
    }
    @media(hover:hover) {
        .mantine-Anchor-root:hover {
            color: var(--color-bg)
        }
        .mantine-Anchor-root:hover:before {
            opacity: 1
        }
        .mantine-Anchor-root:hover:after {
            opacity: 0
        }
    }
    .mantine-Anchor-root[data-active] {
        color: var(--color-bg)
    }
    .mantine-Anchor-root[data-active]:before {
        opacity: 1
    }
    .mantine-Anchor-root[data-active]:after {
        opacity: 0
    }
}

@layer components {
    .number-field-wrapper {
        --number-field-coin-size: 24px;
        --number-field-height: 40px;
        --number-field-background: var(--color-light-bg);
        --number-field-border-radius: 15px;
        --number-field-fz-weight: var(--font-weight-extra-bold);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: var(--number-field-height);
        cursor: text;
        background-color: var(--number-field-background);
        border-radius: var(--number-field-border-radius);
        transition: opacity var(--easing-standard) var(--duration-200)
    }
    .number-field-wrapper[data-disabled][data-disabled] {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: .4
    }
    .number-field-input {
        --input-padding-inline-start: 0;
        --input-padding-inline-end: 0;
        color: transparent;
        background: var(--gradient-grad-3);
        -webkit-background-clip: text;
        background-clip: text;
        --input-fz-weight: var(--number-field-fz-weight);
        text-align: center;
        caret-color: var(--color-yellow-4)
    }
    .number-field-wrapper[data-coin] .number-field-input-wrapper {
        position: absolute;
        left: 40%;
        width: 40%
    }
    .number-field-wrapper[data-coin] .number-field-input-wrapper .number-field-input {
        text-align: left;
        --input-padding-inline-start: var(--input-left-section-size);
        --input-padding-inline-end: var(--input-padding)
    }
    .number-field-section {
        position: absolute;
        top: 0
    }
    .number-field-section[data-left] {
        inset-inline-start: 0
    }
    .number-field-section[data-right] {
        inset-inline-end: 0
    }
    .number-field-coin {
        width: var(--number-field-coin-size);
        height: var(--number-field-coin-size);
        filter: drop-shadow(0 3px 5.21px var(--color-orange-1))
    }
}

@layer components {
    .volume-slider-root {
        display: flex;
        gap: 8px;
        align-items: center;
        width: 100%
    }
    .volume-slider-root[data-read-only] {
        pointer-events: none
    }
}

._game-logo-spank_yfe7q_1 {
    aspect-ratio: 1410/904
}

._auto-play-button_1vqfe_1 {
    flex-shrink: 0;
    width: 60px;
    height: auto;
    aspect-ratio: 1/1
}

@media not (max-width:1000px) {
    ._auto-play-button_1vqfe_1 {
        width: 107px
    }
}

._auto-play-button-label_1vqfe_12 {
    display: none;
    flex-direction: column
}

@media not (max-width:1000px) {
    ._auto-play-button-label_1vqfe_12 {
        display: flex
    }
}

._auto-play-button-icon_1vqfe_21 {
    width: 30px;
    height: 30px
}

@media not (max-width:1000px) {
    ._auto-play-button-icon_1vqfe_21 {
        width: 60px;
        height: 60px
    }
}

[data-lng=fr] ._auto-play-button_1vqfe_1,
[data-lng=pt] ._auto-play-button_1vqfe_1,
[data-lng=es] ._auto-play-button_1vqfe_1,
[data-lng=tr] ._auto-play-button_1vqfe_1,
[data-lng=he] ._auto-play-button_1vqfe_1,
[data-lng=ar] ._auto-play-button_1vqfe_1 {
    --button-pb-sq-xl: 10px
}

[data-lng=fr] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12,
[data-lng=pt] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12,
[data-lng=es] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12,
[data-lng=tr] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12,
[data-lng=he] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12,
[data-lng=ar] ._auto-play-button_1vqfe_1 ._auto-play-button-label_1vqfe_12 {
    white-space: normal
}

._lighting_1ss9x_1 {
    position: relative;
    --border-radius: 10px
}

._lighting-wrapper_1ss9x_5 {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    pointer-events: none;
    border-radius: var(--border-radius);
    opacity: 0
}

._lighting-wrapper_1ss9x_5:after {
    position: absolute;
    top: -.5px;
    left: -.5px;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    content: "";
    filter: blur(2px);
    border-radius: inherit;
    box-shadow: 0 0 3px 2.5px #fff, inset 0 0 2px 2.5px #fff;
    opacity: .9
}

._lighting-wrapper_1ss9x_5:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    filter: blur(3px);
    border-radius: inherit;
    box-shadow: 0 0 5px 4px #ffd600, inset 0 0 7px 5.5px #ffd600
}

@keyframes _show-light_1ss9x_1 {
    0% {
        opacity: 0;
        transform: scale(1.3)
    }
    80% {
        opacity: .8;
        transform: scale(.95)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes _blink-light_1ss9x_1 {
    0% {
        opacity: 1
    }
    to {
        opacity: .85
    }
}

._lighting_1ss9x_1[data-enabled] {
    z-index: 250;
    pointer-events: none
}

._lighting_1ss9x_1[data-enabled]>._lighting-wrapper_1ss9x_5 {
    animation: _show-light_1ss9x_1 .5s ease-in 0s 1 alternate forwards, _blink-light_1ss9x_1 .3s ease-in-out .5s infinite alternate forwards
}

._buttons_6o9wa_1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    opacity: 0;
    animation: _show-element_6o9wa_1 var(--duration-350) var(--easing-standard) .4s 1 alternate forwards
}

@keyframes _show-element_6o9wa_1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._buttons_6o9wa_1>button {
    text-transform: uppercase
}

._onboarding-icons-icon_97opp_1 {
    width: 22px;
    height: 32px
}

._auto-play-autoslaps-icon_u1vxy_1 {
    width: 28px;
    height: 28px
}

._auto-play-autoslaps-number-spins_u1vxy_5 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    margin-top: 10px
}

._auto-play-autoslaps-number-spins_u1vxy_5>li {
    width: 100%
}

._auto-play-steps-icon_11zi9_1 {
    width: 28px;
    height: 28px
}

._auto-play-steps-info-row_11zi9_5 {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 10px
}

._auto-play-steps-info-box_11zi9_11 {
    flex: 1 1 0;
    padding: 16px;
    background: var(--gradient-grad-1);
    border-radius: 12px
}

._auto-play-steps-info-label_11zi9_17 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-extra-bold);
    color: var(--color-white-1)
}

._auto-play-steps-info-value_11zi9_22 {
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-extra-bold);
    text-shadow: 2px 2px 10px var(--color-yellow-shadow-2)
}

._auto-play-steps-coin_11zi9_34 {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 3px 5.21px var(--color-orange-1))
}

._auto-play-menu-form_1ha7v_1 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._bet-menu-fast-bets_15kpq_1 {
    display: flex;
    gap: 8px
}

._bet-menu-fast-bets-button_15kpq_5 {
    width: 100%
}

._bet-menu-onboarding_ms1qa_1 {
    position: fixed !important;
    top: 35% !important;
    left: 50% !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 0 !important;
    transform: translate(-50%) !important
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._bet-menu-onboarding_ms1qa_1 {
        top: 55% !important
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._bet-menu-onboarding_ms1qa_1 {
        top: 50% !important
    }
}

._bet-menu-onboarding-lightning_ms1qa_21 {
    flex: 1 1 0
}

._bet-menu-onboarding-message_ms1qa_24 {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-sm);
    text-align: center
}

@media not (max-width:450px) {
    ._bet-menu-wager-input-root_1ctbd_2 {
        left: 46%
    }
}

@media not (max-width:900px) {
    ._bet-menu-wager-input-root_1ctbd_2 {
        left: 48%
    }
}

@media not (max-width:1000px) {
    ._bet-menu-wager-input-root_1ctbd_2 {
        left: 40%
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (orientation:portrait) {
    ._bet-menu-wager-input-root_1ctbd_2 {
        left: 44%
    }
}

._bet-menu-wager-input-button_1ctbd_21 {
    width: 50px
}

[data-lng=vi] ._bet-menu-wager-input-button_1ctbd_21 {
    width: 70px
}

._bet-menu_1s4gq_1 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._controls-menu-cashout_t6c9s_1 {
    width: 100%;
    --button-color: var(--color-yellow-5)
}

._controls-menu-cashout-label_t6c9s_5 {
    display: inline-flex;
    flex-direction: column;
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs)
}

@media not (max-width:600px) {
    ._controls-menu-cashout-label_t6c9s_5 {
        font-size: var(--font-size-md);
        line-height: var(--line-height-md)
    }
}

._controls-menu-play_13kuf_1 {
    position: relative;
    width: 100%;
    overflow: hidden
}

._controls-menu-play-label_13kuf_6 {
    white-space: wrap
}

[data-lng=ru] ._controls-menu-play_13kuf_1[data-low-balance] ._controls-menu-play-label_13kuf_6,
[data-lng=de] ._controls-menu-play_13kuf_1[data-low-balance] ._controls-menu-play-label_13kuf_6 {
    --button-fz-xl: var(--font-size-sm);
    --button-lh-xl: var(--line-height-sm)
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    [data-lng=ru] ._controls-menu-play_13kuf_1[data-low-balance] ._controls-menu-play-label_13kuf_6,
    [data-lng=de] ._controls-menu-play_13kuf_1[data-low-balance] ._controls-menu-play-label_13kuf_6 {
        --button-fz-xl: var(--font-size-lg);
        --button-lh-xl: var(--line-height-lg)
    }
}

._controls-menu-play-content_13kuf_19 {
    display: block;
    text-transform: uppercase;
    transition: opacity .2s ease
}

._controls-menu-play-icon_13kuf_24 {
    width: 24px;
    height: 24px
}

._controls-menu-play-hover_13kuf_28 {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: opacity .2s ease;
    transform: translate(-50%, -50%)
}

._controls-menu-play_13kuf_1[data-insufficient-balance] {
    background: var(--gradient-red)
}

._controls-menu-play_13kuf_1[data-insufficient-balance] ._controls-menu-play-content_13kuf_19 {
    color: var(--color-white-1)
}

@media(hover:hover) {
    ._controls-menu-play_13kuf_1:hover:not(:disabled)[data-auto-play-running] ._controls-menu-play-content_13kuf_19 {
        opacity: 0
    }
    ._controls-menu-play_13kuf_1:hover:not(:disabled)[data-auto-play-running] ._controls-menu-play-hover_13kuf_28 {
        opacity: 1
    }
}

._controls-menu_jkzki_1 {
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    gap: 8px
}

@media not (max-width:1200px) {
    ._controls-menu_jkzki_1 {
        gap: 17px
    }
}

._difficulty-menu-chips_8s0k3_1 {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._difficulty-menu-chips-title_8s0k3_8 {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 40px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-xs);
    transition: opacity var(--duration-200) var(--easing-standard);
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text
}

._difficulty-menu-chips-title_8s0k3_8[data-disabled] {
    pointer-events: none;
    opacity: var(--disabled-opacity)
}

._difficulty-menu-chips-title-section_8s0k3_25 {
    position: relative;
    width: 28px;
    height: 29px
}

._difficulty-menu-chips-title-icon_8s0k3_30 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 37px;
    transform: translate(-50%, -50%)
}

._difficulty-menu-chips-body_8s0k3_38 {
    display: flex;
    gap: 8px
}

._difficulty-menu-chips-chip_8s0k3_42 {
    width: 100%
}

._difficulty-menu-select-option_sfnfx_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._difficulty-menu-select-option-body_sfnfx_7 {
    display: inline-flex;
    gap: 4px;
    align-items: center
}

._difficulty-menu-select-option-title_sfnfx_12 {
    font-weight: var(--font-weight-extra-bold);
    text-shadow: 2px 2px 10px var(--color-yellow-shadow-2);
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text
}

._difficulty-menu-select-option-focus_sfnfx_19 {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-2xs);
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text
}

._difficulty-menu-select-option-separator_sfnfx_28 {
    font-weight: var(--font-weight-medium);
    color: var(--color-white-transparent-40)
}

._difficulty-menu-select-option-suffix_sfnfx_32 {
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-2xs);
    color: var(--color-white-transparent-40)
}

._difficulty-menu-select-option_sfnfx_1[data-danger] ._difficulty-menu-select-option-title_sfnfx_12 {
    color: var(--color-red-2)
}

._difficulty-menu-select_18etf_1 {
    width: 100%
}

._difficulty-menu-select-icon_18etf_4 {
    flex-shrink: 0;
    width: 31px;
    height: 37px
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._difficulty-menu-select-dropdown_18etf_10 {
        max-width: calc(680px / var(--bottom-bar-scale));
        transform-origin: bottom;
        scale: calc(var(--bottom-bar-scale) * var(--page-scale))
    }
}

._fairness-modal-info_st3wi_1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: var(--font-size-xs);
    color: var(--color-white-1)
}

._fairness-modal-info-header_st3wi_8,
._fairness-modal-info-body_st3wi_13 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._fairness-modal-info-body_st3wi_13 div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    background-color: var(--color-purple-transparent-20);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid var(--color-white-transparent-5);
    border-radius: 12px
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._fairness-modal-info-body_st3wi_13 div {
        padding: 16px
    }
}

._fairness-modal-info-body_st3wi_13 svg {
    max-width: 22px;
    margin: 0 auto
}

._fairness-modal-info_st3wi_1 h3 {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold)
}

._fairness-modal-info_st3wi_1 p,
._fairness-modal-info_st3wi_1 code {
    margin: 0
}

._fairness-modal-info_st3wi_1 code {
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-xs);
    word-break: break-all;
    direction: ltr
}

._fairness-modal-round-data_atlmg_1 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._fairness-modal-round-points-carousel_atlmg_6 {
    padding: 16px 0
}

._fairness-modal-body_1u6id_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    scrollbar-gutter: stable
}

._fairness-modal-header_1u6id_7 {
    justify-content: center
}

._fairness-modal-content_1u6id_10 {
    height: 572px;
    padding: 24px 8px 8px
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._fairness-modal-content_1u6id_10 {
        height: 674px;
        padding: 24px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._fairness-modal-content_1u6id_10 {
        max-width: 736px;
        max-height: 666px
    }
}

._fairness-modal-description_1u6id_26 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-white-1)
}

._fairness-modal-description-wrapper_1u6id_31 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

._fairness-modal-title_1u6id_36 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-extra-bold);
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text
}

._fairness-modal-input-wrapper_1u6id_43 {
    --input-section-left-width: 59px
}

._fairness-modal-tabs_1u6id_46 {
    display: flex;
    flex-direction: column;
    height: 100%
}

._fairness-modal-tabs-list_1u6id_51 {
    margin-bottom: 8px
}

._fairness-modal-tabs-panel_1u6id_54 {
    flex: 1;
    min-height: 0;
    overflow: auto
}

._header_1mz1d_1 {
    flex-shrink: 0;
    width: 100%;
    height: var(--header-height);
    padding: 4px 10px
}

@media not (max-width:900px) {
    ._header_1mz1d_1 {
        padding: var(--header-top-offset) 26px 0
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._header_1mz1d_1 {
        padding: var(--header-top-offset) 60px 0
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._header_1mz1d_1 {
        padding: var(--header-top-offset) 60px 0
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._header_1mz1d_1 {
        padding: var(--header-top-offset) 16px 0
    }
}

._header-body_1mz1d_27 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 100%
}

._header-logo_1mz1d_34 {
    height: 39px
}

@media not (max-width:900px) {
    ._header-logo_1mz1d_34 {
        height: 75px
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._header-logo_1mz1d_34 {
        height: 115px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._header-logo_1mz1d_34 {
        height: 115px
    }
}

._header-right-section_1mz1d_52 {
    display: flex;
    gap: 8px;
    align-items: center
}

@media not (max-width:900px) {
    ._header-right-section_1mz1d_52 {
        gap: 24px;
        padding: 8px 8px 8px 24px;
        background: var(--color-light-bg);
        border-radius: 16px
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._header-right-section_1mz1d_52 {
        position: relative;
        top: 8px;
        padding: 16px 16px 16px 24px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._header-right-section_1mz1d_52 {
        position: relative;
        top: 8px;
        padding: 16px 16px 16px 24px
    }
}

._header-balance_1mz1d_79 {
    display: flex;
    gap: 4px;
    align-items: center
}

._header-balance-coin_1mz1d_84 {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 3px 5.21px var(--color-orange-1))
}

._header-balance-amount_1mz1d_89 {
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-extra-bold)
}

._interactive-element-onboarding_1m8cz_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-width: 300px
}

@media not (max-width:1200px) {
    ._interactive-element-onboarding_1m8cz_1 {
        max-width: 410px
    }
}

._interactive-element-onboarding-message_1m8cz_13 {
    max-width: 330px;
    margin: 0 auto;
    text-align: center
}

._interactive-element-onboarding-message_1m8cz_13 h2 {
    color: transparent;
    background: var(--gradient-grad-3-hover);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-lg)
}

._interactive-element-onboarding-message_1m8cz_13 p {
    display: inline-block;
    margin-top: 8px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-sm)
}

._interactive-element-onboarding-lighting_1m8cz_33 {
    --border-radius: 50%;
    width: 100%;
    height: 100%
}

._interactive-element-onboarding-lighting-wrapper_1m8cz_38 {
    top: 18%;
    left: 50%;
    width: 75%;
    height: 75%;
    translate: -50% 0
}

._interactive-element-onboarding-cursor_1m8cz_45 {
    position: absolute;
    top: 60%;
    right: 10%;
    z-index: 255;
    width: 63px;
    height: 78px;
    opacity: 0;
    animation: _show-element_1m8cz_1 var(--duration-350) var(--easing-standard) .55s 1 alternate forwards, _rotate-cursor_1m8cz_1 .45s ease-in-out 0ms infinite alternate forwards
}

@keyframes _rotate-cursor_1m8cz_1 {
    0% {
        transform: rotate(-10deg)
    }
    to {
        transform: rotate(-30deg)
    }
}

@keyframes _show-element_1m8cz_1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._interactive-element-red-light_1rxta_1 {
    position: absolute;
    top: 54%;
    z-index: 1;
    width: 69.58%;
    height: 32.88%;
    pointer-events: none;
    mix-blend-mode: multiply;
    opacity: var(--progress);
    transition: opacity var(--duration-200) var(--easing-standard);
    transform: translate(-50%, -50%)
}

._interactive-element-red-light_1rxta_1[data-side=left] {
    left: 38%
}

._interactive-element-red-light_1rxta_1[data-side=right] {
    left: 62%
}

._interactive-element-red-light_1rxta_1[data-color=colorr3] {
    mix-blend-mode: color
}

._interactive-element-red-light_1rxta_1[data-size=big] {
    top: 60%
}

._interactive-element-red-light_1rxta_1[data-size=big][data-side=left] {
    left: 33%
}

._interactive-element-red-light_1rxta_1[data-size=big][data-side=right] {
    left: 60%
}

._interactive-element_1uto4_1 {
    --top-offset: 0px;
    --widget-height: calc(var(--header-height) + var(--bottom-bar-height) - var(--top-offset));
    --element-ratio: 630 / 582;
    position: relative;
    width: 100%;
    max-width: min((100dvh - var(--widget-height)) * var(--element-ratio), 100dvw);
    max-height: 100%;
    aspect-ratio: var(--element-ratio);
    padding: 0 8px;
    margin: auto;
    margin-top: calc(-1 * var(--top-offset));
    transition: opacity var(--duration-200) var(--easing-standard)
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._interactive-element_1uto4_1 {
        max-width: min((100dvh - var(--widget-height)) * var(--element-ratio), 800px)
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._interactive-element_1uto4_1 {
        --element-ratio: 595 / 582
    }
}

._interactive-element-stage_1uto4_25 {
    width: 100% !important;
    height: 100% !important;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: opacity var(--duration-200) var(--easing-standard)
}

._interactive-element-placeholder_1uto4_32 {
    position: absolute;
    top: 55%;
    left: 50%;
    width: auto;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--easing-standard) var(--duration-200);
    translate: -50% -50%
}

._interactive-element_1uto4_1[data-loading] ._interactive-element-stage_1uto4_25 {
    opacity: 0
}

._interactive-element_1uto4_1[data-loading] ._interactive-element-placeholder_1uto4_32 {
    opacity: 1
}

._interactive-element_1uto4_1[data-disabled] {
    pointer-events: none
}

@media not (max-width:900px) {
    ._interactive-element_1uto4_1 {
        --top-offset: 40px
    }
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._interactive-element_1uto4_1 {
        --top-offset: 60px
    }
}

@keyframes _heartbeat_1ji1g_1 {
    0% {
        transform: translateY(2px) scale(1)
    }
    10% {
        transform: translateY(2px) scale(1.2)
    }
    20% {
        transform: translateY(2px) scale(1)
    }
    30% {
        transform: translateY(2px) scale(1.2)
    }
    40% {
        transform: translateY(2px) scale(1)
    }
    to {
        transform: translateY(2px) scale(1)
    }
}

._multipliers-carousel_1ji1g_21 {
    position: fixed;
    top: var(--header-height);
    left: 50%;
    z-index: 2;
    width: 340px;
    padding: 16px 10px 16px 16px;
    background-color: var(--color-light-bg);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border-radius: 16px;
    transform: translate(-50%)
}

@media not (max-width:900px) {
    ._multipliers-carousel_1ji1g_21 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 348px;
        transform: unset;
        transform: translate(-50%, -50%)
    }
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._multipliers-carousel_1ji1g_21 {
        width: 643px;
        padding: 20px 26px;
        border-radius: 24px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._multipliers-carousel_1ji1g_21 {
        width: 643px;
        padding: 20px 26px;
        border-radius: 24px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._multipliers-carousel_1ji1g_21 {
        top: 140%;
        width: 100%
    }
}

._multipliers-carousel-heart-icon_1ji1g_63 {
    align-self: center;
    width: 18px;
    height: 19px;
    transform: translateY(2px);
    animation: _heartbeat_1ji1g_1 1.5s ease-in-out infinite
}

@media not (max-width:900px) {
    ._multipliers-carousel-heart-icon_1ji1g_63 {
        width: 28px;
        height: 29px
    }
}

._multipliers-carousel-section_1ji1g_76 {
    margin-inline-end: 0
}

._sidebar-settings_tis7b_1 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._sidebar-settings-item_tis7b_6 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-xs);
    color: var(--color-white-transparent-40)
}

._sidebar-settings-title_tis7b_12 {
    color: var(--color-purple-1);
    text-transform: capitalize
}

._sidebar-body_12wip_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    height: 100%
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._sidebar-content_12wip_9 {
        height: 828px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._sidebar-content_12wip_9 {
        height: 828px;
        transform-origin: right top;
        scale: 1.36;
        --drawer-transform-x: -12px
    }
}

._sidebar-controls_12wip_21 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start
}

._sidebar-button_td7nm_1 {
    position: relative;
    z-index: 201
}

._styles-modal-button-onboarding_zkjnd_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center
}

._styles-modal-button-onboarding-lighting_zkjnd_7 {
    position: absolute;
    top: 69px;
    right: 10px;
    z-index: 2
}

@media not (max-width:600px) {
    ._styles-modal-button-onboarding-lighting_zkjnd_7 {
        top: 0
    }
}

@media not (max-width:900px) {
    ._styles-modal-button-onboarding-lighting_zkjnd_7 {
        top: 10px;
        right: 26px
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._styles-modal-button-onboarding-lighting_zkjnd_7 {
        top: 0;
        right: 60px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._styles-modal-button-onboarding-lighting_zkjnd_7 {
        top: 0;
        right: 60px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._styles-modal-button-onboarding-lighting_zkjnd_7 {
        top: 96px;
        right: 16px
    }
}

._styles-modal-button-onboarding-button_zkjnd_42 {
    text-transform: uppercase
}

._styles-modal-button-onboarding-message_zkjnd_45 {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-sm);
    text-align: center
}

._styles-modal-button-inner_1e1x7_1 {
    background: url(data:image/webp;base64,UklGRkwMAABXRUJQVlA4WAoAAAAwAAAANAAAQwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIqgMAAA2wvP//IUnykN6fb0RmjW3P0bbNo62rcbKP9pw8V9u2bdu7rWe7KuP3/RwqIzszNiImgE7LTHQJG2GwrGqxxppVzcyfzEprFaUyUVNlvWJv8XCQy93MZFfcZ4E1QMVViZklFpvqVclSd86Z0MarpTIiw0XkP8v+Z7Ei9c5lwsfNWYIqmioVyP/Wgwybz+RJaOltmyk16mdlk7XL4gb+ZqJRHslaWTsDBVhm1pyJqByGhUAghgvwJKJsfk6pGeuyc8ZXDQ66vPQZ70rzpsel5o4VS58xa8fXciyRq79D9hi3rzibMUYufv/G6Yrxb/n1PC9SPXPi9XbFBOWzr2JR64W39EvNhM+4Wh4tZm4je0xYy6z61SJ4v9WzZuK+8BJGDj/W9OngwffIo+TD2aeDWmyTNxlRK29jOunLzx/FVzs6st9r893GUaabwVZv074HnfXJN41wptUV9ntihG1MV7W05npYLEeHd3+O4YvT5WPubul3aqt3Wpq6S2v85mGl6tJUb/6whZrqEGv85iE5vXiX1vqJ4S/t0qX1v2u59aQurfvDMD27R5dW/WOY5/68UYeW/88w+HOVDi09r21NOjw1/X9RNy1LqEtyyyp0uaF1g05Nt22FAS2aNZYFbRuBhWcJ3CYP02j/HcHIgMAgsADLGmKUatG/basWAsuABbhKQJaHiAywwOKPlnrpmUjJkUgpUKkMWICFCewwyGpbkWmHUQYmEkRKOFKWDAYiBaCfWlZlEBaSLUBkGJCVYYBIkWEQ+r1lg5KISCHsMDKRIMvIwgKZ2fFPy8Zz+5YshIMUoBLYAcowKIUsbM1tWev7xXpJAMgIDDLIyAJkgSNtzaN11U+n6CslZIFBxpJRCpCF5QT5rxbFXz2oaiwx3IABwkIG2Sad/Q9apv4eUIfdkwkjIyKHERiUOG3wUk+3LPmtKghlL2SUFTgVgExKVkYjq5C52DstS3zedyVVFoQiCrMtkSEMqFFmiRzoD1p7X08pqVwPepKSCiPZqbARpK0Cg6z4uE2/YKpSlV6pHFIJkUJgLCVkNGSS2f+ubeEciptwbVnIdUHRhCwsNVJSlMqUFW3/m25KOm0ESBa4Lo4kKJVtnFiSFjJCZmlcnCQoZcmRYcBEIcMBKFRPjzDIzCwuLiQZGYkysECJwEIRqiJihLTtLJlO26kUYNdpWUZIolYVIUYB2xqSxoDDKgobYQWqiCAY3eCUE8vGWBYikRIwITFmg50YxGwjnIwXVlA4IKwGAADQIgCdASo1AEQAPhkKhEGhBDWUBABhKAMjRwL0v6J5kVd/t/4U4AEjvXH/G+4D6H+kDbieYr9gP1y9qD/Ef4D3MfkB7gH7Edcl6BX6demz+xnwk/uF6NWaO/wDqZ/ih5u+NT1H7RZTt79+Uf8t5h9qn/Ffk/kLH5kaw3+Yf4X8vfWA5AD+Ufyv/P/2X9pf6N8jf9l9rvuV+fv9t+XX0B/x3+af3T+yft1/hv/z/7ftu9gH67ewf+lrEdZtgY4jxlNVOKDEM/DIHWL2BbE+B+DYYmIOtFqe5p+cvKToWOYAFSEG0fduHZpAN/FFx2Z34mJfdUXpD5g/gow9nLHGlk5CWPj0uBf7mS1xMWBHrXGiDc5Eccq+Vhb5vEw0ZisYAAD+/9Chf//xc88zVmip8tHwmGyZk67PjkpZlUFPYDjgd9Bn/Un/Yftdi0///S9M9bCoV+w6hp37QjnkC64i8WmD4Azx8wQLmbbIOAbQGtTsPKMszwzV3AOB3j7bNgz/YK9v+uo9uif/wzStJsXBnXgNW415ujJsyZgkUsYD3sn38SoeP3xN44VHkdemt3HlUUeszQUtUAU7a6+9U2EbhwQcQfBVGlVFKf4XwiFeq0KEVPwUHixDX3TFjA5DMblWd7Dt9WeilK3gbOfjTT61zuajsytVWrnLTgmvlqSJ92xwdWWtKfstdPpXSEnwX8j90qC1e37l0xGa+kyeYNEIGcB2Y1Z6lMyOlXGQaFohaUBLoU9n17cRdr6noR59JsPTenZI9vE5neNNg7+NcmuylsJb8ZANGvycu1/0rz15SEdE/pCmPr8j/+pPyELV/s72D2rajsEtfyCqk/EBiisnvVGajUz5JzosxUqib8yYiJn7XRMFhRvw74xa2CFG4Tl/5nBKEbfxTs98+JV9Q8e9mrIP+hcg1unf0X0lLwlZ2OchgiDkaaxbbgr/sc73v7KJ0LZkPTgZL7A2pnXxCL3qJtvdyqPkj73ScXsJTKVUYl5WB1C3OtYQLfY5cKy3O40LYB3iJ6zJfLoZ2v4tU5CS1jgXPNrvbDapn6bqi8Hgh9IVgnsztf/4sv3FqO+WvHkqItrsv/1GZGev8iqtedV15TG7eWiFynDBO7P637203RGZgXyoppV9ohfDSdQFdOjXpyfD/euJkGzyd00LGDOfgPI3+UsOsXPZi4YNyKDlpyl9PfTIhBO6Ysr8Ve3wvXPcb25mT/9GEEX5V7XePo+kAeAlvncXVOgbfg5e7oKUGtp8xpO3yuWXhX0CsrDVJv19ztjj23Kn30CRmw5JhFbxolaV/uosrOzt8GCDvyDty+kPg7fswtxbTr4BNCa9GaiKAjPhY4s4o5+qdDZd1y56sAy6YTKQO+mWuPMAEW3Jpl76CMY0uJvqbSpVEPXeUjldvLucOyQ2WESnpJZiDomXQ4er1CbnRoXzGgCoRrc5EP85say/WQJpB4jTfnIGKkrGqD4hg5DU16KtjaGmZBCmYkoxzPUALflpjbgIHauYgSywStkozEhllOpzyxOzd0ShNytzdIxyFqm6OllEFQ8Zxt1k/iNttXTKnuZvy5dLurzFqCkHEFo8YXW1NUdReoue6IEhPlfxaHFq94nAanzlreLu03is4szJus3hUfCFzsVOza6NQDvkSn8GcTOQlhbmI0uiBPreLEGUxVDlpACN8me84wMTs05xNJfi0Y+NqpGzR7x/D61a83xjSV7qotpV1P9b3O5b/zRxhcZbNjANlmfv+KrZSJv+gPcVdnvxD3aUNScu8o/zXpSVB34CWRRXt5INmj5oonru2fDrWRl5HxXTM33PZgyGUpf0D/dwcw0c3xPQ5rbvl2fh/4DJh+s9hxlyeMuH3hem3AfOk09mWdiIToWEpzem+jGjKqsPSTBM/BJJhLm80NHqjcqTfjHyHB9MyNMv9Jl1TmP+bN+xbysDa1OGYeKS4EC4bPApvezT0UYTq1Nc5lDHv7rB+ppCEmfNd2xu20Ul4vpB0iZreJ8W5BaGmckceji/dhi8t066pbTn1Qeb8RD13S1/Qz0LiTAt/GOPFL9OOP8h9wiFpeD/MePrzyfYaQfhb6Oy6SJ3lHEA/jA80q6XYJiAwuSNFHplI/c+MziCD+oadpgd3fl7on9v7e+FQJKzw6+3PSqBWEwr9oEFAzlJNWGqxz/mrGQ81weVlkbhAWGuVVUtg3gZOlNcdiIvf1eL04jc4I0HVDYoolFnAe+m+i/bUlDpyP6CVK+V9qNrPCMzIhE6B9DN94azcf//105AAAAA) no-repeat;
    background-position: center -3px;
    background-size: 42px 57px
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._styles-modal-button-inner_1e1x7_1 {
        background-size: 52px 68px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._styles-modal-button-inner_1e1x7_1 {
        background-size: 52px 68px
    }
}

[data-lng=vi] ._styles-modal-button-label_1e1x7_16 {
    font-size: 10px
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    [data-lng=vi] ._styles-modal-button-label_1e1x7_16 {
        font-size: 12px
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    [data-lng=vi] ._styles-modal-button-label_1e1x7_16 {
        font-size: 12px
    }
}

._styles-modal-image_1fdg9_1 {
    position: relative;
    width: 92px;
    height: 94px
}

._styles-modal-image-placeholder_1fdg9_6 {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: opacity var(--duration-100) var(--easing-standard);
    transform: translate(-50%, -50%)
}

._styles-modal-image_1fdg9_1[data-loading] ._styles-modal-image-placeholder_1fdg9_6 {
    opacity: 1
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-image_1fdg9_1 {
        width: 164px;
        height: 167px
    }
}

._styles-modal-item_1xkbc_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-purple-transparent-15);
    border-radius: 12px
}

._styles-modal-item_1xkbc_1:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--gradient-grad-3-hover);
    border-radius: inherit;
    opacity: 0;
    transition: opacity .1s var(--easing-standard)
}

._styles-modal-item-icon_1xkbc_18 {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 0 4px var(--color-green-4))
}

._styles-modal-item-button_1xkbc_23 {
    box-shadow: none
}

._styles-modal-item_1xkbc_1[data-selected]:before {
    opacity: 1
}

._styles-modal-list_1fmv1_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    max-height: 100vh;
    overflow-y: auto
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-list_1fmv1_1 {
        gap: 16px
    }
}

[data-desktop] ._styles-modal-list_1fmv1_1[data-has-scroll] {
    padding-inline-end: 8px
}

._styles-modal-body_1ixsg_1 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 9px;
    color: var(--color-white-1)
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-body_1ixsg_1 {
        margin-top: 16px
    }
}

._styles-modal-header_1ixsg_13 {
    margin-left: 6px
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-header_1ixsg_13 {
        margin-left: 0
    }
}

._styles-modal-content_1ixsg_21 {
    padding: 18px
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-content_1ixsg_21 {
        max-width: 736px;
        max-height: 777px;
        padding: 24px
    }
}

._styles-modal-description_1ixsg_31 {
    margin-left: 6px;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-2xs)
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._styles-modal-description_1ixsg_31 {
        margin-left: 0
    }
}

[data-desktop] ._styles-modal-root_1ixsg_42:has(._styles-modal-list_1ixsg_42[data-has-scroll]) ._styles-modal-content_1ixsg_21 {
    max-width: 340px
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    [data-desktop] ._styles-modal-root_1ixsg_42:has(._styles-modal-list_1ixsg_42[data-has-scroll]) ._styles-modal-content_1ixsg_21 {
        max-width: 748px
    }
}

._win-modal-content_1vkjq_1 {
    animation: _vibe_1vkjq_1 var(--vibe-animation-duration) ease-in-out forwards
}

._win-modal-body_1vkjq_4 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden
}

._win-modal-bg-left_1vkjq_12 {
    position: absolute;
    top: 0;
    left: -5%;
    z-index: 0;
    height: 106px
}

._win-modal-bg-right_1vkjq_19 {
    position: absolute;
    top: -3%;
    right: -3%;
    z-index: 0;
    height: 130px
}

._win-modal-main-content_1vkjq_26 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
    justify-content: center
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._win-modal-main-content_1vkjq_26 {
        gap: 22px
    }
}

._win-modal-title_1vkjq_38 {
    color: transparent;
    background: var(--gradient-grad-3-hover);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 36px;
    font-weight: var(--font-weight-extra-bold);
    line-height: 44px;
    text-shadow: 2px 2px 10px var(--color-yellow-shadow-2);
    text-transform: uppercase
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._win-modal-title_1vkjq_38 {
        font-size: var(--font-size-2xl);
        line-height: var(--line-height-2xl)
    }
}

._win-modal-multiplier_1vkjq_54 {
    color: transparent;
    background: var(--gradient-grad-3-hover);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-lg);
    text-align: center;
    text-shadow: 2px 2px 10px var(--color-yellow-shadow-2)
}

._win-modal-amounts_1vkjq_64 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._win-modal-amount_1vkjq_64 {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-sm);
    color: var(--color-green-3)
}

@keyframes _vibe_1vkjq_1 {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        transform: scale(1) rotate(0)
    }
}

._game-page_1yusx_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    margin: auto
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._game-page_1yusx_1 {
        max-height: 1024px;
        scale: var(--page-scale)
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._game-page_1yusx_1 {
        max-width: 720px;
        max-height: 1280px
    }
}

._game-page-wrapper_1yusx_21 {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end
}

._game-page-bottom-bar_1yusx_28 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 16px;
    background: var(--gradient-grad-modal);
    border-radius: 15px 15px 0 0
}

@media not (max-width:1000px) {
    ._game-page-bottom-bar_1yusx_28 {
        flex-direction: row;
        gap: 17px;
        align-items: center;
        border-radius: 30px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._game-page-bottom-bar_1yusx_28 {
        flex-direction: column;
        align-items: unset
    }
}

@media not (max-width:1000px) {
    ._game-page-bottom-bar-wrapper_1yusx_52 {
        padding: 0 26px 10px
    }
}

@media(not (max-width:1500px))and (not (max-height:800px)) {
    ._game-page-bottom-bar-wrapper_1yusx_52 {
        padding: 0 60px 44px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._game-page-bottom-bar-wrapper_1yusx_52 {
        max-width: calc(720px / var(--bottom-bar-scale));
        padding: 0;
        zoom: var(--bottom-bar-scale);
        transform-origin: left bottom
    }
}

._highrollers-modal-table_1dmax_1 {
    position: relative;
    width: 100%
}

._highrollers-modal-table-wrapper_1dmax_5 {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 16px;
    max-height: 100%;
    overflow: hidden
}

._highrollers-modal-table-inner_1dmax_13 {
    flex-grow: 1;
    max-height: 100%;
    overflow-y: auto;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px
}

._highrollers-modal-table_1dmax_1 thead {
    position: sticky;
    top: 0;
    z-index: 10
}

._highrollers-modal-table_1dmax_1 td {
    text-wrap: nowrap
}

._highrollers-modal-table_1dmax_1 col:nth-child(1) {
    width: 40%
}

._highrollers-modal-table_1dmax_1 col:nth-child(2) {
    width: 30%
}

._highrollers-modal-table_1dmax_1 col:nth-child(3) {
    width: 25%
}

._highrollers-modal-table-place_1dmax_37 {
    display: inline-block;
    width: 24px;
    height: auto;
    aspect-ratio: 1/1;
    text-align: center;
    background: var(--gradient-glass);
    border-radius: 12px
}

._highrollers-modal-table-place-number_1dmax_46 {
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--line-height-md)
}

._highrollers-modal-table-name_1dmax_54 {
    margin-inline-start: 4px;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-medium)
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-table-name_1dmax_54 {
        margin-inline-start: 8px;
        font-size: var(--font-size-xs)
    }
}

html[data-lng=tr] ._highrollers-table_1dmax_66 th:last-child {
    white-space: nowrap
}

._highrollers-modal-top_l7eux_1 {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    gap: 4px;
    height: 116px;
    margin-top: 18px
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top_l7eux_1 {
        gap: 8px;
        height: 155px;
        margin-top: 24px
    }
}

._highrollers-modal-top-player_l7eux_17 {
    --wave-duration: 1.25s;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 16px;
    margin-top: auto;
    background: var(--gradient-glass);
    border-radius: 10px
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player_l7eux_17 {
        gap: 8px
    }
}

._highrollers-modal-top-player_l7eux_17:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: auto;
    aspect-ratio: 224/134;
    content: "";
    background: url("data:image/svg+xml,%3csvg%20width='224'%20height='134'%20viewBox='0%200%20224%20134'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1583_42427)'%3e%3cpath%20d='M212%200H12C5.37258%200%200%205.37258%200%2012V122C0%20128.627%205.37258%20134%2012%20134H212C218.627%20134%20224%20128.627%20224%20122V12C224%205.37258%20218.627%200%20212%200Z'%20fill='url(%23paint0_radial_1583_42427)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_1583_42427'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(112.64%203.97458)%20rotate(90)%20scale(51.1017%2085.4237)'%3e%3cstop%20stop-color='%23D43ED8'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23BB38BE'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_1583_42427'%3e%3crect%20width='224'%20height='134'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;
    background-size: cover;
    translate: -50% 0;
    animation: _shadow-wave_l7eux_1 var(--wave-duration) ease-in-out 0s infinite alternate forwards
}

._highrollers-modal-top-player-name_l7eux_50 {
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-white-1);
    text-align: center
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player-name_l7eux_50 {
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-medium)
    }
}

._highrollers-modal-top-player-cup_l7eux_62 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 75%;
    translate: -50% -50%;
    animation: _wave_l7eux_1 var(--wave-duration) ease-in-out 0s infinite alternate forwards
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player-cup_l7eux_62 {
        width: unset
    }
}

._highrollers-modal-top-player-body_l7eux_75 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center
}

._highrollers-modal-top-player-coin_l7eux_81 {
    width: 12px;
    height: 12px;
    filter: drop-shadow(0 3.79px 6.32px var(--color-orange-1))
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player-coin_l7eux_81 {
        width: 20px;
        height: 20px;
        filter: drop-shadow(0 3.13px 2.6px var(--color-orange-1))
    }
}

._highrollers-modal-top-player-profit_l7eux_93 {
    direction: ltr;
    color: transparent;
    background: var(--gradient-grad-3);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-extra-bold)
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player-profit_l7eux_93 {
        font-size: var(--font-size-sm)
    }
}

._highrollers-modal-top-player-multiplier_l7eux_106 {
    font-size: var(--font-size-2xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-white-1)
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-top-player-multiplier_l7eux_106 {
        font-size: var(--font-size-xs)
    }
}

._highrollers-modal-top-player_l7eux_17[data-place="1"] {
    grid-column: 2/3;
    height: 100%
}

._highrollers-modal-top-player_l7eux_17[data-place="2"] {
    grid-column: 1/2;
    height: 87%
}

._highrollers-modal-top-player_l7eux_17[data-place="2"]:before {
    animation-direction: alternate-reverse
}

._highrollers-modal-top-player_l7eux_17[data-place="3"] {
    grid-column: 3/4;
    height: 77%
}

._highrollers-modal-top-player_l7eux_17[data-place="3"]:before {
    animation-direction: alternate-reverse
}

._highrollers-modal-top-player_l7eux_17[data-place="3"] ._highrollers-modal-top-player-cup_l7eux_62 {
    top: -9%
}

@keyframes _wave_l7eux_1 {
    0% {
        translate: -50% -65%
    }
    to {
        translate: -50% -50%
    }
}

@keyframes _shadow-wave_l7eux_1 {
    0% {
        width: 60%;
        opacity: .5
    }
    to {
        width: 100%;
        opacity: .8
    }
}

._highrollers-modal-body_184oi_1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 20px;
    margin-top: -20px;
    color: var(--color-white-transparent-90);
    text-align: center
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-body_184oi_1 {
        gap: 16px;
        padding-top: 30px;
        margin-top: -30px
    }
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._highrollers-modal-title_184oi_18 {
        margin-top: -20px
    }
}

._highrollers-modal-win_184oi_22 {
    direction: ltr
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._highrollers-modal-content_184oi_26 {
        max-width: 736px;
        max-height: 666px
    }
}

._how-to-play-modal-navbar-carousel_6hmlv_1 {
    width: 100%;
    -webkit-mask: none;
    mask: none
}

._how-to-play-modal-navbar-carousel-slide_6hmlv_5 {
    padding-inline-start: 8px
}

._how-to-play-modal-section_1pkxs_1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    color: var(--color-white-1);
    background: var(--color-table-line-bg);
    border-radius: 12px
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._how-to-play-modal-section_1pkxs_1 {
        gap: 16px;
        padding: 24px
    }
}

._how-to-play-modal-section_1pkxs_1 h2 {
    padding-top: 16px;
    margin-top: -16px;
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-extra-bold);
    line-height: 100%
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._how-to-play-modal-section_1pkxs_1 h2 {
        padding-top: 24px;
        margin-top: -24px;
        font-size: var(--font-size-lg);
        line-height: var(--line-height-lg);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-extra-bold);
        line-height: 100%
    }
}

._how-to-play-modal-section_1pkxs_1 p {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-medium);
    line-height: 150%
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._how-to-play-modal-section_1pkxs_1 p {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-medium);
        line-height: 150%
    }
}

._how-to-play-modal-section_1pkxs_1 strong {
    font-weight: var(--font-weight-extra-bold)
}

._how-to-play-modal-section_1pkxs_1 img {
    width: -moz-min-content;
    width: min-content;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

._how-to-play-modal-header_1hsls_1 {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    align-items: center;
    overflow: hidden
}

._how-to-play-modal-body_1hsls_9 {
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth
}

._how-to-play-modal-root_1hsls_14[data-size=lg] ._how-to-play-modal-content_1hsls_14 {
    padding-inline: 24px;
    padding-bottom: 24px
}

._how-to-play-modal-root_1hsls_14[data-size=lg] ._how-to-play-modal-header_1hsls_1 {
    gap: 40px
}

._how-to-play-modal-root_1hsls_14[data-size=lg] ._how-to-play-modal-body_1hsls_9 {
    gap: 16px;
    margin-top: 16px
}

._how-to-play-modal-root_1hsls_14[data-size=sm] ._how-to-play-modal-content_1hsls_14 {
    padding-inline: 8px;
    padding-bottom: 8px
}

._how-to-play-modal-root_1hsls_14[data-size=sm] ._how-to-play-modal-header_1hsls_1 {
    gap: 24px
}

._how-to-play-modal-root_1hsls_14[data-size=sm] ._how-to-play-modal-body_1hsls_9 {
    gap: 8px;
    margin-top: 8px
}

._loader-overlay_1xvpt_1 {
    background: url(/assets/mobile-background-jaVDvlIf.webp) no-repeat center/cover;
    background-color: var(--color-black-2)
}

@media not (max-width:450px) {
    ._loader-overlay_1xvpt_1 {
        background: url(/assets/background-Mw72uHXM.webp) no-repeat center/cover
    }
}

._loader-logo-wrapper_1xvpt_10 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 138px;
    transform: translate(-50%, -50%)
}

._loader-logo-wrapper_1xvpt_10 svg {
    width: 100%;
    height: 100%
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._loader-logo-wrapper_1xvpt_10 {
        width: 288px;
        height: 198px
    }
}

._loader-progress-backlight_1xvpt_28 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

._loader-progress-logo_1xvpt_34 {
    position: relative;
    z-index: 4;
    height: 160px;
    pointer-events: none
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._loader-progress-logo_1xvpt_34 {
        height: 300px
    }
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._loader-progress-logo_1xvpt_34 {
        height: 434px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px))and (orientation:portrait) {
    ._loader-progress-logo_1xvpt_34 {
        height: 389px
    }
}

._loader-progress-wrapper_1xvpt_55 {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
    width: 921px;
    padding: 252px 0 114px;
    transform: translate(-50%)
}

@media(min-height:630px) {
    ._loader-progress-wrapper_1xvpt_55 {
        top: 50%;
        bottom: unset;
        gap: unset;
        height: 692px;
        transform: translate(-50%, -50%)
    }
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._loader-progress-wrapper_1xvpt_55 {
        padding: 382px 0 285px
    }
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._loader-progress-wrapper_1xvpt_55 {
        width: 1647px;
        height: 1238px;
        padding: 431px 0 285px
    }
}

._loader-play-wrapper_1xvpt_89 {
    position: relative;
    width: 100%;
    max-width: 224px;
    height: 40px
}

@media(not (max-width:600px))and (not (max-height:800px)) {
    ._loader-play-wrapper_1xvpt_89 {
        max-width: 416px
    }
}

._loader-progress_1xvpt_28,
._loader-play_1xvpt_89 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}

._loader-age-limit-icon_1xvpt_107 {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 64px;
    height: 60px
}

@media(not (max-width:900px))and (not (max-height:800px)) {
    ._loader-age-limit-icon_1xvpt_107 {
        top: 30px;
        right: 30px
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._loader-container_1xvpt_122 {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1647px;
        height: 1238px;
        transform: translate(-50%, -50%);
        transform-origin: left top;
        scale: var(--scale)
    }
}

._my-bets-modal-table-wrapper_1xfsr_1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 100%;
    overflow: hidden
}

._my-bets-modal-table-inner_1xfsr_8 {
    flex-grow: 1;
    max-height: 100%;
    overflow-y: auto;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px
}

._my-bets-modal-table-date_1xfsr_15 {
    font-weight: var(--font-weight-extra-bold)
}

._my-bets-modal-table-profit_1xfsr_18 {
    color: var(--color-green-1)
}

._my-bets-modal-body_8axwp_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    max-height: 100%;
    overflow: hidden;
    color: var(--color-white-transparent-90);
    text-align: center;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-bold)
}

@media(not (max-width:1200px))and (not (max-height:800px)) {
    ._my-bets-modal-body_8axwp_1 {
        min-height: 120px;
        font-size: var(--font-size-md);
        line-height: var(--line-height-md);
        font-weight: var(--font-weight-regular);
        font-weight: var(--font-weight-bold)
    }
}

@media(((min-width:1920px)and (min-height:1080px))or ((min-height:1920px)and (min-width:1080px)))and (not (max-height:800px)) {
    ._my-bets-modal-content_8axwp_25 {
        max-width: 736px;
        max-height: 666px
    }
}

._onboarding-modal-game-page-overlay_7g1qv_1 {
    top: -100%;
    left: -100%;
    width: 200dvw;
    height: 200dvh;
    background: #30093fe5;
    transform-origin: left top;
    scale: calc(1 / var(--page-scale))
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: .2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: var(--toastify-toast-top);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--top-center {
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    top: var(--toastify-toast-top);
    right: var(--toastify-toast-right)
}

.Toastify__toast-container--bottom-left {
    bottom: var(--toastify-toast-bottom);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right)
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: env(safe-area-inset-left);
        margin: 0
    }
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translate(0)
    }
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translate(0)
    }
    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: initial
    }
}

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0;
    overflow: hidden
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    word-break: break-word;
    flex: 1
}

.Toastify__toast-icon {
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .5s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
    border-bottom-left-radius: initial;
    border-bottom-right-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }
    30% {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.Toastify {
    z-index: 9999
}

.Toastify__toast-container {
    top: 0;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 8px;
    pointer-events: none;
    translate: -50%
}

@media not (max-width:600px) {
    .Toastify__toast-container {
        align-items: flex-end;
        padding: 16px
    }
}

.Toastify__toast {
    position: relative;
    width: 100%;
    min-width: 192px;
    max-width: min(100%, 688px);
    min-height: 76px;
    padding: 16px;
    margin-bottom: 8px;
    font-family: inherit;
    pointer-events: all;
    border-radius: 10px
}

@media(not (max-width:600px))and (not (max-height:900px)) {
    .Toastify__toast {
        margin-bottom: 16px
    }
}

@media not (max-width:600px) {
    .Toastify__toast {
        width: auto
    }
}

.Toastify__toast:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: #fff
}

.Toastify__toast-body {
    gap: 10px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 24px
}

@media(not (max-width:600px))and (not (max-height:900px)) {
    .Toastify__toast-body {
        font-size: 16px;
        line-height: 24px
    }
}

.Toastify__toast-icon {
    width: 32px;
    height: 32px;
    margin: 0
}

.Toastify__close-button {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    opacity: 1
}

.Toastify__close-button svg {
    width: 14px
}

.Toastify__progress-bar {
    height: 4px;
    transform-origin: right
}

.Toastify__toast-theme--colored.Toastify__toast--info,
.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #3a4357
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
    background: #2fff00
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: #ba3939
}