@layer tailwind {
    /*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/
    *,:after,:before {
        box-sizing: border-box;
        border: 0 solid #e5e7eb
    }

    :after,:before {
        --tw-content: ""
    }

    :host,html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0;
        line-height: inherit
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([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,pre,samp {
        font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    button,input,optgroup,select,textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    button,select {
        text-transform: none
    }

    [type=button],[type=reset],[type=submit],button {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
        margin: 0
    }

    fieldset {
        margin: 0
    }

    fieldset,legend {
        padding: 0
    }

    menu,ol,ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    dialog {
        padding: 0
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,textarea::-moz-placeholder {
        opacity:1;
        color: #9ca3af
    }

    input::placeholder,textarea::placeholder {
        opacity:1;
        color: #9ca3af
    }

    [role=button],button {
        cursor: pointer
    }

    :disabled {
        cursor: default
    }

    audio,canvas,embed,iframe,img,object,svg,video {
        display: block;
        vertical-align: middle
    }

    img,video {
        max-width: 100%;
        height: auto
    }

    [hidden] {
        display: none
    }

    :root,[data-theme] {
        background-color: var(--fallback-b1,oklch(var(--b1)/1));
        color: var(--fallback-bc,oklch(var(--bc)/1))
    }

    @supports not (color: oklch(0 0 0)) {
        :root {
            color-scheme:light;
            --fallback-p: #491eff;
            --fallback-pc: #d4dbff;
            --fallback-s: #ff41c7;
            --fallback-sc: #fff9fc;
            --fallback-a: #00cfbd;
            --fallback-ac: #00100d;
            --fallback-n: #2b3440;
            --fallback-nc: #d7dde4;
            --fallback-b1: #fff;
            --fallback-b2: #e5e6e6;
            --fallback-b3: #e5e6e6;
            --fallback-bc: #1f2937;
            --fallback-in: #00b3f0;
            --fallback-inc: #000;
            --fallback-su: #00ca92;
            --fallback-suc: #000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000
        }

        @media (prefers-color-scheme: dark) {
            :root {
                color-scheme:dark;
                --fallback-p: #7582ff;
                --fallback-pc: #050617;
                --fallback-s: #ff71cf;
                --fallback-sc: #190211;
                --fallback-a: #00c7b5;
                --fallback-ac: #000e0c;
                --fallback-n: #2a323c;
                --fallback-nc: #a6adbb;
                --fallback-b1: #1d232a;
                --fallback-b2: #191e24;
                --fallback-b3: #15191e;
                --fallback-bc: #a6adbb;
                --fallback-in: #00b3f0;
                --fallback-inc: #000;
                --fallback-su: #00ca92;
                --fallback-suc: #000;
                --fallback-wa: #ffc22d;
                --fallback-wac: #000;
                --fallback-er: #ff6f70;
                --fallback-erc: #000
            }
        }
    }

    html {
        -webkit-tap-highlight-color: transparent
    }

    :root {
        color-scheme: light;
        --in: 0.7206 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 0.8471 0.199 83.87;
        --er: 0.7176 0.221 22.18;
        --pc: 0.89824 0.06192 275.75;
        --ac: 0.15352 0.0368 183.61;
        --inc: 0 0 0;
        --suc: 0 0 0;
        --wac: 0 0 0;
        --erc: 0 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 0.4912 0.3096 275.75;
        --s: 0.6971 0.329 342.55;
        --sc: 0.9871 0.0106 342.55;
        --a: 0.7676 0.184 183.61;
        --n: 0.321785 0.02476 255.701624;
        --nc: 0.894994 0.011585 252.096176;
        --b1: 1 0 0;
        --b2: 0.961151 0 0;
        --b3: 0.924169 0.00108 197.137559;
        --bc: 0.278078 0.029596 256.847952
    }

    @media (prefers-color-scheme: dark) {
        :root {
            color-scheme:dark;
            --in: 0.7206 0.191 231.6;
            --su: 64.8% 0.150 160;
            --wa: 0.8471 0.199 83.87;
            --er: 0.7176 0.221 22.18;
            --pc: 0.13138 0.0392 275.75;
            --sc: 0.1496 0.052 342.55;
            --ac: 0.14902 0.0334 183.61;
            --inc: 0 0 0;
            --suc: 0 0 0;
            --wac: 0 0 0;
            --erc: 0 0 0;
            --rounded-box: 1rem;
            --rounded-btn: 0.5rem;
            --rounded-badge: 1.9rem;
            --animation-btn: 0.25s;
            --animation-input: .2s;
            --btn-focus-scale: 0.95;
            --border-btn: 1px;
            --tab-border: 1px;
            --tab-radius: 0.5rem;
            --p: 0.6569 0.196 275.75;
            --s: 0.748 0.26 342.55;
            --a: 0.7451 0.167 183.61;
            --n: 0.313815 0.021108 254.139175;
            --nc: 0.746477 0.0216 264.435964;
            --b1: 0.253267 0.015896 252.417568;
            --b2: 0.232607 0.013807 253.100675;
            --b3: 0.211484 0.01165 254.087939;
            --bc: 0.746477 0.0216 264.435964
        }
    }

    [data-theme=light] {
        color-scheme: light;
        --in: 0.7206 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 0.8471 0.199 83.87;
        --er: 0.7176 0.221 22.18;
        --pc: 0.89824 0.06192 275.75;
        --ac: 0.15352 0.0368 183.61;
        --inc: 0 0 0;
        --suc: 0 0 0;
        --wac: 0 0 0;
        --erc: 0 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 0.4912 0.3096 275.75;
        --s: 0.6971 0.329 342.55;
        --sc: 0.9871 0.0106 342.55;
        --a: 0.7676 0.184 183.61;
        --n: 0.321785 0.02476 255.701624;
        --nc: 0.894994 0.011585 252.096176;
        --b1: 1 0 0;
        --b2: 0.961151 0 0;
        --b3: 0.924169 0.00108 197.137559;
        --bc: 0.278078 0.029596 256.847952
    }

    [data-theme=dark] {
        color-scheme: dark;
        --in: 0.7206 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 0.8471 0.199 83.87;
        --er: 0.7176 0.221 22.18;
        --pc: 0.13138 0.0392 275.75;
        --sc: 0.1496 0.052 342.55;
        --ac: 0.14902 0.0334 183.61;
        --inc: 0 0 0;
        --suc: 0 0 0;
        --wac: 0 0 0;
        --erc: 0 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 0.6569 0.196 275.75;
        --s: 0.748 0.26 342.55;
        --a: 0.7451 0.167 183.61;
        --n: 0.313815 0.021108 254.139175;
        --nc: 0.746477 0.0216 264.435964;
        --b1: 0.253267 0.015896 252.417568;
        --b2: 0.232607 0.013807 253.100675;
        --b3: 0.211484 0.01165 254.087939;
        --bc: 0.746477 0.0216 264.435964
    }

    :root {
        --background: 0 0% 100%;
        --foreground: 240 10% 3.9%;
        --card: 0 0% 100%;
        --card-foreground: 240 10% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 240 10% 3.9%;
        --primary: 240 5.9% 10%;
        --primary-foreground: 0 0% 98%;
        --secondary: 240 4.8% 95.9%;
        --secondary-foreground: 240 5.9% 10%;
        --muted: 240 4.8% 95.9%;
        --muted-foreground: 240 3.8% 46.1%;
        --accent: 240 4.8% 95.9%;
        --accent-foreground: 240 5.9% 10%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --border: 240 5.9% 90%;
        --input: 240 5.9% 90%;
        --ring: 240 5.9% 10%;
        --radius: 0.5rem
    }

    * {
        border-color: hsl(var(--foreground)/.2)
    }

    *,:after,:before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59,130,246,.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59,130,246,.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }

}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.alert {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    align-content: flex-start;
    align-items: center;
    justify-items: center;
    gap: 1rem;
    text-align: center;
    border-radius: var(--rounded-box,1rem);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));
    --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    background-color: var(--alert-bg)
}

@media (min-width: 640px) {
    .alert {
        grid-auto-flow:column;
        grid-template-columns: auto minmax(auto,1fr);
        justify-items: start;
        text-align: start
    }
}

.avatar.placeholder>div {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (hover: hover) {
    .label a:hover {
        --tw-text-opacity:1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
    }

    .menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
    }

    .table tr.hover:hover,.table tr.hover:nth-child(2n):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
    }

    .\!table tr.hover:hover,.\!table tr.hover:nth-child(2n):hover {
        --tw-bg-opacity: 1!important;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))!important
    }
}

.btn {
    display: inline-flex;
    height: 3rem;
    min-height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded-btn,.5rem);
    border-color: transparent;
    border-color: oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    border-width: var(--border-btn,1px);
    animation: button-pop var(--animation-btn,.25s) ease-out;
    transition-property: color,background-color,border-color,opacity,box-shadow,transform;
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: var(--fallback-bc,oklch(var(--bc)/1));
    background-color: oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1
}

.btn-disabled,.btn:disabled,.btn[disabled] {
    pointer-events: none
}

:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])) {
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after {
    --tw-content: attr(aria-label);
    content: var(--tw-content)
}

.checkbox {
    flex-shrink: 0;
    --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
    --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-border-opacity: 0.2
}

.divider {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 1rem;
    white-space: nowrap
}

.divider:after,.divider:before {
    height: .125rem;
    width: 100%;
    flex-grow: 1;
    --tw-content: "";
    content: var(--tw-content);
    background-color: var(--fallback-bc,oklch(var(--bc)/.1))
}

.drawer {
    position: relative;
    grid-auto-columns: max-content auto
}

.drawer,.drawer-side {
    display: grid;
    width: 100%
}

.drawer-side {
    pointer-events: none;
    position: fixed;
    inset-inline-start: 0;
    top: 0;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: repeat(1,minmax(0,1fr));
    align-items: flex-start;
    justify-items: start;
    overflow-x: hidden;
    overflow-y: hidden;
    overscroll-behavior: contain;
    height: 100vh;
    height: 100dvh
}

.drawer-side>.drawer-overlay {
    position: sticky;
    top: 0;
    place-self: stretch;
    cursor: pointer;
    background-color: transparent;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s
}

.drawer-side>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.drawer-side>:not(.drawer-overlay) {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .3s;
    will-change: transform;
    transform: translateX(-100%)
}

[dir=rtl] .drawer-side>:not(.drawer-overlay) {
    transform: translateX(100%)
}

.drawer-toggle {
    position: fixed;
    height: 0;
    width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0
}

.drawer-toggle:checked~.drawer-side {
    pointer-events: auto;
    visibility: visible;
    overflow-y: auto
}

.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
    transform: translateX(0)
}

.drawer-end .drawer-toggle~.drawer-content {
    grid-column-start: 1
}

.drawer-end .drawer-toggle~.drawer-side {
    grid-column-start: 2;
    justify-items: end
}

.drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay) {
    transform: translateX(100%)
}

[dir=rtl] .drawer-end .drawer-toggle~.drawer-side>:not(.drawer-overlay) {
    transform: translateX(-100%)
}

.drawer-end .drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
    transform: translateX(0)
}

@media (hover: hover) {
    .btm-nav>.disabled:hover,.btm-nav>[disabled]:hover {
        pointer-events:none;
        --tw-border-opacity: 0;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-bg-opacity: 0.1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2
    }

    .btn:hover {
        --tw-border-opacity: 1;
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
    }

    @supports (color: color-mix(in oklab,black,black)) {
        .btn:hover {
            background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity,1)) 90%,#000);
            border-color: color-mix(in oklab,oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity,1)) 90%,#000)
        }
    }

    @supports not (color: oklch(0 0 0)) {
        .btn:hover {
            background-color:var(--btn-color,var(--fallback-b2));
            border-color: var(--btn-color,var(--fallback-b2))
        }
    }

    .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%
    }

    .btn-ghost:hover {
        border-color: transparent
    }

    @supports (color: oklch(0 0 0)) {
        .btn-ghost:hover {
            background-color:var(--fallback-bc,oklch(var(--bc)/.2))
        }
    }

    .btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover {
        --tw-border-opacity: 0;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-bg-opacity: 0.2;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2
    }

    @supports (color: color-mix(in oklab,black,black)) {
        .btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover {
            background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);
            border-color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000)
        }
    }

    :where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {
        cursor: pointer;
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    @supports (color: oklch(0 0 0)) {
        :where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover {
            background-color:var(--fallback-bc,oklch(var(--bc)/.1))
        }
    }
}

.footer {
    width: 100%;
    grid-auto-flow: row;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.footer,.footer>* {
    display: grid;
    place-items: start
}

.footer>* {
    gap: .5rem
}

@media (min-width: 48rem) {
    .footer {
        grid-auto-flow:column
    }

    .footer-center {
        grid-auto-flow: row dense
    }
}

.label {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem
}

.hero {
    display: grid;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: 50%
}

.hero-overlay,.hero>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.hero-overlay {
    height: 100%;
    width: 100%;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.5
}

.hero-content {
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80rem;
    gap: 1rem;
    padding: 1rem
}

.input {
    flex-shrink: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 2;
    line-height: 1.5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.input-md[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-inner-spin-button {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-inline-end:-1rem}

.join {
    display: inline-flex;
    align-items: stretch;
    border-radius: var(--rounded-btn,.5rem)
}

.join :where(.join-item) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item) {
    border-end-start-radius: inherit;
    border-start-start-radius: inherit
}

.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item) {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

@supports not selector(:has(*)) {
    :where(.join *) {
        border-radius: inherit
    }
}

@supports selector(:has(*)) {
    :where(.join :has(.join-item)) {
        border-radius: inherit
    }
}

.link {
    cursor: pointer;
    text-decoration-line: underline
}

.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem
}

.menu :where(li ul) {
    position: relative;
    white-space: nowrap;
    margin-inline-start:1rem;padding-inline-start:.5rem}

.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    display: grid;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: .5rem;
    grid-auto-columns: minmax(auto,max-content) auto max-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu li.disabled {
    cursor:not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--fallback-bc,oklch(var(--bc)/.3))
}

.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
    display: none
}

:where(.menu li) {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch
}

:where(.menu li) .badge {
    justify-self: end
}

.modal {
    pointer-events: none;
    position: fixed;
    inset: 0;
    margin: 0;
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-property: transform,opacity,visibility;
    overflow-y: hidden
}

:where(.modal) {
    align-items: center
}

.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])) {
    overflow: hidden
}

.range {
    height: 1.5rem;
    width: 100%;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
    overflow: hidden;
    border-radius: var(--rounded-box,1rem);
    background-color: transparent
}

.range:focus {
    outline: none
}

.select {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3rem;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);
    background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px,4px 4px;
    background-repeat: no-repeat
}

.select[multiple] {
    height: auto
}

.\!table {
    position: relative!important;
    width: 100%!important;
    border-radius: var(--rounded-box,1rem)!important;
    text-align: left!important;
    font-size: .875rem!important;
    line-height: 1.25rem!important
}

.table {
    position: relative;
    width: 100%;
    border-radius: var(--rounded-box,1rem);
    text-align: left;
    font-size: .875rem;
    line-height: 1.25rem
}

.\!table :where(.table-pin-rows thead tr) {
    position: sticky!important;
    top: 0!important;
    z-index: 1!important;
    --tw-bg-opacity: 1!important;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))!important
}

.table :where(.table-pin-rows thead tr) {
    position: sticky;
    top: 0;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.\!table :where(.table-pin-rows tfoot tr) {
    position: sticky!important;
    bottom: 0!important;
    z-index: 1!important;
    --tw-bg-opacity: 1!important;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))!important
}

.table :where(.table-pin-rows tfoot tr) {
    position: sticky;
    bottom: 0;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.\!table :where(.table-pin-cols tr th) {
    position: sticky!important;
    left: 0!important;
    right: 0!important;
    --tw-bg-opacity: 1!important;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))!important
}

.table :where(.table-pin-cols tr th) {
    position: sticky;
    left: 0;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.textarea {
    min-height: 3rem;
    flex-shrink: 1;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.toast {
    position: fixed;
    display: flex;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-direction: column;
    white-space: nowrap;
    gap: .5rem;
    padding: 1rem
}

.toggle {
    flex-shrink: 0;
    --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
    --handleoffset: 1.5rem;
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
    --togglehandleborder: 0 0;
    height: 1.5rem;
    width: 3rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--rounded-badge,1.9rem);
    border-width: 1px;
    border-color: currentColor;
    background-color: currentColor;
    color: var(--fallback-bc,oklch(var(--bc)/.5));
    transition: background,box-shadow var(--animation-input,.2s) ease-out;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder)
}

.btm-nav>:where(.active) {
    border-top-width: 2px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.btm-nav>.disabled,.btm-nav>[disabled] {
    pointer-events: none;
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2
}

.btm-nav>* .label {
    font-size: 1rem;
    line-height: 1.5rem
}

.btn:active:focus,.btn:active:hover {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale,.97))
}

@supports not (color: oklch(0 0 0)) {
    .btn {
        background-color:var(--btn-color,var(--fallback-b2));
        border-color: var(--btn-color,var(--fallback-b2))
    }
}

.btn:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
}

.btn.glass {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
}

.btn.glass.btn-active {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.btn-ghost {
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    color: currentColor;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    outline-color: currentColor
}

.btn-ghost.btn-active {
    border-color: transparent;
    background-color: var(--fallback-bc,oklch(var(--bc)/.2))
}

.btn.btn-disabled,.btn:disabled,.btn[disabled] {
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.2;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2
}

.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked) {
    --tw-border-opacity: 1;
    border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
}

.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible {
    outline-color: var(--fallback-p,oklch(var(--p)/1))
}

@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale,.98))
    }

    40% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

.checkbox:focus {
    box-shadow: none
}

.checkbox:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/1))
}

.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true] {
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input,.2s) ease-out;
    background-color: var(--chkbg);
    background-image: linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%)
}

.checkbox:indeterminate {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input,.2s) ease-out;
    background-image: linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%)
}

.checkbox:disabled {
    cursor:not-allowed;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: .2
}
.mobile_show{
    display: none;
}
@keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

.divider:not(:empty) {
    gap: 1rem
}

.drawer-toggle:checked~.drawer-side>.drawer-overlay {
    background-color: #0006
}

.drawer-toggle:focus-visible~.drawer-content label.drawer-button {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
}

.input input {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
    background-color: transparent
}

.input input:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.input:focus,.input:focus-within {
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/.2))
}

.input-disabled,.input:disabled,.input[disabled] {
    cursor:not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    color: var(--fallback-bc,oklch(var(--bc)/.4))
}

.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.input::-webkit-date-and-time-value {
    text-align: inherit
}

.join>:where(:not(:first-child)) {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start:-1px}

.link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1/1;
    width: 1.5rem;
    background-color: currentColor;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.loading,.loading-spinner {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.loading-lg {
    width: 2.5rem
}

:where(.menu li:empty) {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: .1;
    margin: .5rem 1rem;
    height: 1px
}

.menu :where(li ul):before {
    position: absolute;
    bottom: .75rem;
    inset-inline-start: 0;
    top: .75rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: .1;
    content: ""
}

.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--rounded-btn,.5rem);
    padding: .5rem 1rem;
    text-align: start;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .2s;
    text-wrap: balance
}

:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus {
    cursor: pointer;
    background-color: var(--fallback-bc,oklch(var(--bc)/.1));
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
}

.menu :where(li>details>summary)::-webkit-details-marker {
    display: none
}

.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after {
    justify-self: end;
    display: block;
    margin-top: -.5rem;
    height: .5rem;
    width: .5rem;
    transform: rotate(45deg);
    transition-property: transform,margin-top;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    content: "";
    transform-origin: 75% 75%;
    box-shadow: 2px 2px;
    pointer-events: none
}

.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after {
    transform: rotate(225deg);
    margin-top: 0
}

.mockup-phone .display {
    overflow: hidden;
    border-radius: 40px;
    margin-top: -25px
}

.mockup-browser .mockup-browser-toolbar .input {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 1.75rem;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    padding-left: 2rem;
    direction: ltr
}

.mockup-browser .mockup-browser-toolbar .input:before {
    left: .5rem;
    aspect-ratio: 1/1;
    height: .75rem;
    --tw-translate-y: -50%;
    border-radius: 9999px;
    border-width: 2px;
    border-color: currentColor
}

.mockup-browser .mockup-browser-toolbar .input:after,.mockup-browser .mockup-browser-toolbar .input:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: .6
}

.mockup-browser .mockup-browser-toolbar .input:after {
    left: 1.25rem;
    height: .5rem;
    --tw-translate-y: 25%;
    --tw-rotate: -45deg;
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor
}

.modal::backdrop,.modal:not(dialog:not(.modal-open)) {
    background-color: #0006;
    animation: modal-pop .2s ease-out
}

.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box {
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes modal-pop {
    0% {
        opacity: 0
    }
}

@keyframes progress-loading {
    50% {
        background-position-x: -115%
    }
}

@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    50% {
        box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    to {
        box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }
}

.range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset
}

.range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 2rem var(--range-shdw) inset
}

.range::-webkit-slider-runnable-track {
    height: .5rem;
    width: 100%;
    border-radius: var(--rounded-box,1rem);
    background-color: var(--fallback-bc,oklch(var(--bc)/.1))
}

.range::-moz-range-track {
    height: .5rem;
    width: 100%;
    border-radius: var(--rounded-box,1rem);
    background-color: var(--fallback-bc,oklch(var(--bc)/.1))
}

.range::-webkit-slider-thumb {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    appearance: none;
    -webkit-appearance: none;
    top: 50%;
    color: var(--range-shdw);
    transform: translateY(-50%);
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    box-shadow: 0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)
}

.range::-moz-range-thumb {
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    top: 50%;
    color: var(--range-shdw);
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    box-shadow: 0 0 0 3px var(--range-shdw) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }

    40% {
        transform: translateY(-.125em)
    }

    to {
        transform: translateY(0)
    }
}

.select:focus {
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/.2))
}

.select-disabled,.select:disabled,.select[disabled] {
    cursor:not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2
}

.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.select-multiple,.select[multiple],.select[size].select:not([size="1"]) {
    background-image: none;
    padding-right: 1rem
}

[dir=rtl] .select {
    background-position: calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%)
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }

    to {
        background-position: -50%
    }
}

:is([dir=rtl] .\!table) {
    text-align: right!important
}

:is([dir=rtl] .table) {
    text-align: right
}

.\!table :where(th,td) {
    padding: .75rem 1rem!important;
    vertical-align: middle!important
}

.table :where(th,td) {
    padding: .75rem 1rem;
    vertical-align: middle
}

.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
}

.\!table tr.active,.\!table tr.active:nth-child(2n) {
    --tw-bg-opacity: 1!important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))!important
}

.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
}

.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
}

.\!table :where(thead,tbody) :where(tr:first-child:last-child),.\!table :where(thead,tbody) :where(tr:not(:last-child)) {
    border-bottom-width: 1px!important;
    --tw-border-opacity: 1!important;
    border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))!important
}

.\!table :where(thead,tfoot) {
    white-space: nowrap!important;
    font-size: .75rem!important;
    line-height: 1rem!important;
    font-weight: 700!important;
    color: var(--fallback-bc,oklch(var(--bc)/.6))!important
}

.table :where(thead,tfoot) {
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    color: var(--fallback-bc,oklch(var(--bc)/.6))
}

.textarea:focus {
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/.2))
}

.textarea-disabled,.textarea:disabled,.textarea[disabled] {
    cursor:not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    --tw-text-opacity: 0.2
}

.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder {
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2
}

.toast>* {
    animation: toast-pop .25s ease-out
}

@keyframes toast-pop {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

[dir=rtl] .toggle {
    --handleoffsetcalculator: calc(var(--handleoffset) * 1)
}

.toggle:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/.2))
}

.toggle:hover {
    background-color: currentColor
}

.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true] {
    background-image: none;
    --handleoffsetcalculator: var(--handleoffset);
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
}

[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true] {
    --handleoffsetcalculator: calc(var(--handleoffset) * -1)
}

.toggle:indeterminate {
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset
}

[dir=rtl] .toggle:indeterminate {
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset
}

.toggle:disabled {
    cursor:not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    background-color: transparent;
    opacity: .3;
    --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset
}

.artboard.phone {
    width: 320px
}

.btm-nav-xs>:where(.active) {
    border-top-width: 1px
}

.btm-nav-sm>:where(.active) {
    border-top-width: 2px
}

.btm-nav-md>:where(.active) {
    border-top-width: 2px
}

.btm-nav-lg>:where(.active) {
    border-top-width: 4px
}

.btn-lg {
    height: 4rem;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.125rem
}

.btn-square:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    padding: 0
}

.btn-circle:where(.btn-lg) {
    height: 4rem;
    width: 4rem;
    border-radius: 9999px;
    padding: 0
}

.drawer-open>.drawer-toggle {
    display: none
}

.drawer-open>.drawer-toggle~.drawer-side {
    pointer-events: auto;
    visibility: visible;
    position: sticky;
    display: block;
    width: auto;
    overscroll-behavior: auto
}

.drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),[dir=rtl] .drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay) {
    transform: translateX(0)
}

.drawer-open>.drawer-toggle:checked~.drawer-side {
    pointer-events: auto;
    visibility: visible
}

.drawer-open>.drawer-side {
    overflow-y: auto
}

html:has(.drawer-toggle:checked) {
    overflow-y: hidden;
    scrollbar-gutter: stable
}

.join.join-vertical {
    flex-direction: column
}

.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit
}

.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit
}

.join.join-horizontal {
    flex-direction: row
}

.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-start-start-radius: inherit
}

.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    border-end-end-radius: inherit;
    border-start-end-radius: inherit
}

:where(.toast) {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: auto;
    top: auto;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-start) {
    inset-inline-end: auto;
    inset-inline-start: 0;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-center) {
    inset-inline-end: 50%;
    inset-inline-start: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:is([dir=rtl] .toast:where(.toast-center)) {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-end) {
    inset-inline-end: 0;
    inset-inline-start: auto;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-bottom) {
    bottom: 0;
    top: auto;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-middle) {
    bottom: auto;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.toast:where(.toast-top) {
    bottom: auto;
    top: 0;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay {
    cursor: default;
    background-color: transparent
}

.join.join-vertical>:where(:not(:first-child)) {
    margin-left: 0;
    margin-right: 0;
    margin-top: -1px
}

.join.join-horizontal>:where(:not(:first-child)) {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start:-1px}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.left-0 {
    left: 0
}

.left-2 {
    left: .5rem
}

.left-\[50\%\] {
    left: 50%
}

.right-1 {
    right: .25rem
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-4 {
    top: 1rem
}

.top-\[50\%\] {
    top: 50%
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.\!table {
    display: table!important
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[500px\] {
    max-height: 500px
}

.max-h-screen {
    max-height: 100vh
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-96 {
    width: 24rem
}

.w-\[300px\] {
    width: 300px
}

.w-\[400px\] {
    width: 400px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-sm {
    max-width: 24rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.shrink-0 {
    flex-shrink: 0
}

.caption-bottom {
    caption-side: bottom
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
    cursor: default
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-md {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))
}

.border-zinc-700 {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.bg-background {
    background-color: hsl(var(--background))
}

.bg-black\/80 {
    background-color: rgba(0,0,0,.8)
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-btn-background {
    background-color: hsl(var(--btn-background))
}

.bg-foreground\/10 {
    background-color: hsl(var(--foreground)/.1)
}

.bg-foreground\/5 {
    background-color: hsl(var(--foreground)/.05)
}

.bg-inherit {
    background-color: inherit
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)))
}

.bg-slate-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 246 253);
}

.bg-slate-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.fill-current {
    fill: currentColor
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.font-sans {
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-tighter {
    letter-spacing: -.05em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-background {
    color: hsl(var(--background))
}

.text-base-content {
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
}

.text-current {
    color: currentColor
}

.text-foreground {
    color: hsl(var(--foreground))
}

.text-foreground\/50 {
    color: hsl(var(--foreground)/.5)
}

.text-foreground\/80 {
    color: hsl(var(--foreground)/.8)
}

.text-foreground\/90 {
    color: hsl(var(--foreground)/.9)
}

.text-neutral-content {
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
}

.text-primary {
    --tw-text-opacity: 1;
    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))
}

.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240/var(--tw-text-opacity))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.no-underline {
    text-decoration-line: none
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-90 {
    opacity: .9
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background))
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

@media (prefers-color-scheme: dark) {
    :root {
        --background:200 50% 3%;
        --btn-background: 200 10% 9%;
        --btn-background-hover: 200 10% 12%;
        --foreground: 200 20% 96%
    }

    .lightLogo {
        display: none
    }

    .darkLogo {
        display: block
    }
}

@media (prefers-color-scheme: light) {
    .darkLogo {
        display:none
    }

    .lightLogo {
        display: block
    }
}

.animate-in {
    animation: animateIn .3s ease .15s both
}

@keyframes animateIn {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (min-width: 1024px) {
    .lg\:drawer-open>.drawer-toggle {
        display:none
    }

    .lg\:drawer-open>.drawer-toggle~.drawer-side {
        pointer-events: auto;
        visibility: visible;
        position: sticky;
        display: block;
        width: auto;
        overscroll-behavior: auto
    }

    .lg\:drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),[dir=rtl] .lg\:drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay) {
        transform: translateX(0)
    }

    .lg\:drawer-open>.drawer-toggle:checked~.drawer-side {
        pointer-events: auto;
        visibility: visible
    }

    .lg\:drawer-open>.drawer-side {
        overflow-y: auto
    }

    html:has(.lg\:drawer-open.lg\:drawer-open) {
        overflow-y: auto;
        scrollbar-gutter: auto
    }

    .lg\:drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay {
        cursor: default;
        background-color: transparent
    }
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:bg-background:hover {
    background-color: hsl(var(--background))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.hover\:bg-btn-background-hover:hover {
    background-color: hsl(var(--btn-background-hover))
}

.hover\:bg-foreground\/10:hover {
    background-color: hsl(var(--foreground)/.1)
}

.hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)))
}

.hover\:bg-secondary\/80:hover {
    background-color: var(--fallback-s,oklch(var(--s)/.8))
}

.hover\:bg-slate-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139/var(--tw-bg-opacity))
}

.hover\:bg-stone-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(120 113 108/var(--tw-bg-opacity))
}

.hover\:text-foreground:hover {
    color: hsl(var(--foreground))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.focus\:border-purple-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247/var(--tw-border-opacity))
}

.focus\:bg-accent:focus {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))
}

.focus\:bg-background:focus {
    background-color: hsl(var(--background))
}

.focus\:opacity-100:focus {
    opacity: 1
}

.focus\:shadow-md:focus {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-1:focus,.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:ring-1:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled,.enabled\:pointer-events-none:enabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group.destructive .group-\[\.destructive\]\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity))
}

.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
    --tw-text-opacity: 1;
    color: rgb(254 242 242/var(--tw-text-opacity))
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
    --tw-ring-offset-color: #dc2626
}

.peer:checked~.peer-checked\:line-through {
    text-decoration-line: line-through
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor:not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.aria-selected\:bg-accent[aria-selected=true] {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))
}

.aria-selected\:bg-background[aria-selected=true] {
    background-color: hsl(var(--background))
}

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

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
    --tw-translate-x: 0px
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
    --tw-translate-x: var(--radix-toast-swipe-end-x)
}

.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
    --tw-translate-x: var(--radix-toast-swipe-move-x);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=active\]\:bg-background[data-state=active] {
    background-color: hsl(var(--background))
}

.data-\[state\=checked\]\:bg-primary[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)))
}

.data-\[state\=open\]\:bg-accent[data-state=open] {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))
}

.data-\[state\=active\]\:text-foreground[data-state=active] {
    color: hsl(var(--foreground))
}

.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5
}

.data-\[state\=active\]\:shadow[data-state=active] {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
    transition-property: none
}

@media (min-width: 640px) {
    .sm\:bottom-0 {
        bottom:0
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:max-h-\[600px\] {
        max-height: 600px
    }

    .sm\:w-1\/4 {
        width: 25%
    }

    .sm\:max-w-\[425px\] {
        max-width: 425px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:text-left {
        text-align: left
    }
}

@media (min-width: 768px) {
    .md\:mx-2 {
        margin-left:.5rem;
        margin-right: .5rem
    }

    .md\:max-h-\[800px\] {
        max-height: 800px
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-\[42rem\] {
        width: 42rem
    }

    .md\:max-w-\[420px\] {
        max-width: 420px
    }

    .md\:max-w-\[600px\] {
        max-width: 600px
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:basis-1\/4 {
        flex-basis: 25%
    }

    .md\:basis-3\/4 {
        flex-basis: 75%
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pt-14 {
        padding-top: 3.5rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1024px) {
    .lg\:hidden {
        display:none
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:leading-\[1\.1\] {
        line-height: 1.1
    }
}

@media (min-width: 1280px) {
    .xl\:w-1\/4 {
        width:25%
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:text-stone-300 {
        --tw-text-opacity:1;
        color: rgb(214 211 209/var(--tw-text-opacity))
    }
}

.\[\&\+div\]\:text-xs+div {
    font-size: .75rem;
    line-height: 1rem
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
    padding-right: 0
}

.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
    --tw-translate-y: 2px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
    border-bottom-width: 0
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: .75rem;
    line-height: 1rem
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    font-weight: 500
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
    padding-top: 0
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: 1.25rem
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: 3rem
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: 1.25rem
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-width: 0
}

.\[\&_tr\]\:border-b tr {
    border-bottom-width: 1px
}

@font-face {
    font-family: __GeistSans_ac79ff;
    src: url(/_next/static/media/ec1a1eae803b668e-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 100 900
}

@font-face {
    font-family: __GeistSans_Fallback_ac79ff;
    src: local("Arial");
    ascent-override:90.59%;descent-override:21.66%;line-gap-override:9.85%;size-adjust:101.56%}

.__className_ac79ff {
    font-family: __GeistSans_ac79ff,__GeistSans_Fallback_ac79ff
}

.__variable_ac79ff {
    --font-geist-sans: "__GeistSans_ac79ff","__GeistSans_Fallback_ac79ff"
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: __Inter_aaf875;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: __Inter_Fallback_aaf875;
    src: local("Arial");
    ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}

.__className_aaf875 {
    font-family: __Inter_aaf875,__Inter_Fallback_aaf875;
    font-style: normal
}

.__variable_aaf875 {
    --font-sans: "__Inter_aaf875","__Inter_Fallback_aaf875"
}
.HeaderMenu_header__1aU4Q {
    height: calc(3.75rem * var(--mantine-scale))
}

.HeaderMenu_header__1aU4Q,.HeaderMenu_link__s2BDp {
    padding-left: var(--mantine-spacing-md);
    padding-right: var(--mantine-spacing-md)
}

.HeaderMenu_link__s2BDp {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: var(--mantine-color-black)
}

[data-mantine-color-scheme=dark] .HeaderMenu_link__s2BDp {
    color: var(--mantine-color-white)
}

.HeaderMenu_link__s2BDp {
    font-weight: 500;
    font-size: var(--mantine-font-size-sm)
}

@media (max-width: 48em) {
    .HeaderMenu_link__s2BDp {
        height:calc(2.625rem * var(--mantine-scale));
        width: 100%
    }
}

@media (hover: hover) {
    .HeaderMenu_link__s2BDp:hover {
        background-color:var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .HeaderMenu_link__s2BDp:hover {
        background-color: var(--mantine-color-dark-6)
    }
}

@media (hover: none) {
    .HeaderMenu_link__s2BDp:active {
        background-color:var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .HeaderMenu_link__s2BDp:active {
        background-color: var(--mantine-color-dark-6)
    }
}

.HeaderMenu_subLink__02ivF {
    width: 100%;
    padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
    border-radius: var(--mantine-radius-md)
}

@media (hover: hover) {
    .HeaderMenu_subLink__02ivF:hover {
        background-color:var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .HeaderMenu_subLink__02ivF:hover {
        background-color: var(--mantine-color-dark-7)
    }
}

@media (hover: none) {
    .HeaderMenu_subLink__02ivF:active {
        background-color:var(--mantine-color-gray-0)
    }

    [data-mantine-color-scheme=dark] .HeaderMenu_subLink__02ivF:active {
        background-color: var(--mantine-color-dark-7)
    }
}

.HeaderMenu_dropdownFooter__zs8YP {
    background-color: var(--mantine-color-gray-0)
}

[data-mantine-color-scheme=dark] .HeaderMenu_dropdownFooter__zs8YP {
    background-color: var(--mantine-color-dark-7)
}

.HeaderMenu_dropdownFooter__zs8YP {
    margin: calc(var(--mantine-spacing-md) * -1);
    margin-top: var(--mantine-spacing-sm);
    padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
    padding-bottom: var(--mantine-spacing-xl);
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-1)
}

[data-mantine-color-scheme=dark] .HeaderMenu_dropdownFooter__zs8YP {
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-5)
}
*,:after,:before {
    box-sizing: border-box
}

button,input,select,textarea {
    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: 500px) {
    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=dark] .mantine-dark-hidden,[data-mantine-color-scheme=light] .mantine-light-hidden {
    display: none
}

.mantine-focus-auto:focus-visible {
    outline: calc(.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
    outline-offset: calc(.125rem * var(--mantine-scale))
}

.mantine-focus-always:focus {
    outline: calc(.125rem * var(--mantine-scale)) 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)))
}

:where([dir=rtl]) .mantine-rotate-rtl {
    transform: rotate(180deg)
}

:root {
    color-scheme: var(--mantine-color-scheme);
    --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-color-scheme: light dark;
    --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-radius-default: calc(0.25rem * 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-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(0.625rem * var(--mantine-scale));
    --mantine-spacing-sm: calc(0.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(0.75rem * var(--mantine-scale));
    --mantine-font-size-sm: calc(0.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(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0,0,0,.05),0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale)) rgba(0,0,0,.1);
    --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale)) rgba(0,0,0,.05),rgba(0,0,0,.05) 0 calc(0.625rem * var(--mantine-scale)) calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.4375rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
    --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.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(-0.3125rem * var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.625rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
    --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.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(-0.4375rem * var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
    --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale)) calc(0.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(-0.4375rem * var(--mantine-scale)),rgba(0,0,0,.04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale));
    --mantine-radius-xs: calc(0.125rem * var(--mantine-scale));
    --mantine-radius-sm: calc(0.25rem * var(--mantine-scale));
    --mantine-radius-md: calc(0.5rem * var(--mantine-scale));
    --mantine-radius-lg: calc(1rem * var(--mantine-scale));
    --mantine-radius-xl: calc(2rem * var(--mantine-scale));
    --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(0.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-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-7);
    --mantine-color-dark-light: rgba(36,36,36,.15);
    --mantine-color-dark-light-hover: rgba(36,36,36,.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(36,36,36,.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: hsla(210,7%,56%,.15);
    --mantine-color-gray-light-hover: hsla(210,7%,56%,.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: hsla(0,100%,76%,.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-color-bright: var(--mantine-color-black);
    --mantine-color-text: var(--mantine-color-black);
    --mantine-color-body: var(--mantine-color-white);
    --mantine-primary-color-contrast: var(--mantine-color-white);
    --mantine-color-error: var(--mantine-color-red-6);
    --mantine-color-placeholder: var(--mantine-color-gray-5);
    --mantine-color-anchor: var(--mantine-primary-color-filled);
    --mantine-color-default: var(--mantine-color-white);
    --mantine-color-default-hover: var(--mantine-color-gray-0);
    --mantine-color-default-color: var(--mantine-color-gray-9);
    --mantine-color-default-border: var(--mantine-color-gray-4);
    --mantine-color-dimmed: var(--mantine-color-gray-6);
    --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(56,56,56,.1);
    --mantine-color-dark-light-hover: rgba(56,56,56,.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(56,56,56,.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: hsla(210,7%,56%,.1);
    --mantine-color-gray-light-hover: hsla(210,7%,56%,.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: hsla(210,7%,56%,.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(0.75rem * var(--mantine-scale));
    position: relative;
    overflow: hidden
}

.m_c0783ff9 {
    scrollbar-width: none;
    -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]) {
    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]) {
    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: rgba(0,0,0,.5)
    }

    :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: hsla(0,0%,100%,.5)
    }
}

@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: rgba(0,0,0,.5)
    }

    :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: hsla(0,0%,100%,.5)
    }
}

.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-end: 0;
    inset-inline-start: var(--sa-corner-height)
}

.m_d8b5e363 {
    flex: 1;
    border-radius: var(--scrollarea-scrollbar-size);
    position: relative;
    transition: background-color .15s ease;
    overflow: hidden
}

.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: rgba(0,0,0,.4)
}

:where([data-mantine-color-scheme=dark]) .m_d8b5e363 {
    background-color: hsla(0,0%,100%,.4)
}

.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_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: 1px;
    width: 1px;
    margin: -1px;
    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)
}

:where([data-mantine-color-scheme=light]) .m_1b7284a3:where([data-with-border]) {
    border: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3)
}

:where([data-mantine-color-scheme=dark]) .m_1b7284a3:where([data-with-border]) {
    border: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4)
}

.m_38a85659 {
    position: absolute;
    border: calc(.0625rem * var(--mantine-scale)) 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: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: calc(.0625rem * var(--mantine-scale)) solid var(--popover-border-color);
    z-index: 1
}

.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:first-of-type {
    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 linear infinite
}

.m_870c4af:nth-child(2) {
    animation-delay: .4s
}

@keyframes m_f8e89c4b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.m_b34414df {
    display: inline-block
}

.m_b34414df,.m_b34414df:after {
    width: var(--loader-size);
    height: var(--loader-size)
}

.m_b34414df:after {
    content: "";
    display: block;
    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
}

:where([data-mantine-color-scheme=light]) .m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])) {
    background-color: var(--mantine-color-gray-1);
    color: var(--mantine-color-gray-5)
}

:where([data-mantine-color-scheme=dark]) .m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])) {
    background-color: var(--mantine-color-dark-6);
    color: var(--mantine-color-dark-3)
}

.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: hsla(0,0%,100%,.35)
}

:where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
    background-color: rgba(0,0,0,.35)
}

.m_1a0f1b21 {
    --ai-border-width: calc(0.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 {
    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 {
    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) {
    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 {
    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 {
    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) {
    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;
    transition: transform .15s ease,opacity .1s ease;
    width: 100%;
    height: 100%
}

.m_86a44da5,.m_8d3afb97 {
    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;
    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)
}

@media (hover: hover) {
    :where([data-mantine-color-scheme=light]) .m_220c80f2:hover {
        background-color:var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_220c80f2:hover {
        background-color: var(--mantine-color-dark-6)
    }
}

@media (hover: none) {
    :where([data-mantine-color-scheme=light]) .m_220c80f2:active {
        background-color:var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_220c80f2: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_9814e45f {
    inset: 0;
    position: absolute;
    background: var(--overlay-bg,rgba(0,0,0,.6));
    backdrop-filter: var(--overlay-filter);
    -webkit-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_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)) - calc(.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))
}

.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_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,0);
    margin-bottom: var(--input-margin-bottom,0);
    --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(0.3125rem * var(--mantine-scale));
    --input-padding-y-sm: calc(0.375rem * var(--mantine-scale));
    --input-padding-y-md: calc(0.5rem * var(--mantine-scale));
    --input-padding-y-lg: calc(0.625rem * var(--mantine-scale));
    --input-padding-y-xl: calc(0.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(0.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-left-section-size: var(--input-left-section-width,calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
    --input-right-section-size: var( --input-right-section-width,calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))) );
    --input-size: var(--input-height);
    --section-y: calc(0.0625rem * var(--mantine-scale));
    --left-section-start: calc(0.0625rem * var(--mantine-scale));
    --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
    --right-section-end: calc(0.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(0.28125rem * var(--mantine-scale));
    --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
    --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
    --input-padding-y-lg: calc(0.59375rem * var(--mantine-scale));
    --input-padding-y-xl: calc(0.8125rem * var(--mantine-scale));
    --input-size: auto;
    --input-line-height: var(--mantine-line-height);
    --input-padding-y: var(--input-padding-y-sm)
}

.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)
}

[data-mantine-color-scheme=light] .m_6c018570 {
    --input-disabled-bg: var(--mantine-color-gray-1);
    --input-disabled-color: var(--mantine-color-gray-6)
}

[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 {
    --input-disabled-bg: var(--mantine-color-dark-6);
    --input-disabled-color: var(--mantine-color-dark-2)
}

[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-sm)));
    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,0);
    padding-bottom: var(--input-padding-y,0);
    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, var(--mantine-font-size-sm)) - calc(0.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-cancel-button,.m_8fb7ebe7::-webkit-search-decoration,.m_8fb7ebe7::-webkit-search-results-button,.m_8fb7ebe7::-webkit-search-results-decoration {
    -webkit-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_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_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;
    word-break: 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) - calc(.125rem * var(--mantine-scale))))
}

.m_fe47ce59 {
    color: var(--mantine-color-dimmed);
    font-size: var(--input-description-size,calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))))
}

.m_8bffd616 {
    display: flex
}

.m_96b553a6 {
    --transition-duration: 150ms;
    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 {
    word-break: 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
}

.m_4ba585b8:where([data-chevron-position=left]) {
    flex-direction: row;
    padding-inline-start:0}

:where([data-mantine-color-scheme=light]) .m_4ba585b8 {
    color: var(--mantine-color-black)
}

:where([data-mantine-color-scheme=dark]) .m_4ba585b8 {
    color: var(--mantine-color-dark-0)
}

.m_4ba585b8:where(:disabled,[data-disabled]) {
    opacity: .4;
    cursor:not-allowed
}

@media (hover: hover) {
    :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled,[data-disabled])):hover,:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):hover {
        background-color:var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled,[data-disabled])):hover,:where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):hover {
        background-color: var(--mantine-color-dark-6)
    }
}

@media (hover: none) {
    :where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled,[data-disabled])):active,:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):active {
        background-color:var(--mantine-color-gray-0)
    }

    :where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled,[data-disabled])):active,:where([data-mantine-color-scheme=dark]) .m_6939a5e9: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(0deg)
}

.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: calc(.0625rem * var(--mantine-scale)) solid var(--item-border-color)
}

.m_1f921b3b {
    border: calc(.0625rem * var(--mantine-scale)) 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,.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,.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(0.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_667c2793,.m_a5d60502 {
    display: flex
}

.m_667c2793 {
    flex: 1;
    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=always]) {
    text-decoration: underline
}

.m_89ab340[data-resizing] {
    --app-shell-transition-duration: 0ms!important
}

.m_89ab340[data-disabled] {
    --app-shell-header-offset: 0px!important;
    --app-shell-navbar-offset: 0px!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_3840c879,.m_3b16f56b,.m_45252eee,.m_8983817,.m_9cdde9a {
    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,0);
    height: calc(100dvh - var(--app-shell-header-offset, 0px) - var(--app-shell-footer-offset, 0px));
    background-color: var(--mantine-color-body);
    transition-property: transform,top,height
}

:where([data-layout=alt]) .m_45252eee,:where([data-layout=alt]) .m_9cdde9a {
    top: 0;
    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:calc(.0625rem * var(--mantine-scale)) 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:calc(.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color)}

.m_8983817 {
    padding-inline-start: calc(var(--app-shell-navbar-offset, 0px) + var(--app-shell-padding));
    padding-inline-end:calc(var(--app-shell-aside-offset, 0px) + var(--app-shell-padding));padding-top: calc(var(--app-shell-header-offset, 0px) + var(--app-shell-padding));
    padding-bottom: calc(var(--app-shell-footer-offset, 0px) + var(--app-shell-padding));
    min-height: 100dvh;
    transition-property: padding
}

.m_3840c879,.m_3b16f56b {
    position: fixed;
    inset-inline: 0;
    transition-property: transform,left,right;
    background-color: var(--mantine-color-body)
}

:where([data-layout=alt]) .m_3840c879,:where([data-layout=alt]) .m_3b16f56b {
    inset-inline-start: var(--app-shell-navbar-offset,0);
    inset-inline-end: var(--app-shell-aside-offset,0)
}

.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: calc(.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color)
}

.m_3840c879 {
    bottom: env(safe-area-inset-bottom);
    height: var(--app-shell-footer-height);
    transform: var(--app-shell-footer-transform);
    z-index: var(--app-shell-footer-z-index)
}

.m_3840c879:where([data-with-border]) {
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--app-shell-border-color)
}

.m_6dcfc7c7 {
    flex-grow: 0
}

.m_6dcfc7c7:where([data-grow]) {
    flex-grow: 1
}

.m_71ac47fc {
    --ar-ratio: 1;
    position: relative;
    max-width: 100%
}

.m_71ac47fc:before {
    content: "";
    height: 0;
    display: block;
    padding-bottom: calc((1 / var(--ar-ratio)) * 100%)
}

.m_71ac47fc:after {
    content: "";
    display: table;
    clear: both
}

.m_71ac47fc>:where(:not(style)) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m_71ac47fc>:where(img,video) {
    -o-object-fit: cover;
    object-fit: cover
}

.m_88b62a41 {
    --combobox-padding: calc(0.25rem * var(--mantine-scale));
    padding: var(--combobox-padding)
}

.m_88b62a41[data-hidden] {
    display: none
}

.m_88b62a41,.m_b2821a6e {
    --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
    --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
    --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
    --combobox-option-padding-lg: calc(0.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
    --combobox-option-padding-xl: calc(0.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;
    word-break: 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 {
    text-align: center;
    color: var(--mantine-color-dimmed)
}

.m_2530cd1d,.m_82b967cb,.m_858f94bd {
    font-size: var(--combobox-option-fz,var(--mantine-font-size-sm));
    padding: var(--combobox-option-padding)
}

.m_82b967cb,.m_858f94bd {
    border: 0 solid transparent;
    margin-inline:calc(var(--combobox-padding) * -1)}

:where([data-mantine-color-scheme=light]) .m_82b967cb,:where([data-mantine-color-scheme=light]) .m_858f94bd {
    border-color:var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_82b967cb,:where([data-mantine-color-scheme=dark]) .m_858f94bd {
    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(0.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);
    width: var(--combobox-chevron-size);
    height: var(--combobox-chevron-size)
}

:where([data-mantine-color-scheme=light]) .m_2943220b {
    color: var(--mantine-color-gray-6)
}

:where([data-mantine-color-scheme=dark]) .m_2943220b {
    color: var(--mantine-color-dark-3)
}

.m_2943220b:where([data-error]) {
    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 {
    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)
}

.m_d3ea56bb[data-disabled],fieldset:disabled .m_d3ea56bb {
    --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)
}

:where([data-mantine-color-scheme=light]) .m_8ee546b8:where([data-disabled]),:where([data-mantine-color-scheme=light]) fieldset:disabled .m_8ee546b8 {
    color: var(--mantine-color-gray-5)
}

:where([data-mantine-color-scheme=dark]) .m_8ee546b8:where([data-disabled]),:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_8ee546b8 {
    color: var(--mantine-color-dark-3)
}

.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_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);
    --checkbox-icon-color: var(--mantine-color-white)
}

.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:checked,.m_26063560[data-indeterminate] {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color)
}

.m_26063560:checked+.m_bf295423,.m_26063560[data-indeterminate]+.m_bf295423 {
    opacity: 1;
    transform: none
}

.m_26063560:disabled {
    cursor:not-allowed
}

:where([data-mantine-color-scheme=light]) .m_26063560:disabled {
    background-color: var(--mantine-color-gray-2);
    border-color: var(--mantine-color-gray-3)
}

:where([data-mantine-color-scheme=dark]) .m_26063560:disabled {
    background-color: var(--mantine-color-dark-6);
    border-color: var(--mantine-color-dark-6)
}

[data-mantine-color-scheme=light] .m_26063560:disabled+.m_bf295423 {
    color: var(--mantine-color-gray-5)
}

[data-mantine-color-scheme=dark] .m_26063560:disabled+.m_bf295423 {
    color: var(--mantine-color-dark-3)
}

.m_215c4542+.m_bf295423 {
    color: var(--checkbox-color)
}

.m_215c4542:checked:not(:disabled),.m_215c4542[data-indeterminate]:not(:disabled) {
    background-color: transparent;
    border-color: var(--checkbox-color)
}

.m_215c4542:checked:not(:disabled)+.m_bf295423,.m_215c4542[data-indeterminate]:not(:disabled)+.m_bf295423 {
    color: var(--checkbox-color);
    opacity: 1;
    transform: none
}

.m_bf295423 {
    position: absolute;
    inset: 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(0.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: calc(.125rem * var(--mantine-scale)) 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: 50%;
    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(0.5625rem * var(--mantine-scale));
    --badge-fz-sm: calc(0.625rem * var(--mantine-scale));
    --badge-fz-md: calc(0.6875rem * var(--mantine-scale));
    --badge-fz-lg: calc(0.8125rem * var(--mantine-scale));
    --badge-fz-xl: calc(1rem * var(--mantine-scale));
    --badge-padding-x-xs: calc(0.375rem * var(--mantine-scale));
    --badge-padding-x-sm: calc(0.5rem * var(--mantine-scale));
    --badge-padding-x-md: calc(0.625rem * var(--mantine-scale));
    --badge-padding-x-lg: calc(0.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(0.125rem * var(--mantine-scale)));
    --badge-color: var(--mantine-color-white);
    --badge-bg: var(--mantine-primary-color-filled);
    --badge-bd: calc(0.0625rem * var(--mantine-scale)) 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-flex;
    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: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--badge-color);
    background: var(--badge-bg);
    border: var(--badge-bd)
}

.m_347db0ec:where([data-block]) {
    display: flex;
    width: 100%
}

.m_347db0ec:where([data-circle]) {
    padding-inline:calc(.125rem * var(--mantine-scale));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
}

.m_91fdda9b {
    --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.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: calc(0.1875rem * var(--mantine-scale)) 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
}

.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(0.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);
    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:after,.m_d4fb9cad:before {
    display: block;
    width: var(--burger-size);
    height: calc(var(--burger-size) / 12);
    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:after,.m_d4fb9cad:before {
    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(0.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(0.4375rem * var(--mantine-scale));
    --button-padding-x-compact-sm: calc(0.5rem * var(--mantine-scale));
    --button-padding-x-compact-md: calc(0.625rem * var(--mantine-scale));
    --button-padding-x-compact-lg: calc(0.75rem * var(--mantine-scale));
    --button-padding-x-compact-xl: calc(0.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
}

:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])) {
    color: var(--mantine-color-gray-5);
    background: var(--mantine-color-gray-1)
}

:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])) {
    color: var(--mantine-color-dark-3);
    background: var(--mantine-color-dark-6)
}

.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: hsla(0,0%,100%,.15)
}

:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before {
    background-color: rgba(0,0,0,.15)
}

.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 {
    justify-content: var(--button-justify,center);
    overflow: visible;
    transition: transform .15s ease,opacity .1s ease
}

.m_80f1301b,.m_811560b9 {
    display: flex;
    align-items: center;
    height: 100%
}

.m_811560b9 {
    white-space: nowrap;
    overflow: hidden;
    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(0.0625rem * var(--mantine-scale));
    display: flex
}

.m_80d6d844 :where(*):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 {
    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 {
    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) {
    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 {
    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 {
    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) {
    border-radius: 0;
    border-bottom-width: calc(var(--button-border-width) / 2);
    border-top-width: calc(var(--button-border-width) / 2)
}

.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(0.625rem * var(--mantine-scale));
    --chip-icon-size-sm: calc(0.75rem * var(--mantine-scale));
    --chip-icon-size-md: calc(0.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(0.46875rem * var(--mantine-scale));
    --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
    --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
    --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
    --chip-checked-padding-xl: calc(0.78125rem * var(--mantine-scale));
    --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
    --chip-spacing-sm: calc(0.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(0.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,calc(62.5rem * var(--mantine-scale)));
    height: var(--chip-size);
    font-size: var(--chip-fz,var(--mantine-font-size-sm));
    line-height: calc(var(--chip-size) - calc(.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
}

:where([data-mantine-color-scheme=light]) .m_be049a53:where([data-disabled]) {
    background-color: var(--mantine-color-gray-2);
    color: var(--mantine-color-gray-5)
}

:where([data-mantine-color-scheme=dark]) .m_be049a53:where([data-disabled]) {
    background-color: var(--mantine-color-dark-6);
    color: var(--mantine-color-dark-3)
}

:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]) {
    background-color: var(--mantine-color-white);
    border: calc(.0625rem * var(--mantine-scale)) 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: calc(.0625rem * var(--mantine-scale)) 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_f7e165c3:not([data-disabled]),.m_fa109255:not([data-disabled]) {
    border: calc(.0625rem * var(--mantine-scale)) solid transparent;
    color: var(--mantine-color-text)
}

:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]),:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]) {
    background-color: var(--mantine-color-gray-1)
}

:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]),:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]) {
    background-color: var(--mantine-color-dark-5)
}

@media (hover: hover) {
    :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover,:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover {
        background-color:var(--mantine-color-gray-2)
    }

    :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover,:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover {
        background-color: var(--mantine-color-dark-4)
    }
}

@media (hover: none) {
    :where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active,:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active {
        background-color:var(--mantine-color-gray-2)
    }

    :where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active,:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active {
        background-color: var(--mantine-color-dark-4)
    }
}

.m_f7e165c3:not([data-disabled]):where([data-checked]),.m_fa109255: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_f7e165c3:not([data-disabled]):where([data-checked]):hover,.m_fa109255:not([data-disabled]):where([data-checked]):hover {
        background-color:var(--chip-hover)
    }
}

@media (hover: none) {
    .m_f7e165c3:not([data-disabled]):where([data-checked]):active,.m_fa109255: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));
    display: flex;
    align-items: center;
    overflow: hidden
}

.m_9ac86df9,.m_d6d72580 {
    height: var(--chip-icon-size)
}

.m_d6d72580 {
    width: 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: calc(.125rem * var(--mantine-scale)) 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: calc(.125rem * var(--mantine-scale)) 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-1));
    color: var(--mantine-color-black)
}

:where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
    background-color: var(--code-bg,var(--mantine-color-dark-5));
    color: var(--mantine-color-white)
}

.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,.m_98ae7f22 {
    position: absolute;
    inset: 0;
    border-radius: var(--cs-radius)
}

.m_98ae7f22 {
    z-index: 1;
    box-shadow: rgba(0,0,0,.1) 0 0 0 calc(.0625rem * var(--mantine-scale)) inset,rgba(0,0,0,.15) 0 0 calc(.25rem * var(--mantine-scale)) inset
}

.m_95709ac0 {
    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,.m_95709ac0 {
    position: absolute;
    inset: 0;
    border-radius: var(--cs-radius)
}

.m_93e74e3 {
    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(0.5rem * var(--mantine-scale));
    --cp-thumb-size-sm: calc(0.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 calc(.0625rem * var(--mantine-scale)) rgba(0,0,0,.6);
    border: calc(.125rem * var(--mantine-scale)) 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) - calc(.25rem * var(--mantine-scale)));
    flex: 0 0 calc(var(--cp-swatch-size) - calc(0.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_202a296e {
    --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
    --cp-thumb-size-sm: calc(0.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: calc(.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled)
}

.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba {
    outline: calc(.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled)
}

.m_11b3db02 {
    position: absolute;
    border-radius: var(--mantine-radius-sm);
    inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(.0625rem * var(--mantine-scale)))
}

.m_d856d47d {
    --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
    --cp-thumb-size-sm: calc(0.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(0.75rem * var(--mantine-scale)));
    position: relative;
    height: calc(var(--cp-thumb-size) + calc(.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: calc(.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled)
}

.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba {
    outline: calc(.125rem * var(--mantine-scale)) 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 - calc(.0625rem * var(--mantine-scale)));
    border-radius: 10000rem
}

.m_b077c2bc {
    --ci-eye-dropper-icon-size-xs: calc(0.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);
    max-width: var(--container-size);
    padding-inline:var(--mantine-spacing-md);margin-inline: auto
}

.m_7485cace:where([data-fluid]) {
    max-width: 100%
}

.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(0.0625rem * var(--mantine-scale));
    --divider-size-sm: calc(0.125rem * var(--mantine-scale));
    --divider-size-md: calc(0.1875rem * var(--mantine-scale));
    --divider-size-lg: calc(0.25rem * var(--mantine-scale));
    --divider-size-xl: calc(0.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 {
    margin-inline-end:var(--mantine-spacing-xs)}

.m_9e365f20:after,.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)
}

.m_9e365f20:after {
    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: 100%;
    max-height: 100%;
    overflow-y: auto
}

.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_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;
    flex: 0;
    -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(0.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 {
    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);
    z-index: var(--indicator-z-index,200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--mantine-font-size-xs);
    color: var(--indicator-text-color,var(--mantine-color-white));
    white-space: nowrap
}

.m_760d1fb1,.m_760d1fb1:before {
    position: absolute;
    border-radius: var(--indicator-radius,calc(62.5rem * var(--mantine-scale)));
    background-color: var(--indicator-color)
}

.m_760d1fb1:before {
    content: "";
    inset: 0;
    z-index: -1
}

.m_760d1fb1:where([data-with-label]) {
    padding-inline:calc(var(--mantine-spacing-xs) / 2)}

.m_760d1fb1:where([data-with-border]) {
    border:calc(.125rem * var(--mantine-scale)) solid var(--mantine-color-body)
}

.m_760d1fb1[data-processing]:before {
    animation: m_885901b1 1s linear infinite
}

.m_dc6f14e2 {
    --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
    --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
    --kbd-fz-md: calc(0.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);
    --kbd-padding-xs: calc(0.125rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
    --kbd-padding-sm: calc(0.1875rem * var(--mantine-scale)) calc(0.3125rem * var(--mantine-scale));
    --kbd-padding-md: calc(0.25rem * var(--mantine-scale)) calc(0.4375rem * var(--mantine-scale));
    --kbd-padding-lg: calc(0.3125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
    --kbd-padding-xl: calc(0.5rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
    --kbd-padding: var(--kbd-padding-sm);
    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));
    unicode-bidi: embed
}

: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-style-position: inside;
    font-size: var(--list-fz);
    line-height: var(--list-lh);
    margin: 0;
    padding: 0
}

.m_abbac491:where([data-with-padding]) {
    padding-inline-start:var(--mantine-spacing-md)}

.m_abb6bec2 {
    white-space: nowrap;
    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;
    inset: 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-dimmed);
    opacity: .6;
    pointer-events: none
}

:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where([data-hovered]) {
    background-color: var(--menu-item-hover,var(--mantine-color-gray-1))
}

:where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where([data-hovered]) {
    background-color: var(--menu-item-hover,var(--mantine-color-dark-4))
}

.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_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_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(0.625rem * var(--mantine-scale));
    --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
    --pill-fz-md: calc(0.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,calc(62.5rem * var(--mantine-scale)));
    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-gray-3)
}

: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-gray-3)
}

.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
}

.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(0.375rem * var(--mantine-scale));
    --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
    --pg-gap-md: calc(0.625rem * var(--mantine-scale));
    --pg-gap-lg: calc(0.75rem * var(--mantine-scale));
    --pg-gap-xl: calc(0.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: calc(.5rem * var(--mantine-scale)) 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]) {
    background-color: var(--nl-bg);
    color: var(--nl-color)
}

@media (hover: hover) {
    .m_f0824112:where([data-active]):hover {
        background-color:var(--nl-hover)
    }
}

@media (hover: none) {
    .m_f0824112:where([data-active]):active {
        background-color:var(--nl-hover)
    }
}

.m_f0824112:where([data-active]) .m_57492dcc {
    --description-opacity: 0.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);
    box-shadow: var(--mantine-shadow-lg)
}

.m_a513464,.m_a513464:before {
    border-radius: var(--notification-radius)
}

.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));
    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]) {
    padding-inline-start:var(--mantine-spacing-xs)}

.m_a513464:where([data-with-icon]):before {
    display:none
}

:where([data-mantine-color-scheme=light]) .m_a513464:where([data-with-border]) {
    border: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3)
}

:where([data-mantine-color-scheme=dark]) .m_a513464:where([data-with-border]) {
    border: calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4)
}

.m_a4ceffb {
    box-sizing: border-box;
    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_a4ceffb,.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(0.625rem * var(--mantine-scale));
    --ni-chevron-size-sm: calc(0.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) - calc(.125rem * var(--mantine-scale)));
    max-width: calc(var(--ni-chevron-size) * 1.7);
    margin-inline-start:auto}

.m_80b4b171 {
    --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
    --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
    flex: 0 0 50%;
    width: 100%;
    padding: 0;
    height: calc(var(--input-height) / 2 - calc(.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
}

:where([data-mantine-color-scheme=light]) .m_80b4b171:where(:disabled) {
    color: var(--mantine-color-gray-4)
}

:where([data-mantine-color-scheme=dark]) .m_80b4b171:where(:disabled) {
    color: var(--mantine-color-dark-3)
}

.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-top: calc(.0625rem * var(--mantine-scale)) solid var(--input-bd);
    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(0.75rem * var(--mantine-scale));
    --psi-icon-size-sm: calc(0.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;
    inset: 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_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
    }
}

.m_db6d6462 {
    --progress-radius: var(--mantine-radius-default);
    --progress-size: var(--progress-size-md);
    --progress-size-xs: calc(0.1875rem * var(--mantine-scale));
    --progress-size-sm: calc(0.3125rem * var(--mantine-scale));
    --progress-size-md: calc(0.5rem * var(--mantine-scale));
    --progress-size-lg: calc(0.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_2242eb65 {
    background-color: var(--progress-section-color);
    height: 100%;
    width: var(--progress-section-width);
    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,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,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_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(calc(var(--progress-size) * .65),calc(1.125rem * var(--mantine-scale)));
    line-height: 1;
    padding-inline:calc(.25rem * var(--mantine-scale))}

.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(0.375rem * var(--mantine-scale));
    --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
    --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
    --radio-icon-size-lg: calc(0.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
}

:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled {
    background-color: var(--mantine-color-gray-1);
    border-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled+.m_f3ed6b2b {
    --radio-icon-color: var(--mantine-color-gray-3)
}

:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-4)
}

:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled+.m_f3ed6b2b {
    --radio-icon-color: var(--mantine-color-dark-7)
}

.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(0.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: calc(.125rem * var(--mantine-scale)) 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 {
    -webkit-clip-path: var(--rating-symbol-clip-path);
    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_f898399f {
    background-color: inherit;
    border: 0;
    z-index: 1
}

.m_b32e4812 {
    position: relative
}

.m_b32e4812,.m_d43b5134 {
    width: var(--rp-size);
    height: var(--rp-size);
    min-width: var(--rp-size);
    min-height: var(--rp-size)
}

.m_d43b5134 {
    transform: rotate(-90deg)
}

.m_b1ca1fbf {
    stroke: var(--curve-color,var(--rp-curve-root-color))
}

[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(0.1875rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
    --sc-padding-sm: calc(0.3125rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
    --sc-padding-md: calc(0.4375rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
    --sc-padding-lg: calc(0.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
    --sc-padding-xl: calc(0.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));
    --sc-transition-duration: 200ms;
    --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: 4px
}

.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
}

.m_1738fcb2:where([data-disabled]),fieldset:disabled .m_1738fcb2 {
    cursor:not-allowed
}

:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-disabled]),:where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2 {
    color: var(--mantine-color-gray-5)
}

:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-disabled]),:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2 {
    color: var(--mantine-color-dark-3)
}

: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: "";
    inset: 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) {
    :where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:hover {
        color:var(--mantine-color-gray-5)!important
    }

    :where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:hover {
        color: var(--mantine-color-dark-3)!important
    }
}

@media (hover: none) {
    :where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:active {
        color:var(--mantine-color-gray-5)!important
    }

    :where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:active {
        color: var(--mantine-color-dark-3)!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: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled)
}

.m_1714d588[data-focus-ring=always]:focus+.m_1738fcb2 {
    --segmented-control-outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-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,[data-mantine-color-scheme] .m_69686b9b[data-active]+.m_69686b9b:before,[data-mantine-color-scheme] .m_69686b9b[data-active]:before {
    --separator-color: transparent
}

.m_78882f40 {
    position: relative;
    z-index: 2
}

.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: "";
    inset: 0;
    z-index: 10;
    background-color: var(--mantine-color-body)
}

.m_18320242:where([data-visible]):after {
    position: absolute;
    content: "";
    inset: 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(0.25rem * var(--mantine-scale));
    --slider-size-sm: calc(0.375rem * var(--mantine-scale));
    --slider-size-md: calc(0.5rem * var(--mantine-scale));
    --slider-size-lg: calc(0.625rem * var(--mantine-scale));
    --slider-size-xl: calc(0.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);
    -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);
    --slider-track-disabled-bg: var(--mantine-color-gray-4)
}

[data-mantine-color-scheme=dark] .m_dd36362e {
    --slider-track-bg: var(--mantine-color-dark-4);
    --slider-track-disabled-bg: var(--mantine-color-dark-3)
}

.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%);
    color: var(--slider-color);
    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))
}

.m_c9a9a60a:where([data-disabled]),fieldset:disabled .m_c9a9a60a {
    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 {
    border-color: var(--slider-color);
    background-color: var(--mantine-color-white)
}

:where([data-mantine-color-scheme=dark]) .m_c9a9a60a {
    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
}

.m_a8645c2:where([data-disabled]),fieldset:disabled .m_a8645c2 {
    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)
}

.m_c9ade57f:where([data-inverted][data-disabled]),fieldset:disabled .m_c9ade57f:where([data-inverted]) {
    --track-bg: var(--slider-track-disabled-bg)
}

.m_c9ade57f:before {
    content: "";
    inset-inline: calc(var(--slider-size) * -1);
    background-color: var(--track-bg,var(--slider-track-bg));
    z-index: 0
}

.m_38aeed47,.m_c9ade57f:before {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--slider-radius)
}

.m_38aeed47 {
    z-index: 1;
    background-color: var(--slider-color);
    width: var(--slider-bar-width);
    inset-inline-start: var(--slider-bar-offset)
}

.m_38aeed47:where([data-inverted]) {
    background-color: var(--slider-track-bg)
}

:where([data-mantine-color-scheme=light]) .m_38aeed47:where([data-disabled]:not([data-inverted])),:where([data-mantine-color-scheme=light]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])) {
    background-color: var(--mantine-color-gray-4)
}

:where([data-mantine-color-scheme=dark]) .m_38aeed47:where([data-disabled]:not([data-inverted])),:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])) {
    background-color: var(--mantine-color-dark-3)
}

.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));
    transform: translateX((calc(var(--slider-size) / -2)));
    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)
}

:where([data-mantine-color-scheme=light]) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
    border-color: var(--mantine-color-gray-4)
}

:where([data-mantine-color-scheme=dark]) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
    border-color: var(--mantine-color-dark-3)
}

.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)
}

.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 {
    --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
    transition: background-color .15s ease;
    flex: 1
}

:where([data-mantine-color-scheme=light]) .m_2a371ac9 {
    background-color: var(--mantine-color-gray-2)
}

:where([data-mantine-color-scheme=dark]) .m_2a371ac9 {
    background-color: var(--mantine-color-dark-2)
}

.m_2a371ac9:where([data-active]) {
    background-color: var(--stepper-color)
}

.m_2a371ac9:where([data-orientation=horizontal]) {
    height: calc(.125rem * var(--mantine-scale));
    margin-inline:var(--mantine-spacing-md)}

.m_2a371ac9:where([data-orientation=vertical]) {
    width:calc(.125rem * var(--mantine-scale));
    margin-top: calc(var(--mantine-spacing-xs) / 2);
    margin-bottom: calc(var(--mantine-spacing-xs) - calc(.125rem * var(--mantine-scale)))
}

.m_2a371ac9:where([data-orientation=vertical]):where([data-icon-position=left]) {
    margin-inline-start:var(--separator-offset)}

.m_2a371ac9:where([data-orientation=vertical]):where([data-icon-position=right]) {
    margin-inline-end:var(--separator-offset)
}

.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) .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:calc(.125rem * var(--mantine-scale)) solid}

:where([data-mantine-color-scheme=light]) .m_6496b3f3 {
    border-color:var(--mantine-color-gray-1)
}

:where([data-mantine-color-scheme=dark]) .m_6496b3f3 {
    border-color: var(--mantine-color-dark-5)
}

.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: calc(.125rem * var(--mantine-scale)) solid
}

:where([data-mantine-color-scheme=light]) .m_1959ad01 {
    background-color: var(--mantine-color-gray-1);
    border-color: var(--mantine-color-gray-1);
    color: var(--mantine-color-gray-7)
}

:where([data-mantine-color-scheme=dark]) .m_1959ad01 {
    background-color: var(--mantine-color-dark-5);
    border-color: var(--mantine-color-dark-5);
    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;
    inset: 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) - calc(.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(0.75rem * var(--mantine-scale));
    --switch-thumb-size-sm: calc(0.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(0.3125rem * var(--mantine-scale));
    --switch-label-font-size-sm: calc(0.375rem * var(--mantine-scale));
    --switch-label-font-size-md: calc(0.4375rem * var(--mantine-scale));
    --switch-label-font-size-lg: calc(0.5625rem * var(--mantine-scale));
    --switch-label-font-size-xl: calc(0.6875rem * var(--mantine-scale));
    --switch-track-label-padding-xs: calc(0.0625rem * var(--mantine-scale));
    --switch-track-label-padding-sm: calc(0.125rem * var(--mantine-scale));
    --switch-track-label-padding-md: calc(0.125rem * var(--mantine-scale));
    --switch-track-label-padding-lg: calc(0.1875rem * var(--mantine-scale));
    --switch-track-label-padding-xl: calc(0.1875rem * 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);
    position: relative
}

.m_926b4011 {
    height: 0;
    width: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    white-space: nowrap
}

.m_926b4011,.m_9307d992 {
    margin: 0;
    overflow: hidden
}

.m_9307d992 {
    -webkit-tap-highlight-color: transparent;
    cursor: var(--switch-cursor,var(--mantine-cursor-type));
    position: relative;
    border-radius: var(--switch-radius);
    background-color: var(--switch-bg);
    border: calc(.0625rem * var(--mantine-scale)) solid var(--switch-bd);
    height: var(--switch-height);
    min-width: var(--switch-width);
    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_926b4011:focus-visible+.m_9307d992 {
    outline: calc(.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
    outline-offset: calc(.125rem * var(--mantine-scale))
}

.m_926b4011:checked+.m_9307d992 {
    --switch-bg: var(--switch-color);
    --switch-bd: 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-bd: var(--switch-disabled-color);
    --switch-cursor:not-allowed
}

[data-mantine-color-scheme=light] .m_9307d992 {
    --switch-bg: var(--mantine-color-gray-2);
    --switch-bd: var(--mantine-color-gray-3);
    --switch-text-color: var(--mantine-color-gray-6);
    --switch-disabled-color: var(--mantine-color-gray-2)
}

[data-mantine-color-scheme=dark] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-6);
    --switch-bd: var(--mantine-color-dark-4);
    --switch-text-color: var(--mantine-color-dark-1);
    --switch-disabled-color: var(--mantine-color-dark-4)
}

.m_9307d992[data-error] {
    --switch-bd: var(--mantine-color-error)
}

.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);
    border: calc(.0625rem * var(--mantine-scale)) solid var(--switch-thumb-bd);
    inset-inline-start: var(--switch-thumb-start,var(--switch-track-label-padding));
    transition: inset-inline-start .15s ease
}

.m_93039a1d>* {
    margin: auto
}

.m_926b4011:checked+*>.m_93039a1d {
    --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
    --switch-thumb-bd: var(--mantine-color-white)
}

.m_926b4011:disabled+*>.m_93039a1d,.m_926b4011[data-disabled]+*>.m_93039a1d {
    --switch-thumb-bd: var(--switch-thumb-bg-disabled);
    --switch-thumb-bg: var(--switch-thumb-bg-disabled)
}

[data-mantine-color-scheme=light] .m_93039a1d {
    --switch-thumb-bd: var(--mantine-color-gray-3);
    --switch-thumb-bg-disabled: var(--mantine-color-gray-0)
}

[data-mantine-color-scheme=dark] .m_93039a1d {
    --switch-thumb-bd: var(--mantine-color-white);
    --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;
    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_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(: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: 1
}

.m_b242d975:where([data-sticky]) {
    position: sticky;
    background-color: var(--mantine-color-body)
}

.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)
}

.m_89d60db1 {
    display: var(--tabs-display);
    flex-direction: var(--tabs-flex-direction);
    --tab-justify: flex-start;
    --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)
}

[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[data-orientation=horizontal] {
    --tab-justify: center
}

.m_89d60db1[data-variant=default] {
    --tabs-list-border-width: calc(0.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(0.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);
    --tab-grow: unset
}

.m_89d33d6d[data-grow] {
    --tab-grow: 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;
    flex-grow: var(--tab-grow);
    justify-content: var(--tab-justify)
}

.m_4ec4dce6:disabled,.m_4ec4dce6[data-disabled] {
    opacity: .5;
    cursor:not-allowed
}

.m_4ec4dce6:focus {
    z-index: 1
}

.m_fc420b1f {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: var(--tab-section-margin-left,0);
    margin-right: var(--tab-section-margin-right,0)
}

.m_fc420b1f[data-position=left]:not(:only-child) {
    --tab-section-margin-right: var(--mantine-spacing-xs)
}

[dir=rtl] .m_fc420b1f[data-position=left]:not(:only-child) {
    --tab-section-margin-right: 0rem;
    --tab-section-margin-left: var(--mantine-spacing-xs)
}

.m_fc420b1f[data-position=right]:not(:only-child) {
    --tab-section-margin-left: var(--mantine-spacing-xs)
}

[dir=rtl] .m_fc420b1f[data-position=right]:not(:only-child) {
    --tab-section-margin-left: 0rem;
    --tab-section-margin-right: var(--mantine-spacing-xs)
}

.m_576c9d4 {
    position: relative
}

.m_576c9d4: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_539e827b {
    border-radius: var(--tab-radius);
    border-width: var(--tab-border-width);
    border-style: solid;
    border-color: transparent;
    background-color: var(--tab-bg);
    --tab-bg: transparent
}

.m_539e827b:where([data-active]) {
    border-color: var(--tabs-color)
}

@media (hover: hover) {
    .m_539e827b:hover {
        --tab-bg:var(--tab-hover-color)
    }

    .m_539e827b:hover:where(:not([data-active])) {
        border-color: var(--tab-border-color)
    }
}

@media (hover: none) {
    .m_539e827b:active {
        --tab-bg: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 {
        --tab-bg:transparent
    }
}

@media (hover: none) {
    .m_539e827b:disabled:active,.m_539e827b[data-disabled]:active {
        --tab-bg: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-color: transparent;
    border-bottom-color: transparent;
    border-right: calc(.0625rem * var(--mantine-scale)) solid transparent;
    border-left: calc(.0625rem * var(--mantine-scale)) solid transparent;
    border-top: calc(.0625rem * var(--mantine-scale)) solid var(--tab-border-top-color);
    border-bottom: calc(.0625rem * var(--mantine-scale)) solid 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(-0.0625rem * var(--mantine-scale));
    --tab-after-bottom: auto;
    --tab-after-top: calc(-0.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(-0.0625rem * var(--mantine-scale));
    --tab-before-left: auto;
    --tab-before-bottom: auto;
    --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
    --tab-after-left: auto;
    --tab-after-right: calc(-0.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(-0.0625rem * var(--mantine-scale));
    --tab-after-left: calc(-0.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(-0.0625rem * var(--mantine-scale));
    --tab-before-right: auto;
    --tab-before-bottom: auto;
    --tab-before-top: calc(-0.0625rem * var(--mantine-scale));
    --tab-after-right: auto;
    --tab-after-left: calc(-0.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(-0.0625rem * var(--mantine-scale));
    --tab-after-right: calc(-0.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,calc(.0625rem * var(--mantine-scale)) 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(0.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
}

.m_43657ece[data-align=right] .m_436178ff:before,[dir=rtl] .m_43657ece[data-align=left] .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_d6493fad :first-child {
    margin-top: 0
}

.m_d6493fad :last-child {
    margin-bottom: 0
}

.m_d6493fad :where(h1,h2,h3,h4,h5,h6) {
    margin-bottom: var(--mantine-spacing-xs);
    text-wrap: var(--mantine-heading-text-wrap)
}

.m_d6493fad :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_d6493fad :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_d6493fad :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_d6493fad :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_d6493fad :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_d6493fad :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_d6493fad :where(img) {
    max-width: 100%;
    margin-bottom: var(--mantine-spacing-xs)
}

.m_d6493fad :where(p) {
    margin-top: 0;
    margin-bottom: var(--mantine-spacing-lg)
}

:where([data-mantine-color-scheme=light]) .m_d6493fad :where(mark) {
    background-color: var(--mantine-color-yellow-2);
    color: inherit
}

:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(mark) {
    background-color: var(--mantine-color-yellow-5);
    color: var(--mantine-color-black)
}

.m_d6493fad :where(a) {
    color: var(--mantine-color-anchor);
    text-decoration: none
}

@media (hover: hover) {
    .m_d6493fad :where(a):hover {
        text-decoration:underline
    }
}

@media (hover: none) {
    .m_d6493fad :where(a):active {
        text-decoration:underline
    }
}

.m_d6493fad :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_d6493fad :where(hr) {
    border-color: var(--mantine-color-gray-3)
}

:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(hr) {
    border-color: var(--mantine-color-dark-3)
}

.m_d6493fad :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_d6493fad :where(pre) {
    background-color: var(--mantine-color-gray-0)
}

:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(pre) {
    background-color: var(--mantine-color-dark-8)
}

.m_d6493fad :where(pre) :where(code) {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    color: inherit;
    border: 0
}

.m_d6493fad :where(kbd) {
    --kbd-fz: calc(0.75rem * var(--mantine-scale));
    --kbd-padding: calc(0.1875rem * var(--mantine-scale)) calc(0.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_d6493fad :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_d6493fad :where(kbd) {
    border-color: var(--mantine-color-dark-3);
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-5)
}

.m_d6493fad :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_d6493fad :where(code) {
    background-color: var(--mantine-color-gray-0);
    color: var(--mantine-color-black)
}

:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(code) {
    background-color: var(--mantine-color-dark-5);
    color: var(--mantine-color-white)
}

.m_d6493fad :where(ul,ol):not([data-type=taskList]) {
    margin-bottom: var(--mantine-spacing-md);
    padding-inline-start:calc(2.375rem * var(--mantine-scale))}

.m_d6493fad :where(ul,ol):not([data-type=taskList]) :where(li) {
    margin-bottom:var(--mantine-spacing-xs)
}

.m_d6493fad :where(table) {
    width: 100%;
    border-collapse: collapse;
    caption-side: bottom;
    margin-bottom: var(--mantine-spacing-md)
}

.m_d6493fad :where(table) :where(caption) {
    margin-top: var(--mantine-spacing-xs);
    font-size: var(--mantine-font-size-sm);
    color: var(--mantine-color-gray-6)
}

.m_d6493fad :where(table) :where(th) {
    text-align: left;
    font-weight: 700;
    color: var(--mantine-color-gray-7);
    font-size: var(--mantine-font-size-sm);
    padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm)
}

.m_d6493fad :where(table) :where(thead th) {
    border-bottom: calc(.0625rem * var(--mantine-scale)) solid;
    border-color: var(--mantine-color-gray-3)
}

.m_d6493fad :where(table) :where(tfoot th) {
    border-top: calc(.0625rem * var(--mantine-scale)) solid;
    border-color: var(--mantine-color-gray-3)
}

.m_d6493fad :where(table) :where(td) {
    padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
    border-bottom: calc(.0625rem * var(--mantine-scale)) solid;
    border-color: var(--mantine-color-gray-3);
    font-size: var(--mantine-font-size-sm)
}

.m_d6493fad :where(table) :where(tr:last-of-type td) {
    border-bottom: 0
}

.m_d6493fad :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_d6493fad :where(blockquote) {
    background-color: var(--mantine-color-gray-0)
}

:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(blockquote) {
    background-color: var(--mantine-color-dark-8)
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 600px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: -150px;
    top: 40px;
    border-radius: 10px;
}
.icon {
    height: auto;
    display: flex
;
    align-items: center;
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.show{
    display: block !important;
}
.dropdown a:hover {
    background-color: #ddd;
}
.head_nav {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-direction: row;
    flex-wrap: wrap;
}

.head_nav a, button.dropbtn {
    color: #EDC360;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}
button.dropbtn svg {
    stroke: #EDC360;
}
.services-flex {
    padding-top: 10px;
}
header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #291435;
    padding: 15px;
    position: relative;
}
.services-flex ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns layout */
    gap: 20px;
    padding: 0;
    list-style: none;
    padding: 20px;
}
.services-flex ul li {
    display: flex;
    align-items: start;
    gap: 15px;
}
.services-flex ul li h3 {
    color: #000;
    font-weight: 500;
}
.services-flex ul li  p {
    font-size: 14px;
}
.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-bottom: 1px solid;
    border-bottom: 1px solid;
    font-weight: 700;
    position: relative;
}
.accordion::before{
    position: absolute;
    top: 15px;
    right: 0px;
    content: "+";
    height: 15px;
    width: 15px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    transition: 0.4s;
}
button.accordion.active::before{
    transition: 0.4s;
    content: "-";
}
.active, .accordion:hover {
  background-color: transparent; 
}
.w-full .panel {
    padding: 15px 10px 0px;
}
.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.services-flex ul li p{
    font-size: 14px;
    color: #868e96;
    font-weight: 400;
}
.services-flex a{
    color: #000;
}
i.fa.fa-bars {
    color: #fff;
}
h1.mb-5.text-5xl.font-bold.text-slate-200 {
    font-size: 32px;
}
html.__className_ac79ff.dark html.__className_ac79ff.dark h1,
html.__className_ac79ff.dark button.accordion, 
html.__className_ac79ff.dark .panel, html.__className_ac79ff.dark .accordion::before, html.__className_ac79ff.dark .mobile_show h2 {
    background: transparent;
    color: #fff;
}
.ourpakages h2.text-2xl {
    text-align: center;
}
.ourpakages_box h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.ourpakages_box ul {
    list-style-type: disc;
    margin: 10px 0px 10px 20px;
}
.ourpakages_flex {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-content: space-between;
    gap: 50px;
    padding: 60px;
}
.ourpakages_box {
    border: 1px solid #cdcdcd;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.roof_cunt ul li {
    list-style-type: square;
    margin-left: 20px;
}
.roof_cunt ul {
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
.ourpakages_flex {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
    .ourpakages_flex{
        flex-wrap: wrap;
    }
    .head_nav {
    text-align: left;
    position: fixed;
    top: 0px;
    left: -300px;
    z-index: 9;
    width: 300px;
    height: 101vh;
    transition-duration: 500ms;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 20px 0px;
    background: #fff;
}

.head_nav.show {
    left: 0px;
}
.head_nav a, button.dropbtn{
    margin-bottom: 20px;
    font-size: 16px;
}
    a.mobile_show {
        display: block;
        position: absolute;
        right: 20px;
        font-size: 20px;
    }
    .dropdown-content{
        position: static;
        width: auto;
        min-width: auto;
        background: transparent;
        box-shadow: unset;
    }
    .services-flex ul{
        grid-template-columns: repeat(1, 1fr);
        padding: 0px;
    }
    .services-flex a {
        margin: 0;
        padding: 0;
    }
    .services-flex ul li p {
        font-size: 12px;
    }
    h2.mb-5.text-5xl.font-bold.text-slate-200 {
    font-size: 24px;
    }
    .py-12 {
    padding-top: 0;
    padding-bottom: 0;
    }
    .my-12 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .mobile_show{
        display: block;
    }
    .mobile_show h2{
        font-size: 20px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .head_nav a, button.dropbtn{
        color: #000;
    }
    .w-96 {
    width: 100%;
    }
    button.dropbtn svg {
        stroke: #000;
    }
    .w-96 a {
        word-break: break-all;
    }
    .min-h-screen{
        margin-top: 30px;
    }
    .accordion{
        font-size: 15px;
    }
    .w-full .panel {
        padding: 15px 10px 0px;
        font-size: 14px;
    }
    form.w-3\/4.md\:w-3\/4.lg\:w-1\/2.xl\:w-1\/4 {
    width: 100%;
}
.ourpakages_flex, .flex.flex-col.justify-center.items-center.sm\:flex-row.sm\:flex-wrap.w-full.justify-around.pt-8, .flex.flex-col.items-center.justify-center.sm\:flex-row.sm\:flex-wrap.w-full.justify-around.my-12, .flex.flex-col.justify-start.items-center{
    padding: 15px;
}
}

@media (max-width: 680px) {
.ourpakages_flex {
    grid-template-columns: repeat(1, 1fr);
}
}