@charset "UTF-8";@keyframes marching-ants {
    0% {
        background-position: 0 0,0 100%,0 0,100% 0
    }

    to {
        background-position: 20px 0,-20px 100%,0 -20px,100% 20px
    }
}

:root {
    --rc-drag-handle-size: 12px;
    --rc-drag-handle-mobile-size: 24px;
    --rc-drag-handle-bg-colour: rgba(0,0,0,.2);
    --rc-drag-bar-size: 6px;
    --rc-border-color: rgba(255,255,255,.7);
    --rc-focus-color: #0088ff
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    max-width: 100%
}

.ReactCrop *,.ReactCrop :after,.ReactCrop :before {
    box-sizing: border-box
}

.ReactCrop--disabled,.ReactCrop--locked {
    cursor: inherit
}

.ReactCrop__child-wrapper {
    overflow: hidden;
    max-height: inherit
}

.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video {
    display: block;
    max-width: 100%;
    max-height: inherit
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
    touch-action: none
}

.ReactCrop__crop-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    width: calc(100% + .5px);
    height: calc(100% + .5px)
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateZ(0);
    cursor: move
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
    border-radius: 50%
}

.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid var(--rc-border-color);
    opacity: .3
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
    outline: 1px dashed white
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
    animation: marching-ants 1s;
    background-image: linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);
    background-size: 10px 1px,10px 1px,1px 10px,1px 10px;
    background-position: 0 0,0 100%,0 0,100% 0;
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    color: #fff;
    animation-play-state: running;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.ReactCrop__crop-selection:focus {
    outline: 2px solid var(--rc-focus-color);
    outline-offset: -1px
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none
}

.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff6
}

.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before {
    width: 1px;
    height: 100%
}

.ReactCrop__rule-of-thirds-vt:before {
    left: 33.3333333333%
}

.ReactCrop__rule-of-thirds-vt:after {
    left: 66.6666666667%
}

.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before {
    width: 100%;
    height: 1px
}

.ReactCrop__rule-of-thirds-hz:before {
    top: 33.3333333333%
}

.ReactCrop__rule-of-thirds-hz:after {
    top: 66.6666666667%
}

.ReactCrop__drag-handle {
    position: absolute;
    width: var(--rc-drag-handle-size);
    height: var(--rc-drag-handle-size);
    background-color: var(--rc-drag-handle-bg-colour);
    border: 1px solid var(--rc-border-color)
}

.ReactCrop__drag-handle:focus {
    background: var(--rc-focus-color)
}

.ReactCrop .ord-nw {
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    cursor: nw-resize
}

.ReactCrop .ord-n {
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: n-resize
}

.ReactCrop .ord-ne {
    top: 0;
    cursor: ne-resize
}

.ReactCrop .ord-e,.ReactCrop .ord-ne {
    right: 0;
    transform: translate(50%,-50%)
}

.ReactCrop .ord-e {
    top: 50%;
    cursor: e-resize
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    transform: translate(50%,50%);
    cursor: se-resize
}

.ReactCrop .ord-s {
    left: 50%;
    cursor: s-resize
}

.ReactCrop .ord-s,.ReactCrop .ord-sw {
    bottom: 0;
    transform: translate(-50%,50%)
}

.ReactCrop .ord-sw {
    left: 0;
    cursor: sw-resize
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    cursor: w-resize
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit
}

.ReactCrop__drag-bar {
    position: absolute
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    transform: translateY(-50%)
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    transform: translate(50%)
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    transform: translateY(50%)
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    transform: translate(-50%)
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle {
    display: none
}

@media (pointer: coarse) {
    .ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w {
        display:none
    }

    .ReactCrop__drag-handle {
        width: var(--rc-drag-handle-mobile-size);
        height: var(--rc-drag-handle-mobile-size)
    }
}

.rs-theme-light,:root {
    --rs-gray-0: #fff;
    --rs-gray-50: #f7f7fa;
    --rs-gray-100: #f2f2f5;
    --rs-gray-200: #e5e5ea;
    --rs-gray-300: #d9d9d9;
    --rs-gray-400: #b6b7b8;
    --rs-gray-500: #939393;
    --rs-gray-600: #717273;
    --rs-gray-700: #575757;
    --rs-gray-800: #343434;
    --rs-gray-900: #121212;
    --rs-primary-50: #f2faff;
    --rs-primary-100: #cce9ff;
    --rs-primary-200: #a6d7ff;
    --rs-primary-400: #59afff;
    --rs-primary-500: #3498ff;
    --rs-primary-600: #2589f5;
    --rs-primary-700: #1675e0;
    --rs-primary-800: #0a5dc2;
    --rs-primary-900: #004299;
    --rs-color-red: #f44336;
    --rs-red-200: #faa9a7;
    --rs-red-400: #f7635c;
    --rs-red-500: #f44336;
    --rs-red-600: #eb3626;
    --rs-red-700: #d62915;
    --rs-red-800: #b81c07;
    --rs-red-900: #8f1300;
    --rs-orange-200: #fcc690;
    --rs-orange-400: #fa9b2f;
    --rs-orange-500: #fa8900;
    --rs-orange-600: #f08800;
    --rs-orange-700: #db8000;
    --rs-orange-800: #bd7100;
    --rs-orange-900: #945b00;
    --rs-yellow-200: #ffd991;
    --rs-yellow-400: #ffbe30;
    --rs-yellow-500: #ffb300;
    --rs-yellow-600: #f5af00;
    --rs-yellow-700: #e0a500;
    --rs-yellow-800: #c29100;
    --rs-yellow-900: #997500;
    --rs-green-200: #a5e0a4;
    --rs-green-400: #65bf67;
    --rs-green-500: #4caf50;
    --rs-green-600: #37ab3c;
    --rs-green-700: #22a12a;
    --rs-green-800: #0f9119;
    --rs-green-900: #007d0c;
    --rs-cyan-200: #87e6ed;
    --rs-cyan-400: #2acadb;
    --rs-cyan-500: #00bcd4;
    --rs-cyan-600: #00b1cc;
    --rs-cyan-700: #00a0bd;
    --rs-cyan-800: #008aa6;
    --rs-cyan-900: #006e87;
    --rs-blue-200: #9bd4fa;
    --rs-blue-400: #49abf5;
    --rs-blue-500: #2196f3;
    --rs-blue-600: #1787e8;
    --rs-blue-700: #0d73d4;
    --rs-blue-800: #045cb5;
    --rs-blue-900: #00448c;
    --rs-violet-200: #b6a1e3;
    --rs-violet-400: #805ac7;
    --rs-violet-500: #673ab7;
    --rs-violet-600: #5f2bb3;
    --rs-violet-700: #531ba8;
    --rs-violet-800: #470c99;
    --rs-violet-900: #390085;
    --rs-state-error: var(--rs-color-red);
    --rs-text-primary: var(--rs-gray-800);
    --rs-text-secondary: var(--rs-gray-600);
    --rs-text-inverse: var(--rs-gray-50);
    --rs-text-active: var(--rs-primary-700);
    --rs-text-disabled: var(--rs-gray-600);
    --rs-text-error: var(--rs-color-red);
    --rs-text-highlight-bg: #fff6c9;
    --rs-border-primary: var(--rs-gray-200);
    --rs-border-secondary: var(--rs-gray-100);
    --rs-bg-overlay: var(--rs-gray-0);
    --rs-bg-well: var(--rs-gray-50);
    --rs-bg-active: var(--rs-primary-500);
    --rs-state-hover-bg: var(--rs-primary-50);
    --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b/25%);
    --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b/25%);
    --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b/25%);
    --rs-shadow-overlay: 0 4px 4px rgba(0,0,0,0.12),0 0 10px rgba(0,0,0,0.06);
    --rs-btn-default-bg: var(--rs-gray-50);
    --rs-btn-default-text: var(--rs-gray-800);
    --rs-btn-default-hover-bg: var(--rs-gray-200);
    --rs-btn-default-active-bg: var(--rs-gray-300);
    --rs-btn-default-active-text: var(--rs-gray-900);
    --rs-btn-default-disabled-bg: var(--rs-gray-50);
    --rs-btn-default-disabled-text: var(--rs-gray-600);
    --rs-btn-primary-bg: var(--rs-primary-500);
    --rs-btn-primary-text: var(--rs-gray-0);
    --rs-btn-primary-hover-bg: var(--rs-primary-600);
    --rs-btn-primary-active-bg: var(--rs-primary-700);
    --rs-btn-subtle-text: var(--rs-gray-800);
    --rs-btn-subtle-hover-bg: var(--rs-gray-200);
    --rs-btn-subtle-hover-text: var(--rs-gray-800);
    --rs-btn-subtle-active-bg: var(--rs-gray-200);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-subtle-disabled-text: var(--rs-gray-400);
    --rs-btn-ghost-border: var(--rs-primary-700);
    --rs-btn-ghost-text: var(--rs-primary-700);
    --rs-btn-ghost-hover-border: var(--rs-primary-800);
    --rs-btn-ghost-hover-text: var(--rs-primary-800);
    --rs-btn-ghost-active-border: var(--rs-primary-900);
    --rs-btn-ghost-active-text: var(--rs-primary-900);
    --rs-btn-link-text: var(--rs-primary-700);
    --rs-btn-link-hover-text: var(--rs-primary-800);
    --rs-btn-link-active-text: var(--rs-primary-900);
    --rs-loader-ring: rgb(from var(--rs-gray-50) r g b/80%);
    --rs-loader-rotor: var(--rs-gray-500);
    --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b/90%);
    --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b/30%);
    --rs-loader-rotor-inverse: var(--rs-gray-0);
    --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b/83%);
    --rs-input-bg: var(--rs-gray-0);
    --rs-input-focus-border: var(--rs-primary-500);
    --rs-input-disabled-bg: var(--rs-gray-50);
    --rs-listbox-option-group-bg: var(--rs-gray-0);
    --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b/50%);
    --rs-listbox-option-hover-text: var(--rs-primary-700);
    --rs-close-button-hover-color: var(--rs-color-red);
    --rs-picker-value: var(--rs-primary-700);
    --rs-picker-count-bg: var(--rs-primary-500);
    --rs-picker-count-text: #fff;
    --rs-picker-state-error: var(--rs-state-error);
    --rs-picker-state-error-outline: var(--rs-state-error-outline);
    --rs-calendar-today-bg: var(--rs-primary-500);
    --rs-calendar-today-text: #fff;
    --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b/50%);
    --rs-calendar-time-unit-bg: var(--rs-gray-50);
    --rs-calendar-date-selected-text: #fff;
    --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700)
}

@supports not (color: rgb(from white r g b)) {
    .rs-theme-light,:root {
        --rs-color-focus-ring:rgba(52,152,255,0.25);
        --rs-state-focus-shadow: 0 0 0 3px rgba(52,152,255,0.25);
        --rs-loader-ring: rgba(247,247,250,0.8);
        --rs-loader-backdrop: rgba(255,255,255,0.9);
        --rs-loader-ring-inverse: rgba(247,247,250,0.3);
        --rs-loader-backdrop-inverse: rgba(18,18,18,0.83);
        --rs-listbox-option-hover-bg: rgba(204,233,255,0.5);
        --rs-calendar-range-bg: rgba(204,233,255,0.5)
    }
}

.rs-theme-dark {
    --rs-gray-0: #fff;
    --rs-gray-50: #e9ebf0;
    --rs-gray-100: #cbced4;
    --rs-gray-200: #a4a9b3;
    --rs-gray-300: #858b94;
    --rs-gray-400: #6a6f76;
    --rs-gray-500: #5c6066;
    --rs-gray-600: #3c3f43;
    --rs-gray-700: #292d33;
    --rs-gray-800: #1a1d24;
    --rs-gray-900: #0f131a;
    --rs-primary-50: #f2fcff;
    --rs-primary-100: #ccf3ff;
    --rs-primary-200: #a6e9ff;
    --rs-primary-400: #59d0ff;
    --rs-primary-500: #34c3ff;
    --rs-primary-600: #25b3f5;
    --rs-primary-700: #169de0;
    --rs-primary-800: #0a81c2;
    --rs-primary-900: #006199;
    --rs-color-red: #f04f43;
    --rs-red-200: #faa9a7;
    --rs-red-400: #f26a63;
    --rs-red-500: #f04f43;
    --rs-red-600: #e63f30;
    --rs-red-700: #d12f1d;
    --rs-red-800: #b3200c;
    --rs-red-900: #8a1200;
    --rs-orange-200: #ffce91;
    --rs-orange-400: #ffa930;
    --rs-orange-500: #ff9800;
    --rs-orange-600: #f59700;
    --rs-orange-700: #e08e00;
    --rs-orange-800: #c27e00;
    --rs-orange-900: #996600;
    --rs-yellow-200: #ffe2b3;
    --rs-yellow-400: #ffcf75;
    --rs-yellow-500: #ffc757;
    --rs-yellow-600: #f5bb3d;
    --rs-yellow-700: #e0a824;
    --rs-yellow-800: #c28f0e;
    --rs-yellow-900: #997000;
    --rs-green-200: #aee0ad;
    --rs-green-400: #71bf72;
    --rs-green-500: #58b15b;
    --rs-green-600: #3fab45;
    --rs-green-700: #27a12f;
    --rs-green-800: #10911b;
    --rs-green-900: #007d0c;
    --rs-cyan-200: #87e6ed;
    --rs-cyan-400: #2acadb;
    --rs-cyan-500: #00bcd4;
    --rs-cyan-600: #00b1cc;
    --rs-cyan-700: #00a0bd;
    --rs-cyan-800: #008aa6;
    --rs-cyan-900: #006e87;
    --rs-blue-200: #93d6fa;
    --rs-blue-400: #3dadf2;
    --rs-blue-500: #1499ef;
    --rs-blue-600: #0e8ce6;
    --rs-blue-700: #087ad1;
    --rs-blue-800: #0464b3;
    --rs-blue-900: #00498a;
    --rs-violet-200: #b6a1e3;
    --rs-violet-400: #805ac7;
    --rs-violet-500: #673ab7;
    --rs-violet-600: #5f2bb3;
    --rs-violet-700: #531ba8;
    --rs-violet-800: #470c99;
    --rs-violet-900: #390085;
    --rs-state-error: var(--rs-color-red);
    --rs-text-primary: var(--rs-gray-50);
    --rs-text-secondary: var(--rs-gray-200);
    --rs-text-inverse: var(--rs-gray-800);
    --rs-text-active: var(--rs-primary-500);
    --rs-text-disabled: var(--rs-gray-400);
    --rs-border-primary: var(--rs-gray-600);
    --rs-border-secondary: var(--rs-gray-700);
    --rs-bg-overlay: var(--rs-gray-700);
    --rs-bg-well: var(--rs-gray-900);
    --rs-bg-active: var(--rs-primary-700);
    --rs-state-hover-bg: var(--rs-gray-600);
    --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b/25%);
    --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b/25%);
    --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b/25%);
    --rs-shadow-overlay: 0 4px 4px rgba(0,0,0,0.12),0 0 10px rgba(0,0,0,0.06);
    --rs-btn-default-bg: var(--rs-gray-600);
    --rs-btn-default-text: var(--rs-gray-50);
    --rs-btn-default-hover-bg: var(--rs-gray-500);
    --rs-btn-default-active-bg: var(--rs-gray-300);
    --rs-btn-default-active-text: var(--rs-gray-0);
    --rs-btn-default-disabled-bg: var(--rs-gray-600);
    --rs-btn-default-disabled-text: var(--rs-gray-400);
    --rs-btn-primary-bg: var(--rs-primary-700);
    --rs-btn-primary-text: var(--rs-gray-0);
    --rs-btn-primary-hover-bg: var(--rs-primary-600);
    --rs-btn-primary-active-bg: var(--rs-primary-400);
    --rs-btn-subtle-text: var(--rs-gray-200);
    --rs-btn-subtle-hover-bg: var(--rs-gray-500);
    --rs-btn-subtle-hover-text: var(--rs-gray-50);
    --rs-btn-subtle-active-bg: var(--rs-gray-400);
    --rs-btn-subtle-active-text: var(--rs-gray-0);
    --rs-btn-subtle-disabled-text: var(--rs-gray-500);
    --rs-btn-ghost-border: var(--rs-primary-500);
    --rs-btn-ghost-text: var(--rs-primary-500);
    --rs-btn-ghost-hover-border: var(--rs-primary-400);
    --rs-btn-ghost-hover-text: var(--rs-primary-400);
    --rs-btn-ghost-active-border: var(--rs-primary-200);
    --rs-btn-ghost-active-text: var(--rs-primary-200);
    --rs-btn-link-text: var(--rs-primary-500);
    --rs-btn-link-hover-text: var(--rs-primary-400);
    --rs-btn-link-active-text: var(--rs-primary-200);
    --rs-loader-ring: rgb(from var(--rs-gray-50) r g b/30%);
    --rs-loader-rotor: var(--rs-gray-0);
    --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b/83%);
    --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b/80%);
    --rs-loader-rotor-inverse: var(--rs-gray-500);
    --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b/90%);
    --rs-input-bg: var(--rs-gray-800);
    --rs-input-focus-border: var(--rs-primary-500);
    --rs-input-disabled-bg: var(--rs-gray-700);
    --rs-listbox-option-group-bg: var(--rs-gray-700);
    --rs-listbox-option-hover-bg: var(--rs-gray-600);
    --rs-listbox-option-hover-text: currentColor;
    --rs-close-button-hover-color: var(--rs-color-red);
    --rs-picker-value: var(--rs-primary-500);
    --rs-picker-count-bg: var(--rs-primary-700);
    --rs-picker-count-text: #fff;
    --rs-calendar-today-bg: var(--rs-primary-700);
    --rs-calendar-today-text: #fff;
    --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b/50%);
    --rs-calendar-time-unit-bg: var(--rs-gray-600);
    --rs-calendar-date-selected-text: #fff;
    --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700)
}

@supports not (color: rgb(from white r g b)) {
    .rs-theme-dark {
        --rs-color-focus-ring:0 0 0 3px rgba(52,195,255,0.25);
        --rs-state-focus-shadow: 0 0 0 3px rgba(52,195,255,0.25);
        --rs-loader-ring: rgba(233,235,240,0.3);
        --rs-loader-backdrop: rgba(15,19,26,0.83);
        --rs-loader-ring-inverse: rgba(233,235,240,0.8);
        --rs-loader-backdrop-inverse: rgba(255,255,255,0.9);
        --rs-calendar-range-bg: rgba(0,97,153,0.5)
    }
}

.rs-theme-high-contrast {
    --rs-gray-0: #fff;
    --rs-gray-50: #e9ebf0;
    --rs-gray-100: #cbced4;
    --rs-gray-200: #a4a9b3;
    --rs-gray-300: #858b94;
    --rs-gray-400: #6a6f76;
    --rs-gray-500: #5c6066;
    --rs-gray-600: #3c3f43;
    --rs-gray-700: #292d33;
    --rs-gray-800: #1a1d24;
    --rs-gray-900: #0f131a;
    --rs-primary-50: #fffef2;
    --rs-primary-100: #fffbc2;
    --rs-primary-200: #fffa91;
    --rs-primary-400: #fffc30;
    --rs-primary-500: #ffff00;
    --rs-primary-600: #f1f500;
    --rs-primary-700: #d9e000;
    --rs-primary-800: #b8c200;
    --rs-primary-900: #8f9900;
    --rs-color-red: #bd1732;
    --rs-red-200: #e691a3;
    --rs-red-400: #c93a55;
    --rs-red-500: #bd1732;
    --rs-red-600: #b51029;
    --rs-red-700: #a60a1f;
    --rs-red-800: #8f0414;
    --rs-red-900: #70000b;
    --rs-orange-200: #ffce91;
    --rs-orange-400: #ffa930;
    --rs-orange-500: #ff9800;
    --rs-orange-600: #f59700;
    --rs-orange-700: #e08e00;
    --rs-orange-800: #c27e00;
    --rs-orange-900: #996600;
    --rs-yellow-200: #ffe2b3;
    --rs-yellow-400: #ffcf75;
    --rs-yellow-500: #ffc757;
    --rs-yellow-600: #f5bb3d;
    --rs-yellow-700: #e0a824;
    --rs-yellow-800: #c28f0e;
    --rs-yellow-900: #997000;
    --rs-green-200: #7ccc8e;
    --rs-green-400: #2a9c46;
    --rs-green-500: #0d822c;
    --rs-green-600: #09802b;
    --rs-green-700: #057a28;
    --rs-green-800: #017325;
    --rs-green-900: #006923;
    --rs-cyan-200: #87e6ed;
    --rs-cyan-400: #2acadb;
    --rs-cyan-500: #00bcd4;
    --rs-cyan-600: #00b1cc;
    --rs-cyan-700: #00a0bd;
    --rs-cyan-800: #008aa6;
    --rs-cyan-900: #006e87;
    --rs-blue-200: #93d6fa;
    --rs-blue-400: #3dadf2;
    --rs-blue-500: #1499ef;
    --rs-blue-600: #0e8ce6;
    --rs-blue-700: #087ad1;
    --rs-blue-800: #0464b3;
    --rs-blue-900: #00498a;
    --rs-violet-200: #b6a1e3;
    --rs-violet-400: #805ac7;
    --rs-violet-500: #673ab7;
    --rs-violet-600: #5f2bb3;
    --rs-violet-700: #531ba8;
    --rs-violet-800: #470c99;
    --rs-violet-900: #390085;
    --rs-state-error: var(--rs-color-red);
    --rs-text-primary: var(--rs-gray-50);
    --rs-text-secondary: var(--rs-gray-200);
    --rs-text-inverse: var(--rs-gray-800);
    --rs-text-active: var(--rs-primary-500);
    --rs-text-disabled: var(--rs-gray-400);
    --rs-text-highlight-bg: var(--rs-primary-500);
    --rs-border-primary: var(--rs-gray-100);
    --rs-border-secondary: var(--rs-gray-700);
    --rs-bg-overlay: var(--rs-gray-800);
    --rs-bg-well: var(--rs-gray-900);
    --rs-bg-active: var(--rs-primary-500);
    --rs-state-hover-bg: var(--rs-gray-600);
    --rs-color-focus-ring: var(--rs-gray-0);
    --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900),0 0 0 5px var(--rs-gray-0);
    --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b/25%);
    --rs-shadow-overlay: 0 4px 4px rgba(0,0,0,0.12),0 0 10px rgba(0,0,0,0.06);
    --rs-btn-default-bg: transparent;
    --rs-btn-default-text: var(--rs-primary-500);
    --rs-btn-default-border: 1px solid var(--rs-primary-500);
    --rs-btn-default-hover-bg: transparent;
    --rs-btn-default-hover-text: var(--rs-primary-400);
    --rs-btn-default-active-bg: transparent;
    --rs-btn-default-active-text: var(--rs-primary-200);
    --rs-btn-default-disabled-bg: transparent;
    --rs-btn-default-disabled-text: var(--rs-primary-900);
    --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
    --rs-btn-primary-bg: var(--rs-primary-500);
    --rs-btn-primary-text: var(--rs-gray-900);
    --rs-btn-primary-hover-bg: var(--rs-primary-400);
    --rs-btn-primary-active-bg: var(--rs-primary-200);
    --rs-btn-subtle-text: var(--rs-primary-500);
    --rs-btn-subtle-hover-bg: transparent;
    --rs-btn-subtle-hover-text: var(--rs-primary-400);
    --rs-btn-subtle-active-bg: transparent;
    --rs-btn-subtle-active-text: var(--rs-primary-200);
    --rs-btn-subtle-disabled-text: var(--rs-gray-500);
    --rs-btn-ghost-border: var(--rs-primary-500);
    --rs-btn-ghost-text: var(--rs-primary-500);
    --rs-btn-ghost-hover-border: var(--rs-primary-400);
    --rs-btn-ghost-hover-text: var(--rs-primary-400);
    --rs-btn-ghost-active-border: var(--rs-primary-200);
    --rs-btn-ghost-active-text: var(--rs-primary-200);
    --rs-btn-link-text: var(--rs-primary-500);
    --rs-btn-link-hover-text: var(--rs-primary-400);
    --rs-btn-link-active-text: var(--rs-primary-200);
    --rs-loader-ring: rgb(from var(--rs-gray-50) r g b/30%);
    --rs-loader-rotor: var(--rs-gray-0);
    --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b/83%);
    --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b/80%);
    --rs-loader-rotor-inverse: var(--rs-gray-500);
    --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b/90%);
    --rs-input-bg: var(--rs-gray-800);
    --rs-input-focus-border: var(--rs-primary-500);
    --rs-input-disabled-bg: var(--rs-gray-700);
    --rs-listbox-option-group-bg: var(--rs-gray-800);
    --rs-listbox-option-hover-bg: transparent;
    --rs-listbox-option-hover-text: var(--rs-primary-500);
    --rs-close-button-hover-color: var(--rs-color-red);
    --rs-picker-value: var(--rs-primary-500);
    --rs-picker-count-bg: var(--rs-primary-500);
    --rs-picker-count-text: var(--rs-gray-900);
    --rs-calendar-today-bg: var(--rs-primary-500);
    --rs-calendar-today-text: var(--rs-gray-900);
    --rs-calendar-range-bg: rgb(from var(--rs-primary-900) r g b/50%);
    --rs-calendar-time-unit-bg: var(--rs-gray-900);
    --rs-calendar-date-selected-text: var(--rs-gray-900);
    --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50)
}

@supports not (color: rgb(from white r g b)) {
    .rs-theme-high-contrast {
        --rs-loader-ring:rgba(233,235,240,0.3);
        --rs-loader-backdrop: rgba(15,19,26,0.83);
        --rs-loader-ring-inverse: rgba(233,235,240,0.8);
        --rs-loader-backdrop-inverse: rgba(255,255,255,0.9);
        --rs-calendar-range-bg: rgba(143,153,0,0.5)
    }
}

[class*=rs-],[class*=rs-]:after,[class*=rs-]:before {
    box-sizing: border-box
}

.rs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s ease-out,background-color .15s ease-out;
    border: none;
    border: var(--rs-btn-default-border,none);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    color: #343434;
    color: var(--rs-btn-default-text);
    background-color: #f7f7fa;
    background-color: var(--rs-btn-default-bg);
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    overflow: hidden;
    position: relative
}

.rs-theme-high-contrast .rs-btn {
    transition: none
}

.rs-btn-ghost.rs-btn {
    padding: 7px 11px
}

.rs-btn-icon.rs-btn {
    padding: 10px;
    line-height: 16px
}

.rs-btn-icon.rs-btn>.rs-icon {
    font-size: 16px
}

.rs-btn-icon-with-text.rs-btn {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-btn>.rs-icon {
    padding: 10px;
    width: 36px;
    height: 36px
}

.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
    padding: 8px 12px 8px 48px
}

.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
    padding: 8px 48px 8px 12px
}

.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-btn:focus-visible {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-theme-high-contrast .rs-btn:focus-visible {
    outline-offset: 2px
}

.rs-btn:focus,.rs-btn:hover {
    color: var(--rs-btn-default-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-default-hover-bg);
    text-decoration: none
}

.rs-btn.rs-btn-active,.rs-btn:active {
    color: #121212;
    color: var(--rs-btn-default-active-text);
    background-color: #d9d9d9;
    background-color: var(--rs-btn-default-active-bg)
}

.rs-btn.rs-btn-disabled,.rs-btn:disabled {
    cursor: not-allowed;
    color: #717273;
    color: var(--rs-btn-default-disabled-text);
    background-color: #f7f7fa;
    background-color: var(--rs-btn-default-disabled-bg)
}

.rs-theme-high-contrast .rs-btn.rs-btn-disabled,.rs-theme-high-contrast .rs-btn:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    .rs-btn {
        -webkit-mask-image:-webkit-radial-gradient(white,black)
    }
}

.rs-btn-start-icon {
    line-height: 0;
    margin-right: 5px
}

.rs-btn-end-icon {
    line-height: 0;
    margin-left: 5px
}

.rs-btn-primary {
    color: #fff;
    color: var(--rs-btn-primary-text);
    background-color: #3498ff;
    background-color: var(--rs-btn-primary-bg);
    border: none
}

.rs-btn-primary:focus,.rs-btn-primary:hover {
    color: #fff;
    color: var(--rs-btn-primary-text);
    background-color: #2589f5;
    background-color: var(--rs-btn-primary-hover-bg)
}

.rs-btn-primary.rs-btn-active,.rs-btn-primary:active {
    color: #fff;
    color: var(--rs-btn-primary-text);
    background-color: #1675e0;
    background-color: var(--rs-btn-primary-active-bg)
}

.rs-btn-primary.rs-btn-disabled,.rs-btn-primary:disabled {
    color: #fff;
    color: var(--rs-btn-primary-text);
    background-color: #3498ff;
    background-color: var(--rs-btn-primary-bg);
    opacity: .3
}

.rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled,.rs-theme-high-contrast .rs-btn-primary:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-btn-subtle {
    color: #343434;
    color: var(--rs-btn-subtle-text);
    background-color: transparent;
    border: none
}

.rs-btn-subtle:focus,.rs-btn-subtle:hover {
    color: #343434;
    color: var(--rs-btn-subtle-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg)
}

.rs-btn-subtle.rs-btn-active,.rs-btn-subtle:active {
    color: #121212;
    color: var(--rs-btn-subtle-active-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-active-bg)
}

.rs-btn-subtle.rs-btn-disabled,.rs-btn-subtle:disabled {
    color: #b6b7b8;
    color: var(--rs-btn-subtle-disabled-text);
    background: none
}

.rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled,.rs-theme-high-contrast .rs-btn-subtle:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-btn-link {
    color: #1675e0;
    color: var(--rs-btn-link-text);
    background-color: transparent;
    border: none
}

.rs-btn-link:focus,.rs-btn-link:hover {
    color: #0a5dc2;
    color: var(--rs-btn-link-hover-text);
    background-color: transparent;
    text-decoration: underline
}

.rs-btn-link.rs-btn-active,.rs-btn-link:active {
    color: #004299;
    color: var(--rs-btn-link-active-text);
    background-color: transparent
}

.rs-btn-link.rs-btn-disabled,.rs-btn-link:disabled {
    color: #0a5dc2;
    color: var(--rs-btn-link-hover-text);
    background-color: transparent;
    text-decoration: none;
    opacity: .3
}

.rs-theme-high-contrast .rs-btn-link.rs-btn-disabled,.rs-theme-high-contrast .rs-btn-link:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-btn-ghost {
    color: #1675e0;
    color: var(--rs-btn-ghost-text);
    background-color: transparent;
    border: 1px solid #1675e0;
    border: 1px solid var(--rs-btn-ghost-border)
}

.rs-btn-ghost:focus,.rs-btn-ghost:hover {
    color: #0a5dc2;
    color: var(--rs-btn-ghost-hover-text);
    background-color: transparent;
    border-color: #0a5dc2;
    border-color: var(--rs-btn-ghost-hover-border);
    box-shadow: 0 0 0 1px #0a5dc2;
    box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border)
}

.rs-btn-ghost.rs-btn-active,.rs-btn-ghost:active {
    color: #004299;
    color: var(--rs-btn-ghost-active-text);
    background-color: transparent;
    border-color: #004299;
    border-color: var(--rs-btn-ghost-active-border)
}

.rs-btn-ghost.rs-btn-disabled,.rs-btn-ghost:disabled {
    color: #1675e0;
    color: var(--rs-btn-ghost-text);
    background-color: transparent;
    opacity: .3;
    border-color: #1675e0;
    border-color: var(--rs-btn-ghost-border);
    box-shadow: none
}

.rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled,.rs-theme-high-contrast .rs-btn-ghost:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-btn-red {
    --rs-btn-primary-bg: var(--rs-red-500);
    --rs-btn-primary-hover-bg: var(--rs-red-700);
    --rs-btn-primary-active-bg: var(--rs-red-800);
    --rs-btn-subtle-hover-bg: var(--rs-red-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-red-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-red-700);
    --rs-btn-ghost-text: var(--rs-red-700);
    --rs-btn-ghost-hover-border: var(--rs-red-900);
    --rs-btn-ghost-hover-text: var(--rs-red-800);
    --rs-btn-ghost-active-border: var(--rs-red-900);
    --rs-btn-ghost-active-text: var(--rs-red-900);
    --rs-btn-link-text: var(--rs-red-700);
    --rs-btn-link-hover-text: var(--rs-red-800);
    --rs-btn-link-active-text: var(--rs-red-900)
}

.rs-theme-dark .rs-btn-red {
    --rs-btn-primary-bg: var(--rs-red-700);
    --rs-btn-primary-hover-bg: var(--rs-red-500);
    --rs-btn-primary-active-bg: var(--rs-red-400);
    --rs-btn-subtle-hover-bg: var(--rs-red-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-red-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-red-500);
    --rs-btn-ghost-text: var(--rs-red-500);
    --rs-btn-ghost-hover-border: var(--rs-red-400);
    --rs-btn-ghost-hover-text: var(--rs-red-400);
    --rs-btn-ghost-active-border: var(--rs-red-200);
    --rs-btn-ghost-active-text: var(--rs-red-200);
    --rs-btn-link-text: var(--rs-red-500);
    --rs-btn-link-hover-text: var(--rs-red-400);
    --rs-btn-link-active-text: var(--rs-red-200)
}

.rs-theme-high-contrast .rs-btn-red {
    --rs-btn-primary-bg: var(--rs-red-700);
    --rs-btn-primary-hover-bg: var(--rs-red-600);
    --rs-btn-primary-active-bg: var(--rs-red-400);
    --rs-btn-subtle-hover-bg: var(--rs-red-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-red-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-red-500);
    --rs-btn-ghost-text: var(--rs-red-500);
    --rs-btn-ghost-hover-border: var(--rs-red-400);
    --rs-btn-ghost-hover-text: var(--rs-red-400);
    --rs-btn-ghost-active-border: var(--rs-red-200);
    --rs-btn-ghost-active-text: var(--rs-red-200);
    --rs-btn-link-text: var(--rs-red-500);
    --rs-btn-link-hover-text: var(--rs-red-400);
    --rs-btn-link-active-text: var(--rs-red-200)
}

.rs-btn-orange {
    --rs-btn-primary-bg: var(--rs-orange-500);
    --rs-btn-primary-hover-bg: var(--rs-orange-700);
    --rs-btn-primary-active-bg: var(--rs-orange-800);
    --rs-btn-subtle-hover-bg: var(--rs-orange-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-orange-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-orange-700);
    --rs-btn-ghost-text: var(--rs-orange-700);
    --rs-btn-ghost-hover-border: var(--rs-orange-900);
    --rs-btn-ghost-hover-text: var(--rs-orange-800);
    --rs-btn-ghost-active-border: var(--rs-orange-900);
    --rs-btn-ghost-active-text: var(--rs-orange-900);
    --rs-btn-link-text: var(--rs-orange-700);
    --rs-btn-link-hover-text: var(--rs-orange-800);
    --rs-btn-link-active-text: var(--rs-orange-900)
}

.rs-theme-dark .rs-btn-orange {
    --rs-btn-primary-bg: var(--rs-orange-700);
    --rs-btn-primary-hover-bg: var(--rs-orange-500);
    --rs-btn-primary-active-bg: var(--rs-orange-400);
    --rs-btn-subtle-hover-bg: var(--rs-orange-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-orange-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-orange-500);
    --rs-btn-ghost-text: var(--rs-orange-500);
    --rs-btn-ghost-hover-border: var(--rs-orange-400);
    --rs-btn-ghost-hover-text: var(--rs-orange-400);
    --rs-btn-ghost-active-border: var(--rs-orange-200);
    --rs-btn-ghost-active-text: var(--rs-orange-200);
    --rs-btn-link-text: var(--rs-orange-500);
    --rs-btn-link-hover-text: var(--rs-orange-400);
    --rs-btn-link-active-text: var(--rs-orange-200)
}

.rs-theme-high-contrast .rs-btn-orange {
    --rs-btn-primary-bg: var(--rs-orange-700);
    --rs-btn-primary-hover-bg: var(--rs-orange-600);
    --rs-btn-primary-active-bg: var(--rs-orange-400);
    --rs-btn-subtle-hover-bg: var(--rs-orange-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-orange-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-orange-500);
    --rs-btn-ghost-text: var(--rs-orange-500);
    --rs-btn-ghost-hover-border: var(--rs-orange-400);
    --rs-btn-ghost-hover-text: var(--rs-orange-400);
    --rs-btn-ghost-active-border: var(--rs-orange-200);
    --rs-btn-ghost-active-text: var(--rs-orange-200);
    --rs-btn-link-text: var(--rs-orange-500);
    --rs-btn-link-hover-text: var(--rs-orange-400);
    --rs-btn-link-active-text: var(--rs-orange-200)
}

.rs-btn-yellow {
    --rs-btn-primary-bg: var(--rs-yellow-500);
    --rs-btn-primary-hover-bg: var(--rs-yellow-700);
    --rs-btn-primary-active-bg: var(--rs-yellow-800);
    --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-yellow-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-yellow-700);
    --rs-btn-ghost-text: var(--rs-yellow-700);
    --rs-btn-ghost-hover-border: var(--rs-yellow-900);
    --rs-btn-ghost-hover-text: var(--rs-yellow-800);
    --rs-btn-ghost-active-border: var(--rs-yellow-900);
    --rs-btn-ghost-active-text: var(--rs-yellow-900);
    --rs-btn-link-text: var(--rs-yellow-700);
    --rs-btn-link-hover-text: var(--rs-yellow-800);
    --rs-btn-link-active-text: var(--rs-yellow-900)
}

.rs-theme-dark .rs-btn-yellow {
    --rs-btn-primary-bg: var(--rs-yellow-700);
    --rs-btn-primary-hover-bg: var(--rs-yellow-500);
    --rs-btn-primary-active-bg: var(--rs-yellow-400);
    --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-yellow-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-yellow-500);
    --rs-btn-ghost-text: var(--rs-yellow-500);
    --rs-btn-ghost-hover-border: var(--rs-yellow-400);
    --rs-btn-ghost-hover-text: var(--rs-yellow-400);
    --rs-btn-ghost-active-border: var(--rs-yellow-200);
    --rs-btn-ghost-active-text: var(--rs-yellow-200);
    --rs-btn-link-text: var(--rs-yellow-500);
    --rs-btn-link-hover-text: var(--rs-yellow-400);
    --rs-btn-link-active-text: var(--rs-yellow-200)
}

.rs-theme-high-contrast .rs-btn-yellow {
    --rs-btn-primary-bg: var(--rs-yellow-700);
    --rs-btn-primary-hover-bg: var(--rs-yellow-600);
    --rs-btn-primary-active-bg: var(--rs-yellow-400);
    --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-yellow-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-yellow-500);
    --rs-btn-ghost-text: var(--rs-yellow-500);
    --rs-btn-ghost-hover-border: var(--rs-yellow-400);
    --rs-btn-ghost-hover-text: var(--rs-yellow-400);
    --rs-btn-ghost-active-border: var(--rs-yellow-200);
    --rs-btn-ghost-active-text: var(--rs-yellow-200);
    --rs-btn-link-text: var(--rs-yellow-500);
    --rs-btn-link-hover-text: var(--rs-yellow-400);
    --rs-btn-link-active-text: var(--rs-yellow-200)
}

.rs-btn-green {
    --rs-btn-primary-bg: var(--rs-green-500);
    --rs-btn-primary-hover-bg: var(--rs-green-700);
    --rs-btn-primary-active-bg: var(--rs-green-800);
    --rs-btn-subtle-hover-bg: var(--rs-green-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-green-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-green-700);
    --rs-btn-ghost-text: var(--rs-green-700);
    --rs-btn-ghost-hover-border: var(--rs-green-900);
    --rs-btn-ghost-hover-text: var(--rs-green-800);
    --rs-btn-ghost-active-border: var(--rs-green-900);
    --rs-btn-ghost-active-text: var(--rs-green-900);
    --rs-btn-link-text: var(--rs-green-700);
    --rs-btn-link-hover-text: var(--rs-green-800);
    --rs-btn-link-active-text: var(--rs-green-900)
}

.rs-theme-dark .rs-btn-green {
    --rs-btn-primary-bg: var(--rs-green-700);
    --rs-btn-primary-hover-bg: var(--rs-green-500);
    --rs-btn-primary-active-bg: var(--rs-green-400);
    --rs-btn-subtle-hover-bg: var(--rs-green-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-green-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-green-500);
    --rs-btn-ghost-text: var(--rs-green-500);
    --rs-btn-ghost-hover-border: var(--rs-green-400);
    --rs-btn-ghost-hover-text: var(--rs-green-400);
    --rs-btn-ghost-active-border: var(--rs-green-200);
    --rs-btn-ghost-active-text: var(--rs-green-200);
    --rs-btn-link-text: var(--rs-green-500);
    --rs-btn-link-hover-text: var(--rs-green-400);
    --rs-btn-link-active-text: var(--rs-green-200)
}

.rs-theme-high-contrast .rs-btn-green {
    --rs-btn-primary-bg: var(--rs-green-700);
    --rs-btn-primary-hover-bg: var(--rs-green-600);
    --rs-btn-primary-active-bg: var(--rs-green-400);
    --rs-btn-subtle-hover-bg: var(--rs-green-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-green-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-green-500);
    --rs-btn-ghost-text: var(--rs-green-500);
    --rs-btn-ghost-hover-border: var(--rs-green-400);
    --rs-btn-ghost-hover-text: var(--rs-green-400);
    --rs-btn-ghost-active-border: var(--rs-green-200);
    --rs-btn-ghost-active-text: var(--rs-green-200);
    --rs-btn-link-text: var(--rs-green-500);
    --rs-btn-link-hover-text: var(--rs-green-400);
    --rs-btn-link-active-text: var(--rs-green-200)
}

.rs-btn-cyan {
    --rs-btn-primary-bg: var(--rs-cyan-500);
    --rs-btn-primary-hover-bg: var(--rs-cyan-700);
    --rs-btn-primary-active-bg: var(--rs-cyan-800);
    --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-cyan-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-cyan-700);
    --rs-btn-ghost-text: var(--rs-cyan-700);
    --rs-btn-ghost-hover-border: var(--rs-cyan-900);
    --rs-btn-ghost-hover-text: var(--rs-cyan-800);
    --rs-btn-ghost-active-border: var(--rs-cyan-900);
    --rs-btn-ghost-active-text: var(--rs-cyan-900);
    --rs-btn-link-text: var(--rs-cyan-700);
    --rs-btn-link-hover-text: var(--rs-cyan-800);
    --rs-btn-link-active-text: var(--rs-cyan-900)
}

.rs-theme-dark .rs-btn-cyan {
    --rs-btn-primary-bg: var(--rs-cyan-700);
    --rs-btn-primary-hover-bg: var(--rs-cyan-500);
    --rs-btn-primary-active-bg: var(--rs-cyan-400);
    --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-cyan-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-cyan-500);
    --rs-btn-ghost-text: var(--rs-cyan-500);
    --rs-btn-ghost-hover-border: var(--rs-cyan-400);
    --rs-btn-ghost-hover-text: var(--rs-cyan-400);
    --rs-btn-ghost-active-border: var(--rs-cyan-200);
    --rs-btn-ghost-active-text: var(--rs-cyan-200);
    --rs-btn-link-text: var(--rs-cyan-500);
    --rs-btn-link-hover-text: var(--rs-cyan-400);
    --rs-btn-link-active-text: var(--rs-cyan-200)
}

.rs-theme-high-contrast .rs-btn-cyan {
    --rs-btn-primary-bg: var(--rs-cyan-700);
    --rs-btn-primary-hover-bg: var(--rs-cyan-600);
    --rs-btn-primary-active-bg: var(--rs-cyan-400);
    --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-cyan-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-cyan-500);
    --rs-btn-ghost-text: var(--rs-cyan-500);
    --rs-btn-ghost-hover-border: var(--rs-cyan-400);
    --rs-btn-ghost-hover-text: var(--rs-cyan-400);
    --rs-btn-ghost-active-border: var(--rs-cyan-200);
    --rs-btn-ghost-active-text: var(--rs-cyan-200);
    --rs-btn-link-text: var(--rs-cyan-500);
    --rs-btn-link-hover-text: var(--rs-cyan-400);
    --rs-btn-link-active-text: var(--rs-cyan-200)
}

.rs-btn-blue {
    --rs-btn-primary-bg: var(--rs-blue-500);
    --rs-btn-primary-hover-bg: var(--rs-blue-700);
    --rs-btn-primary-active-bg: var(--rs-blue-800);
    --rs-btn-subtle-hover-bg: var(--rs-blue-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-blue-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-blue-700);
    --rs-btn-ghost-text: var(--rs-blue-700);
    --rs-btn-ghost-hover-border: var(--rs-blue-900);
    --rs-btn-ghost-hover-text: var(--rs-blue-800);
    --rs-btn-ghost-active-border: var(--rs-blue-900);
    --rs-btn-ghost-active-text: var(--rs-blue-900);
    --rs-btn-link-text: var(--rs-blue-700);
    --rs-btn-link-hover-text: var(--rs-blue-800);
    --rs-btn-link-active-text: var(--rs-blue-900)
}

.rs-theme-dark .rs-btn-blue {
    --rs-btn-primary-bg: var(--rs-blue-700);
    --rs-btn-primary-hover-bg: var(--rs-blue-500);
    --rs-btn-primary-active-bg: var(--rs-blue-400);
    --rs-btn-subtle-hover-bg: var(--rs-blue-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-blue-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-blue-500);
    --rs-btn-ghost-text: var(--rs-blue-500);
    --rs-btn-ghost-hover-border: var(--rs-blue-400);
    --rs-btn-ghost-hover-text: var(--rs-blue-400);
    --rs-btn-ghost-active-border: var(--rs-blue-200);
    --rs-btn-ghost-active-text: var(--rs-blue-200);
    --rs-btn-link-text: var(--rs-blue-500);
    --rs-btn-link-hover-text: var(--rs-blue-400);
    --rs-btn-link-active-text: var(--rs-blue-200)
}

.rs-theme-high-contrast .rs-btn-blue {
    --rs-btn-primary-bg: var(--rs-blue-700);
    --rs-btn-primary-hover-bg: var(--rs-blue-600);
    --rs-btn-primary-active-bg: var(--rs-blue-400);
    --rs-btn-subtle-hover-bg: var(--rs-blue-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-blue-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-blue-500);
    --rs-btn-ghost-text: var(--rs-blue-500);
    --rs-btn-ghost-hover-border: var(--rs-blue-400);
    --rs-btn-ghost-hover-text: var(--rs-blue-400);
    --rs-btn-ghost-active-border: var(--rs-blue-200);
    --rs-btn-ghost-active-text: var(--rs-blue-200);
    --rs-btn-link-text: var(--rs-blue-500);
    --rs-btn-link-hover-text: var(--rs-blue-400);
    --rs-btn-link-active-text: var(--rs-blue-200)
}

.rs-btn-violet {
    --rs-btn-primary-bg: var(--rs-violet-500);
    --rs-btn-primary-hover-bg: var(--rs-violet-700);
    --rs-btn-primary-active-bg: var(--rs-violet-800);
    --rs-btn-subtle-hover-bg: var(--rs-violet-500);
    --rs-btn-subtle-hover-text: #e5e5ea;
    --rs-btn-subtle-active-bg: var(--rs-violet-600);
    --rs-btn-subtle-active-text: #343434;
    --rs-btn-ghost-border: var(--rs-violet-700);
    --rs-btn-ghost-text: var(--rs-violet-700);
    --rs-btn-ghost-hover-border: var(--rs-violet-900);
    --rs-btn-ghost-hover-text: var(--rs-violet-800);
    --rs-btn-ghost-active-border: var(--rs-violet-900);
    --rs-btn-ghost-active-text: var(--rs-violet-900);
    --rs-btn-link-text: var(--rs-violet-700);
    --rs-btn-link-hover-text: var(--rs-violet-800);
    --rs-btn-link-active-text: var(--rs-violet-900)
}

.rs-theme-dark .rs-btn-violet {
    --rs-btn-primary-bg: var(--rs-violet-700);
    --rs-btn-primary-hover-bg: var(--rs-violet-500);
    --rs-btn-primary-active-bg: var(--rs-violet-400);
    --rs-btn-subtle-hover-bg: var(--rs-violet-600);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-violet-400);
    --rs-btn-subtle-active-text: #fff;
    --rs-btn-ghost-border: var(--rs-violet-500);
    --rs-btn-ghost-text: var(--rs-violet-500);
    --rs-btn-ghost-hover-border: var(--rs-violet-400);
    --rs-btn-ghost-hover-text: var(--rs-violet-400);
    --rs-btn-ghost-active-border: var(--rs-violet-200);
    --rs-btn-ghost-active-text: var(--rs-violet-200);
    --rs-btn-link-text: var(--rs-violet-500);
    --rs-btn-link-hover-text: var(--rs-violet-400);
    --rs-btn-link-active-text: var(--rs-violet-200)
}

.rs-theme-high-contrast .rs-btn-violet {
    --rs-btn-primary-bg: var(--rs-violet-700);
    --rs-btn-primary-hover-bg: var(--rs-violet-600);
    --rs-btn-primary-active-bg: var(--rs-violet-400);
    --rs-btn-subtle-hover-bg: var(--rs-violet-600);
    --rs-btn-subtle-hover-text: var(--rs-gray-900);
    --rs-btn-subtle-active-bg: var(--rs-violet-400);
    --rs-btn-subtle-active-text: var(--rs-gray-900);
    --rs-btn-ghost-border: var(--rs-violet-500);
    --rs-btn-ghost-text: var(--rs-violet-500);
    --rs-btn-ghost-hover-border: var(--rs-violet-400);
    --rs-btn-ghost-hover-text: var(--rs-violet-400);
    --rs-btn-ghost-active-border: var(--rs-violet-200);
    --rs-btn-ghost-active-text: var(--rs-violet-200);
    --rs-btn-link-text: var(--rs-violet-500);
    --rs-btn-link-hover-text: var(--rs-violet-400);
    --rs-btn-link-active-text: var(--rs-violet-200)
}

.rs-btn-lg {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 16px
}

.rs-btn-ghost.rs-btn-lg {
    padding: 9px 15px
}

.rs-btn-icon.rs-btn-lg {
    padding: 11px;
    line-height: 20px
}

.rs-btn-icon.rs-btn-lg>.rs-icon {
    font-size: 20px
}

.rs-btn-icon-with-text.rs-btn-lg {
    line-height: 22px
}

.rs-btn-icon-with-text.rs-btn-lg>.rs-icon {
    padding: 11px;
    width: 42px;
    height: 42px
}

.rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left {
    padding: 10px 16px 10px 58px
}

.rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
    padding: 10px 58px 10px 16px
}

.rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-btn-md {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px
}

.rs-btn-ghost.rs-btn-md {
    padding: 7px 11px
}

.rs-btn-icon.rs-btn-md {
    padding: 10px;
    line-height: 16px
}

.rs-btn-icon.rs-btn-md>.rs-icon {
    font-size: 16px
}

.rs-btn-icon-with-text.rs-btn-md {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-btn-md>.rs-icon {
    padding: 10px;
    width: 36px;
    height: 36px
}

.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left {
    padding: 8px 12px 8px 48px
}

.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
    padding: 8px 48px 8px 12px
}

.rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-btn-sm {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px
}

.rs-btn-ghost.rs-btn-sm {
    padding: 4px 9px
}

.rs-btn-icon.rs-btn-sm {
    padding: 7px;
    line-height: 16px
}

.rs-btn-icon.rs-btn-sm>.rs-icon {
    font-size: 16px
}

.rs-btn-icon-with-text.rs-btn-sm {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-btn-sm>.rs-icon {
    padding: 7px;
    width: 30px;
    height: 30px
}

.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left {
    padding: 5px 10px 5px 40px
}

.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
    padding: 5px 40px 5px 10px
}

.rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-btn-xs {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 8px
}

.rs-btn-ghost.rs-btn-xs {
    padding: 1px 7px
}

.rs-btn-icon.rs-btn-xs {
    padding: 6px;
    line-height: 12px
}

.rs-btn-icon.rs-btn-xs>.rs-icon {
    font-size: 12px
}

.rs-btn-icon-with-text.rs-btn-xs {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-btn-xs>.rs-icon {
    padding: 6px;
    width: 24px;
    height: 24px
}

.rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left {
    padding: 2px 8px 2px 32px
}

.rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
    padding: 2px 32px 2px 8px
}

.rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-btn-block {
    width: 100%
}

.rs-btn-block+.rs-btn-block {
    margin-top: 5px
}

.rs-btn-loading {
    color: transparent!important;
    position: relative;
    cursor: default;
    pointer-events: none
}

.rs-btn-loading>.rs-btn-spin:after,.rs-btn-loading>.rs-btn-spin:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    z-index: 1
}

.rs-btn-xs.rs-btn-loading>.rs-btn-spin:after,.rs-btn-xs.rs-btn-loading>.rs-btn-spin:before {
    width: 16px;
    height: 16px
}

.rs-btn-loading>.rs-btn-spin:before {
    border: 3px solid rgb(from #f7f7fa r g b/80%);
    border: 3px solid var(--rs-loader-ring)
}

.rs-btn-primary.rs-btn-loading>.rs-btn-spin:before {
    border-color: rgba(248,247,250,.3)
}

.rs-theme-high-contrast .rs-btn-primary.rs-btn-loading>.rs-btn-spin:before {
    border-color: rgb(from #f7f7fa r g b/30%);
    border-color: var(--rs-loader-ring-inverse)
}

.rs-btn-loading>.rs-btn-spin:after {
    border-width: 3px;
    border-color: #939393 transparent transparent;
    border-color: var(--rs-loader-rotor) transparent transparent;
    border-style: solid;
    animation: buttonSpin .6s linear infinite
}

.rs-btn-primary.rs-btn-loading>.rs-btn-spin:after {
    border-top-color: #fff
}

.rs-theme-high-contrast .rs-btn-primary.rs-btn-loading>.rs-btn-spin:after {
    border-top-color: #fff;
    border-top-color: var(--rs-loader-rotor-inverse)
}

@keyframes buttonSpin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.rs-input {
    display: block;
    width: 100%;
    color: #343434;
    color: var(--rs-text-primary);
    background-color: #fff;
    background-color: var(--rs-input-bg);
    background-image: none;
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary);
    transition: border-color .15s ease-in-out;
    border-radius: 6px;
    padding: 7px 11px;
    font-size: 14px;
    line-height: 1.42857143
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input {
        height: 36px
    }
}

textarea.rs-input {
    height: auto
}

.rs-theme-high-contrast .rs-input {
    transition: none
}

.rs-input::placeholder {
    color: #717273;
    color: var(--rs-text-secondary)
}

.rs-input:focus,.rs-input:hover:not(:disabled) {
    border-color: #3498ff;
    border-color: var(--rs-input-focus-border)
}

.rs-input:focus {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-theme-high-contrast .rs-input:focus {
    outline-offset: 2px
}

.rs-input:disabled {
    background-color: #f7f7fa;
    background-color: var(--rs-input-disabled-bg);
    color: #717273;
    color: var(--rs-text-disabled)
}

textarea.rs-input {
    overflow: auto;
    resize: vertical
}

.rs-input-xs {
    padding: 1px 11px;
    font-size: 12px;
    line-height: 1.66666667
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-xs {
        height: 24px
    }
}

textarea.rs-input-xs {
    height: auto
}

.rs-input-lg {
    padding: 9px 11px;
    font-size: 16px;
    line-height: 1.375
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-lg {
        height: 42px
    }
}

textarea.rs-input-lg {
    height: auto
}

.rs-input-sm {
    padding: 4px 11px;
    font-size: 14px;
    line-height: 1.42857143
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-sm {
        height: 30px
    }
}

textarea.rs-input-sm {
    height: auto
}

.rs-input-group {
    position: relative;
    display: flex;
    border-radius: 6px;
    transition: border-color .15s ease-in-out;
    width: 100%;
    cursor: text;
    color: #343434;
    color: var(--rs-text-primary);
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary)
}

.rs-theme-high-contrast .rs-input-group {
    transition: none
}

.rs-input-group:focus-within,.rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,.rs-input-group:not(.rs-input-group-disabled):hover {
    border-color: #3498ff;
    border-color: var(--rs-input-focus-border)
}

.rs-input-group:focus-within,.rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-theme-high-contrast .rs-input-group:focus-within,.rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus {
    outline-offset: 2px
}

.rs-input-group .rs-input-group {
    outline: none!important;
    border-color: transparent!important
}

.rs-input-group .rs-input-group-addon,.rs-input-group .rs-input-group-btn,.rs-input-group .rs-input-number,.rs-input-group .rs-picker-date .rs-picker-toggle,.rs-input-group:not(.rs-input-group-inside) .rs-input {
    border: none;
    border-radius: 0;
    outline: none
}

.rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-btn-group-vertical {
    border-radius: 0
}

.rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-touchspin-up {
    border-top-right-radius: 0
}

.rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-touchspin-down {
    border-bottom-right-radius: 0
}

.rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:first-child) .rs-input {
    border-radius: 0!important
}

.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:first-child .rs-input,.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:first-child>.rs-input,.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:first-child .rs-picker-toggle,.rs-input-group:not(.rs-input-group-inside)>:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.rs-input-group:not(.rs-input-group-inside) .rs-auto-complete:last-child .rs-input,.rs-input-group:not(.rs-input-group-inside) .rs-form-control-wrapper:last-child>.rs-input,.rs-input-group:not(.rs-input-group-inside) .rs-picker-date:last-child .rs-picker-toggle,.rs-input-group:not(.rs-input-group-inside)>:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.rs-input-group>.rs-form-control-wrapper,.rs-input-group>.rs-input {
    flex: 1 1 auto
}

.rs-input-group .rs-form-control-wrapper>.rs-input {
    width: 100%
}

.rs-input-group>.rs-input {
    position: relative
}

.rs-input-group .rs-form-control-wrapper~.rs-input-group-addon,.rs-input-group input.rs-input~.rs-input-group-addon {
    border-left: none;
    left: auto;
    right: 0
}

.rs-input-group .rs-form-control-wrapper~.rs-input-group-addon:not(:last-child),.rs-input-group input.rs-input~.rs-input-group-addon:not(:last-child) {
    border-right: 0
}

.rs-input-group.rs-input-group-inside {
    width: 100%;
    background-color: #fff;
    background-color: var(--rs-input-bg)
}

.rs-input-group.rs-input-group-inside .rs-input {
    display: block;
    width: 100%;
    border: none;
    outline: none
}

.rs-input-group.rs-input-group-inside .rs-input-group-addon,.rs-input-group.rs-input-group-inside .rs-input-group-btn {
    flex: 0 0 auto;
    width: auto
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn {
    color: #343434;
    color: var(--rs-btn-subtle-text);
    background-color: transparent;
    border: none;
    color: inherit;
    height: 34px;
    padding: 7px 11px;
    border-radius: 0 6px 6px 0
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn:focus,.rs-input-group.rs-input-group-inside .rs-input-group-btn:hover {
    color: #343434;
    color: var(--rs-btn-subtle-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg)
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active,.rs-input-group.rs-input-group-inside .rs-input-group-btn:active {
    color: #121212;
    color: var(--rs-btn-subtle-active-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-active-bg)
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled,.rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled {
    color: #b6b7b8;
    color: var(--rs-btn-subtle-disabled-text);
    background: none
}

.rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled,.rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn>.rs-icon {
    font-size: 14px;
    line-height: 1.42857143
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
    outline: none
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.rs-input-group.rs-input-group-inside .rs-input-group-btn:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.rs-input-group.rs-input-group-inside .rs-input-group-addon {
    top: 0;
    background: none;
    border: none;
    padding: 10px 12px
}

.rs-input-group.rs-input-group-inside .rs-input-group-addon.rs-input-group-btn {
    padding: 8px 13px
}

.rs-input-group.rs-input-group-inside .rs-input-group-addon~.rs-auto-complete>input.rs-input,.rs-input-group.rs-input-group-inside .rs-input-group-addon~.rs-form-control-wrapper>input.rs-input,.rs-input-group.rs-input-group-inside .rs-input-group-addon~input.rs-input,.rs-input-group.rs-input-group-inside .rs-input-group-btn~.rs-auto-complete>input.rs-input,.rs-input-group.rs-input-group-inside .rs-input-group-btn~.rs-form-control-wrapper>input.rs-input,.rs-input-group.rs-input-group-inside .rs-input-group-btn~input.rs-input {
    padding-left: 0;
    padding-right: 12px
}

.rs-input-group.rs-input-group-inside .rs-auto-complete~.rs-input-group-addon,.rs-input-group.rs-input-group-inside .rs-form-control-wrapper~.rs-input-group-addon,.rs-input-group.rs-input-group-inside .rs-form-control-wrapper~.rs-input-group-btn,.rs-input-group.rs-input-group-inside input.rs-input~.rs-input-group-btn {
    left: inherit;
    right: 0
}

.rs-input-group.rs-input-group-inside .rs-auto-complete~.rs-input-group-btn,.rs-input-group.rs-input-group-inside .rs-form-control-wrapper~.rs-input-group-btn {
    left: inherit;
    right: 1px
}

.rs-input-group.rs-input-group-disabled {
    background-color: #f7f7fa;
    background-color: var(--rs-input-disabled-bg);
    color: #717273;
    color: var(--rs-text-disabled);
    cursor: not-allowed
}

.rs-input-group.rs-input-group-disabled .rs-input,.rs-input-group.rs-input-group-disabled .rs-input-group-addon,.rs-input-group.rs-input-group-disabled .rs-input-group-btn {
    color: inherit
}

.rs-input-group-lg>.rs-input {
    padding: 9px 11px;
    font-size: 16px;
    line-height: 1.375
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-lg>.rs-input {
        height: 42px
    }
}

textarea.rs-input-group-lg>.rs-input {
    height: auto
}

.rs-input-group-lg.rs-input-group-inside>.rs-input {
    padding-right: 0
}

.rs-input-group-lg.rs-input-group>.rs-input,.rs-input-group-lg.rs-input-group>.rs-input-group-addon {
    height: 40px
}

.rs-input-group-lg.rs-input-group>.rs-input-group-addon>.rs-icon {
    font-size: inherit
}

.rs-input-group-lg.rs-input-group:not(.rs-input-group-inside)>.rs-input-group-addon {
    padding-top: 8px;
    padding-bottom: 8px
}

.rs-input-group-md>.rs-input {
    padding: 7px 11px;
    font-size: 14px;
    line-height: 1.42857143
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-md>.rs-input {
        height: 36px
    }
}

textarea.rs-input-group-md>.rs-input {
    height: auto
}

.rs-input-group-md.rs-input-group-inside>.rs-input {
    padding-right: 0
}

.rs-input-group-md.rs-input-group>.rs-input,.rs-input-group-md.rs-input-group>.rs-input-group-addon {
    height: 34px
}

.rs-input-group-md.rs-input-group>.rs-input-group-addon>.rs-icon {
    font-size: inherit
}

.rs-input-group-md.rs-input-group:not(.rs-input-group-inside)>.rs-input-group-addon {
    padding-top: 6px;
    padding-bottom: 6px
}

.rs-input-group-sm>.rs-input {
    padding: 4px 11px;
    font-size: 14px;
    line-height: 1.42857143
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-sm>.rs-input {
        height: 30px
    }
}

textarea.rs-input-group-sm>.rs-input {
    height: auto
}

.rs-input-group-sm.rs-input-group-inside>.rs-input {
    padding-right: 0
}

.rs-input-group-sm.rs-input-group>.rs-input,.rs-input-group-sm.rs-input-group>.rs-input-group-addon {
    height: 28px
}

.rs-input-group-sm.rs-input-group>.rs-input-group-addon>.rs-icon {
    font-size: inherit
}

.rs-input-group-sm.rs-input-group:not(.rs-input-group-inside)>.rs-input-group-addon {
    padding-top: 3px;
    padding-bottom: 3px
}

.rs-input-group-xs>.rs-input {
    padding: 1px 11px;
    font-size: 12px;
    line-height: 1.66666667
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-xs>.rs-input {
        height: 24px
    }
}

textarea.rs-input-group-xs>.rs-input {
    height: auto
}

.rs-input-group-xs.rs-input-group-inside>.rs-input {
    padding-right: 0
}

.rs-input-group-xs.rs-input-group>.rs-input,.rs-input-group-xs.rs-input-group>.rs-input-group-addon {
    height: 22px
}

.rs-input-group-xs.rs-input-group>.rs-input-group-addon>.rs-icon {
    font-size: inherit
}

.rs-input-group.rs-input-group-lg>.rs-input-group-addon {
    font-size: 16px;
    line-height: 1.375;
    min-width: 44px;
    padding: 9px 15px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group.rs-input-group-lg>.rs-input-group-addon {
        height: 42px
    }
}

textarea.rs-input-group.rs-input-group-lg>.rs-input-group-addon {
    height: auto
}

.rs-input-group.rs-input-group-md>.rs-input-group-addon {
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 36px;
    padding: 7px 11px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group.rs-input-group-md>.rs-input-group-addon {
        height: 36px
    }
}

textarea.rs-input-group.rs-input-group-md>.rs-input-group-addon {
    height: auto
}

.rs-input-group.rs-input-group-sm>.rs-input-group-addon {
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 32px;
    padding: 4px 9px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group.rs-input-group-sm>.rs-input-group-addon {
        height: 30px
    }
}

textarea.rs-input-group.rs-input-group-sm>.rs-input-group-addon {
    height: auto
}

.rs-input-group.rs-input-group-xs>.rs-input-group-addon {
    font-size: 12px;
    line-height: 1.66666667;
    min-width: 28px;
    padding: 1px 7px
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group.rs-input-group-xs>.rs-input-group-addon {
        height: 24px
    }
}

textarea.rs-input-group.rs-input-group-xs>.rs-input-group-addon {
    height: auto
}

.rs-input-group-inside.rs-input-group-lg>.rs-input-group-btn {
    font-size: 16px;
    line-height: 1.375;
    height: 40px;
    padding: 9px 15px;
    border-radius: 0 6px 6px 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-inside.rs-input-group-lg>.rs-input-group-btn {
        height: 42px
    }
}

textarea.rs-input-group-inside.rs-input-group-lg>.rs-input-group-btn {
    height: auto
}

.rs-input-group-inside.rs-input-group-lg>.rs-input-group-btn>.rs-icon {
    font-size: 16px;
    line-height: 1.375
}

.rs-input-group-inside.rs-input-group-md>.rs-input-group-btn {
    font-size: 14px;
    line-height: 1.42857143;
    height: 34px;
    padding: 7px 11px;
    border-radius: 0 6px 6px 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-inside.rs-input-group-md>.rs-input-group-btn {
        height: 36px
    }
}

textarea.rs-input-group-inside.rs-input-group-md>.rs-input-group-btn {
    height: auto
}

.rs-input-group-inside.rs-input-group-md>.rs-input-group-btn>.rs-icon {
    font-size: 14px;
    line-height: 1.42857143
}

.rs-input-group-inside.rs-input-group-sm>.rs-input-group-btn {
    font-size: 14px;
    line-height: 1.42857143;
    height: 28px;
    padding: 4px 9px;
    border-radius: 0 6px 6px 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-inside.rs-input-group-sm>.rs-input-group-btn {
        height: 30px
    }
}

textarea.rs-input-group-inside.rs-input-group-sm>.rs-input-group-btn {
    height: auto
}

.rs-input-group-inside.rs-input-group-sm>.rs-input-group-btn>.rs-icon {
    font-size: 12px;
    line-height: 1.66666667
}

.rs-input-group-inside.rs-input-group-xs>.rs-input-group-btn {
    font-size: 12px;
    line-height: 1.66666667;
    height: 22px;
    padding: 1px 7px;
    border-radius: 0 6px 6px 0
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-input-group-inside.rs-input-group-xs>.rs-input-group-btn {
        height: 24px
    }
}

textarea.rs-input-group-inside.rs-input-group-xs>.rs-input-group-btn {
    height: auto
}

.rs-input-group-inside.rs-input-group-xs>.rs-input-group-btn>.rs-icon {
    font-size: 12px;
    line-height: 1.66666667
}

.rs-input-group-addon:not(:first-child):not(:last-child),.rs-input-group-btn:not(:first-child):not(:last-child),.rs-input-group:not(.rs-input-group-inside) .rs-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.rs-input-group-addon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #343434;
    color: var(--rs-text-primary);
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: #f7f7fa;
    background-color: var(--rs-btn-default-bg);
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary);
    border-radius: 6px
}

.rs-input-group-addon.rs-input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 6px
}

.rs-input-group-addon.rs-input-xs {
    padding: 8px;
    font-size: 12px;
    border-radius: 6px
}

.rs-input-group-addon.rs-input-lg {
    padding: 10px 16px;
    font-size: 16px;
    border-radius: 6px
}

.rs-input-group-addon input[type=checkbox],.rs-input-group-addon input[type=radio] {
    margin-top: 0
}

.rs-input-group-btn {
    position: relative;
    line-height: 1;
    white-space: nowrap;
    border-radius: 0
}

.rs-input-group-btn>.rs-btn {
    position: relative
}

.rs-input-group-btn>.rs-btn+.rs-btn {
    margin-left: -1px
}

.rs-input-group-btn:first-child>.rs-btn,.rs-input-group-btn:first-child>.rs-btn-group {
    margin-right: -1px;
    border-right: none
}

.rs-input-group-btn:last-child>.rs-btn,.rs-input-group-btn:last-child>.rs-btn-group {
    margin-left: -1px
}

.rs-picker-subtle .picker-subtle-toggle {
    position: relative;
    z-index: 5;
    padding-right: 32px;
    display: inline-block
}

.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
    cursor: not-allowed
}

.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active,.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus,.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover {
    background: none
}

.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:active:after,.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:focus:after,.rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle:hover:after {
    display: none
}

.rs-calendar {
    padding-top: 10px;
    position: relative;
    min-height: 266px;
    overflow: hidden
}

.rs-calendar-bordered .rs-calendar-table {
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary);
    border-radius: 6px
}

.rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell,.rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell {
    border-bottom: 1px solid #f2f2f5;
    border-bottom: 1px solid var(--rs-border-secondary)
}

.rs-calendar-bordered .rs-calendar-month-dropdown {
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary);
    border-radius: 6px
}

.rs-calendar-panel .rs-calendar-header {
    width: 100%;
    padding-bottom: 6px
}

.rs-calendar-panel .rs-calendar-header:after,.rs-calendar-panel .rs-calendar-header:before {
    content: " ";
    display: table
}

.rs-calendar-panel .rs-calendar-header:after {
    clear: both
}

.rs-calendar-panel .rs-calendar-header .rs-calendar-btn-today {
    float: right
}

.rs-calendar-panel .rs-calendar-header-backward,.rs-calendar-panel .rs-calendar-header-forward {
    float: none!important
}

.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward,.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward {
    display: inline-block;
    visibility: hidden;
    pointer-events: none
}

.rs-calendar-panel .rs-calendar-header-month-toolbar {
    width: auto!important
}

.rs-calendar-panel .rs-calendar-month-view,.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar {
    padding-left: 0;
    padding-right: 0
}

.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content {
    padding-top: 8px;
    padding-bottom: 8px
}

.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-day {
    color: #fff;
    color: var(--rs-calendar-today-text);
    width: 20px;
    height: 20px;
    background-color: #3498ff;
    background-color: var(--rs-calendar-today-bg);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
    box-shadow: none
}

.rs-calendar-panel .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    background-color: inherit;
    color: inherit;
    box-shadow: inset 0 0 0 1px #3498ff;
    box-shadow: inset 0 0 0 1px var(--rs-input-focus-border)
}

.rs-calendar-panel .rs-calendar-table-cell-day {
    display: block;
    text-align: center
}

.rs-calendar-panel .rs-calendar-month-dropdown {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;
    width: calc(100% - 20px)
}

.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
    width: 100%;
    height: 100px;
    overflow: hidden
}

.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-cell {
    vertical-align: top
}

.rs-calendar-panel .rs-calendar-table-cell {
    padding: 0 1px;
    line-height: 0
}

.rs-calendar-panel .rs-calendar-table-cell-content {
    width: 100%;
    border-radius: 0
}

.rs-calendar-panel .rs-calendar-table-row:last-child :first-child .rs-calendar-table-cell-content {
    border-bottom-left-radius: 6px
}

.rs-calendar-panel .rs-calendar-table-row:last-child :last-child .rs-calendar-table-cell-content {
    border-bottom-right-radius: 6px
}

.rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.rs-calendar-btn-close {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14px;
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    background: #fff;
    background: var(--rs-bg-overlay);
    z-index: 1
}

.rs-calendar-btn-close:hover {
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg)
}

.rs-calendar-panel .rs-calendar-btn-close {
    bottom: 4px;
    margin: 0 11px;
    border-radius: 0 0 6px 6px
}

.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
    bottom: 5px
}

.rs-calendar-month-view .rs-calendar-header-month-toolbar {
    padding-left: 24px;
    padding-right: 24px
}

.rs-calendar-month-view .rs-calendar-header-backward,.rs-calendar-month-view .rs-calendar-header-forward {
    display: none
}

.rs-calendar-month-view .rs-calendar-header-title-date {
    color: #1675e0;
    color: var(--rs-text-active);
    background: transparent
}

.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
    color: #f44336;
    color: var(--rs-text-error)
}

.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
    color: #fff!important
}

.rs-calendar-time-view .rs-calendar-header-title-time {
    color: #1675e0;
    color: var(--rs-text-active);
    background: transparent
}

.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
    color: #f44336;
    color: var(--rs-text-error)
}

.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
    color: #fff
}

.rs-calendar-table-cell-in-range,.rs-calendar-table-cell-selected {
    position: relative
}

.rs-calendar-table-cell-in-range:before,.rs-calendar-table-cell-selected:before {
    content: "";
    display: block;
    width: 100%;
    margin-top: 4px;
    height: 24px;
    position: absolute;
    z-index: 0;
    top: 0
}

.rs-calendar-table-cell-in-range .rs-calendar-table-cell-content,.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    z-index: 1;
    position: relative
}

.rs-calendar-table-cell-in-range:before {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-calendar-range-bg)
}

.rs-calendar-table-cell-in-range:hover:before {
    display: none
}

.rs-calendar-month-dropdown-scroll div:focus {
    outline: none
}

.rs-calendar-header {
    width: 280px;
    padding-left: 10px;
    padding-right: 10px
}

.rs-calendar-header:after,.rs-calendar-header:before {
    content: " ";
    display: table
}

.rs-calendar-header:after {
    clear: both
}

.rs-calendar-header-month-toolbar,.rs-calendar-header-time-toolbar {
    display: inline-block
}

.rs-calendar-header-month-toolbar {
    float: left
}

.rs-calendar-header-time-toolbar {
    float: right
}

.rs-calendar-header-title {
    margin: 0 4px
}

.rs-calendar-header-meridiem {
    font-size: 12px;
    margin-left: 4px
}

.rs-calendar-header-error {
    color: #343434;
    color: var(--rs-btn-subtle-text);
    background-color: transparent;
    border: none;
    --rs-btn-subtle-text: var(--rs-red-500);
    --rs-btn-subtle-hover-bg: var(--rs-red-500);
    --rs-btn-subtle-hover-text: #fff;
    --rs-btn-subtle-active-bg: var(--rs-red-600);
    --rs-btn-subtle-active-text: #fff
}

.rs-calendar-header-error:focus,.rs-calendar-header-error:hover {
    color: #343434;
    color: var(--rs-btn-subtle-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg)
}

.rs-calendar-header-error.rs-btn-active,.rs-calendar-header-error:active {
    color: #121212;
    color: var(--rs-btn-subtle-active-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-active-bg)
}

.rs-calendar-header-error.rs-btn-disabled,.rs-calendar-header-error:disabled {
    color: #b6b7b8;
    color: var(--rs-btn-subtle-disabled-text);
    background: none
}

.rs-theme-high-contrast .rs-calendar-header-error.rs-btn-disabled,.rs-theme-high-contrast .rs-calendar-header-error:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-theme-dark .rs-calendar-header-error {
    --rs-btn-subtle-hover-bg: var(--rs-red-600);
    --rs-btn-subtle-active-bg: var(--rs-red-400)
}

.rs-calendar-header-btn-disabled,.rs-calendar-header-btn-disabled:hover,.rs-calendar-header-btn-disabled:hover:focus {
    cursor: not-allowed;
    opacity: .3;
    background: none
}

.rs-calendar-header-btn-disabled:after {
    display: none!important
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar {
    display: block;
    text-align: center;
    width: 100%
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:after,.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:before {
    content: " ";
    display: table
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:after {
    clear: both
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-backward {
    float: left
}

.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-forward {
    float: right
}

.rs-calendar-header-has-time:not(.rs-calendar-header-has-month) {
    margin: 0 auto;
    text-align: center
}

.rs-calendar-header-has-time:not(.rs-calendar-header-has-month) .rs-calendar-header-time-toolbar {
    float: none;
    display: inline-block
}

.rs-calendar-header-has-month.rs-calendar-header-has-time {
    margin: 0 auto
}

[dir=rtl] .rs-calendar-header-backward .rs-icon,[dir=rtl] .rs-calendar-header-forward .rs-icon {
    transform: rotate(180deg)
}

.rs-calendar-body {
    padding: 4px 10px 10px
}

.rs-calendar-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.rs-calendar-table-row {
    display: table-row
}

.rs-calendar-table-row:nth-child(2) .rs-calendar-table-cell-week-number {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rs-calendar-table-row:last-child .rs-calendar-table-cell-week-number {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rs-calendar-table-cell,.rs-calendar-table-header-cell {
    display: table-cell;
    width: 1%;
    padding: 1px 0;
    text-align: center;
    vertical-align: middle
}

.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content,.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,.rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover {
    color: #717273;
    color: var(--rs-text-disabled)
}

.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,.rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,.rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
    background: none;
    text-decoration: line-through;
    cursor: not-allowed
}

.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover {
    color: #fff;
    color: var(--rs-calendar-date-selected-text);
    background-color: #3498ff;
    background-color: var(--rs-bg-active);
    box-shadow: none
}

.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,.rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover {
    text-decoration: underline
}

.rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,.rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,.rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,.rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,.rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content {
    opacity: .3
}

.rs-calendar-table-cell-content {
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 5px;
    cursor: pointer;
    border-radius: 6px
}

.rs-calendar-table-cell-content:hover {
    background-color: #f2faff;
    background-color: var(--rs-state-hover-bg)
}

.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
    box-shadow: inset 0 0 0 1px #3498ff;
    box-shadow: inset 0 0 0 1px var(--rs-input-focus-border)
}

.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    color: #fff;
    color: var(--rs-calendar-date-selected-text);
    background-color: #3498ff;
    background-color: var(--rs-bg-active);
    box-shadow: none
}

.rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    text-decoration: underline
}

.rs-calendar-table-header-cell-content {
    display: inline-block;
    color: #717273;
    color: var(--rs-text-secondary);
    font-size: 12px;
    line-height: 1.66666667;
    padding-top: 2px;
    padding-bottom: 2px
}

.rs-calendar-table-header-cell-content,.rs-calendar-table-header-cell-content:focus,.rs-calendar-table-header-cell-content:hover,.rs-calendar-table-header-cell-content:hover:focus {
    background: none;
    cursor: auto
}

.rs-calendar-table-cell-week-number {
    display: table-cell;
    min-width: 30px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    color: #717273;
    color: var(--rs-text-secondary);
    background-color: #f7f7fa;
    background-color: var(--rs-bg-well);
    font-size: 12px
}

.rs-calendar-month-dropdown {
    display: none;
    position: absolute;
    top: 44px;
    border-top: 1px solid #e5e5ea;
    border-top: 1px solid var(--rs-border-primary);
    margin-top: 0;
    width: 100%;
    background-color: #fff;
    background-color: var(--rs-bg-overlay);
    overflow: hidden;
    z-index: 1;
    height: calc(100% - 48px)
}

.rs-calendar-month-view .rs-calendar-month-dropdown {
    display: block
}

.rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
    animation: slideDown .3s linear
}

.rs-calendar-month-dropdown-scroll {
    height: 100%
}

.rs-calendar-month-dropdown-row {
    position: relative;
    padding: 5px 10px 5px 48px
}

.rs-calendar-month-dropdown-row:not(:last-child) {
    border-bottom: 1px dashed #e5e5ea;
    border-bottom: 1px dashed var(--rs-border-primary)
}

.rs-calendar-month-dropdown-year {
    position: absolute;
    top: calc(50% - .5em);
    left: 10px
}

.rs-calendar-month-dropdown-year-active {
    color: #1675e0;
    color: var(--rs-text-active)
}

.rs-calendar-month-dropdown-list {
    display: grid;
    grid-template-columns: repeat(4,25%)
}

.rs-calendar-month-dropdown-cell {
    margin: 1px;
    text-align: center;
    vertical-align: middle
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-calendar-month-dropdown-cell {
        width: calc((100% - 1px * 12 - 1px) / 6)
    }
}

@supports (-ms-ime-align:auto) {
    .rs-calendar-month-dropdown-cell {
        width: calc((100% - 1px * 12 - 1px) / 6)
    }
}

.rs-calendar-month-dropdown-cell-content {
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 5px;
    cursor: pointer;
    border-radius: 6px
}

.rs-calendar-month-dropdown-cell-content:hover {
    background-color: #f2faff;
    background-color: var(--rs-state-hover-bg)
}

.rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
    color: #717273;
    color: var(--rs-text-disabled);
    background: none;
    text-decoration: line-through;
    cursor: not-allowed
}

.rs-calendar-month-dropdown-cell-active.disabled .rs-calendar-month-dropdown-cell-content {
    opacity: .3;
    cursor: not-allowed
}

.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
    color: #fff;
    color: var(--rs-calendar-date-selected-text);
    background-color: #3498ff;
    background-color: var(--rs-bg-active);
    box-shadow: none
}

.rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
    text-decoration: underline
}

.rs-calendar-time-dropdown {
    display: none;
    position: absolute;
    top: 44px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background-color: #fff;
    background-color: var(--rs-bg-overlay);
    color: #343434;
    color: var(--rs-text-primary);
    overflow: hidden;
    z-index: 1
}

.rs-calendar-time-view .rs-calendar-time-dropdown {
    display: block
}

.rs-calendar-time-view .rs-calendar-time-dropdown-content {
    animation: slideDown .3s linear
}

.rs-calendar-time-dropdown-row {
    display: table;
    width: 100%
}

.rs-calendar-time-dropdown-column {
    display: table-cell;
    width: 1%
}

.rs-calendar-time-dropdown-column :after {
    content: "";
    display: block;
    height: calc(100% - 30px)
}

.rs-calendar-time-dropdown-column>ul,.rs-calendar-time-dropdown-column>ul>li {
    list-style: none;
    margin: 0;
    padding: 0
}

.rs-calendar-time-dropdown-column>ul {
    height: 230px;
    overflow-y: auto;
    scroll-behavior: smooth
}

.rs-calendar-time-dropdown-column-title {
    width: 100%;
    background-color: #f7f7fa;
    background-color: var(--rs-calendar-time-unit-bg);
    color: #717273;
    color: var(--rs-text-secondary);
    text-align: center;
    font-size: 12px;
    line-height: 1.66666667;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.rs-calendar-only-time .rs-calendar-time-dropdown-column-title {
    border-top: none
}

.rs-calendar-time-dropdown-cell {
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    padding: 5px;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 1px
}

.rs-calendar-time-dropdown-cell,.rs-calendar-time-dropdown-cell:focus,.rs-calendar-time-dropdown-cell:hover {
    text-decoration: none
}

.rs-calendar-time-dropdown-cell:hover {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-listbox-option-hover-bg);
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text)
}

.rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring);
    outline-offset: -3px;
    outline-width: 2px;
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text);
    text-decoration: underline
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
    outline-offset: 2px
}

.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
    background-color: #3498ff;
    background-color: var(--rs-bg-active);
    color: #fff;
    color: var(--rs-calendar-date-selected-text)
}

.rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-listbox-option-hover-bg);
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text)
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring);
    outline-offset: -3px;
    outline-width: 2px;
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text);
    text-decoration: underline
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
    outline-offset: 2px
}

.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
    color: #717273;
    color: var(--rs-text-disabled);
    background: none;
    cursor: not-allowed;
    text-decoration: line-through
}

.rs-calendar-time-dropdown-cell-active.rs-calendar-time-dropdown-cell-disabled.rs-calendar-time-dropdown-cell {
    opacity: .3;
    cursor: not-allowed
}

.rs-calendar-only-time {
    padding-top: 10px;
    display: block
}

.rs-calendar-only-time .rs-calendar-time-dropdown {
    position: relative;
    top: 2px
}

.rs-calendar-only-time .rs-calendar-time-dropdown-row {
    display: flex
}

.rs-calendar-only-time .rs-calendar-time-dropdown-column {
    min-width: 60px
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.rs-btn-close {
    border: none;
    outline: none!important;
    background: transparent;
    line-height: 1;
    cursor: pointer
}

.rs-btn-close .rs-icon {
    vertical-align: bottom
}

.rs-btn-close:focus,.rs-btn-close:hover {
    color: #f44336;
    color: var(--rs-close-button-hover-color)
}

.rs-btn-close:focus svg path,.rs-btn-close:hover svg path {
    stroke: #f44336;
    stroke: var(--rs-close-button-hover-color);
    stroke-width: 1
}

.rs-loader {
    display: inline-block
}

.rs-loader:after,.rs-loader:before {
    content: " ";
    display: table
}

.rs-loader:after {
    clear: both
}

.rs-loader .rs-loader-spin,.rs-loader .rs-loader-spin:after,.rs-loader .rs-loader-spin:before {
    width: 18px;
    height: 18px
}

.rs-loader .rs-loader-content {
    font-size: 12px;
    line-height: 1.5
}

.rs-loader .rs-loader-vertical .rs-loader .rs-loader {
    height: 48px
}

.rs-loader .rs-loader-vertical .rs-loader .rs-loader-content {
    line-height: 1.66666667
}

.rs-loader-spin {
    position: relative;
    display: inline-block;
    float: left
}

.rs-loader-spin:after,.rs-loader-spin:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    border-radius: 50%
}

.rs-loader-spin:before {
    border: 3px solid rgb(from #f7f7fa r g b/80%);
    border: 3px solid var(--rs-loader-ring)
}

.rs-loader-spin:after {
    border: 3px solid transparent;
    border-top-color: #939393;
    border-color: var(--rs-loader-rotor) transparent transparent;
    animation: loaderSpin .6s linear infinite
}

.rs-loader-content {
    float: left;
    display: inline-block
}

.rs-loader-spin+.rs-loader-content {
    margin-left: 12px
}

.rs-loader-xs .rs-loader-spin+.rs-loader-content {
    margin-left: 10px
}

.rs-loader-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(from #fff r g b/90%);
    background: var(--rs-loader-backdrop)
}

.rs-loader-vertical {
    width: auto;
    display: inline-block
}

.rs-loader-vertical .rs-loader {
    flex-direction: column
}

.rs-loader-vertical .rs-loader-spin {
    margin: 0 auto
}

.rs-loader-vertical .rs-loader-content {
    line-height: 1.66666667;
    text-align: center
}

.rs-loader-vertical .rs-loader-content,.rs-loader-vertical .rs-loader-spin {
    display: block;
    float: none
}

.rs-loader-vertical .rs-loader-spin+.rs-loader-content {
    margin-left: 0;
    margin-top: 10px
}

.rs-loader-inverse .rs-loader-content {
    color: #f7f7fa;
    color: var(--rs-text-inverse)
}

.rs-loader-inverse .rs-loader-backdrop {
    background: rgb(from #121212 r g b/83%);
    background: var(--rs-loader-backdrop-inverse)
}

.rs-loader-inverse .rs-loader-spin:before {
    border-color: rgb(from #f7f7fa r g b/30%);
    border-color: var(--rs-loader-ring-inverse)
}

.rs-loader-inverse .rs-loader-spin:after {
    border-top-color: #fff;
    border-top-color: var(--rs-loader-rotor-inverse)
}

.rs-loader-speed-fast .rs-loader-spin:after {
    animation-duration: .4s
}

.rs-loader-speed-normal .rs-loader-spin:after {
    animation-duration: .6s
}

.rs-loader-speed-slow .rs-loader-spin:after {
    animation-duration: .8s
}

.rs-loader-speed-paused .rs-loader-spin:after {
    animation-play-state: paused
}

.rs-loader-backdrop-wrapper,.rs-loader-center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.rs-loader-backdrop-wrapper .rs-loader,.rs-loader-center .rs-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader,.rs-loader-center:not(.rs-loader-vertical) .rs-loader {
    display: flex
}

.rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader,.rs-loader-center.rs-loader-vertical .rs-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.rs-loader-backdrop-wrapper .rs-loader-content,.rs-loader-center .rs-loader-content {
    z-index: 1
}

.rs-loader-lg .rs-loader-spin,.rs-loader-lg .rs-loader-spin:after,.rs-loader-lg .rs-loader-spin:before {
    width: 64px;
    height: 64px
}

.rs-loader-lg .rs-loader-content {
    font-size: 16px;
    line-height: 4
}

.rs-loader-lg .rs-loader-vertical .rs-loader-lg .rs-loader {
    height: 94px
}

.rs-loader-lg .rs-loader-vertical .rs-loader-lg .rs-loader-content {
    line-height: 1.25
}

.rs-loader-md .rs-loader-spin,.rs-loader-md .rs-loader-spin:after,.rs-loader-md .rs-loader-spin:before {
    width: 36px;
    height: 36px
}

.rs-loader-md .rs-loader-content {
    font-size: 14px;
    line-height: 2.57142857
}

.rs-loader-md .rs-loader-vertical .rs-loader-md .rs-loader {
    height: 66px
}

.rs-loader-md .rs-loader-vertical .rs-loader-md .rs-loader-content {
    line-height: 1.42857143
}

.rs-loader-sm .rs-loader-spin,.rs-loader-sm .rs-loader-spin:after,.rs-loader-sm .rs-loader-spin:before {
    width: 18px;
    height: 18px
}

.rs-loader-sm .rs-loader-content {
    font-size: 14px;
    line-height: 1.28571429
}

.rs-loader-sm .rs-loader-vertical .rs-loader-sm .rs-loader {
    height: 48px
}

.rs-loader-sm .rs-loader-vertical .rs-loader-sm .rs-loader-content {
    line-height: 1.42857143
}

.rs-loader-xs .rs-loader-spin,.rs-loader-xs .rs-loader-spin:after,.rs-loader-xs .rs-loader-spin:before {
    width: 16px;
    height: 16px
}

.rs-loader-xs .rs-loader-content {
    font-size: 12px;
    line-height: 1.33333333
}

.rs-loader-xs .rs-loader-vertical .rs-loader-xs .rs-loader {
    height: 46px
}

.rs-loader-xs .rs-loader-vertical .rs-loader-xs .rs-loader-content {
    line-height: 1.66666667
}

.rs-loader-wrapper {
    display: inline-block;
    width: auto;
    line-height: 0
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.rs-highlight-mark {
    background-color: #fff6c9;
    background-color: var(--rs-text-highlight-bg);
    padding: 0 .2em;
    font-weight: bolder;
    border-radius: 4px
}

.rs-picker-toggle-wrapper {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.rs-picker-toggle.rs-btn .rs-ripple-pond {
    display: none!important
}

.rs-picker-block {
    display: block
}

.rs-picker-disabled {
    cursor: not-allowed
}

.rs-picker-disabled .rs-picker-tag-list .rs-tag,.rs-picker-disabled .rs-picker-toggle-indicator,.rs-picker-disabled .rs-picker-toggle-value {
    color: #717273!important;
    color: var(--rs-text-disabled)!important
}

.rs-picker-disabled .rs-picker-value-count {
    opacity: .5
}

.rs-picker-toggle .rs-picker-toggle-placeholder {
    color: #717273;
    color: var(--rs-text-secondary)
}

.rs-picker-has-value .rs-btn .rs-picker-toggle-value,.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
    color: #1675e0;
    color: var(--rs-picker-value)
}

.rs-picker-none {
    padding: 6px 12px 12px;
    color: #717273;
    color: var(--rs-text-secondary);
    cursor: default
}

.rs-picker-countable .rs-picker-toggle-value {
    display: flex
}

.rs-picker-value-list {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .rs-picker-value-list {
        max-width: 100%
    }
}

.rs-picker-value-count {
    margin: 0 4px;
    background-color: #3498ff;
    background-color: var(--rs-picker-count-bg);
    color: #fff;
    color: var(--rs-picker-count-text);
    border-radius: 10px;
    padding: 0 8px;
    line-height: 20px
}

.rs-picker-value-separator {
    margin: 0 4px 0 0
}

.rs-picker.rs-picker-focused,.rs-picker:not(.rs-picker-disabled):hover {
    border-color: #3498ff;
    border-color: var(--rs-input-focus-border)
}

.rs-picker-toggle-active,.rs-picker.rs-picker-focused {
    box-shadow: 0 0 0 3px rgb(from #3498ff r g b/25%);
    box-shadow: var(--rs-state-focus-shadow)
}

.rs-picker-label.rs-input-group-addon {
    color: #343434;
    color: var(--rs-text-primary);
    padding-right: 4px!important
}

.rs-picker-loader {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center
}

.rs-picker-error>.rs-picker-input-group,.rs-picker-error>.rs-picker-input-group:hover {
    border-color: #f44336;
    border-color: var(--rs-picker-state-error)
}

.rs-picker-error>.rs-picker-input-group:focus-within {
    border-color: #f44336;
    border-color: var(--rs-picker-state-error);
    outline: 3px solid rgb(from #f44336 r g b/25%);
    outline: var(--rs-picker-state-error-outline)
}

.rs-picker-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: color .15s ease-out,background-color .15s ease-out;
    border: none;
    border: var(--rs-btn-default-border,none);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    color: #343434;
    color: var(--rs-btn-default-text);
    background-color: #f7f7fa;
    background-color: var(--rs-btn-default-bg);
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    position: relative
}

.rs-theme-high-contrast .rs-picker-toggle {
    transition: none
}

.rs-btn-ghost.rs-picker-toggle {
    padding: 7px 11px
}

.rs-btn-icon.rs-picker-toggle {
    padding: 10px;
    line-height: 16px
}

.rs-btn-icon.rs-picker-toggle>.rs-icon {
    font-size: 16px
}

.rs-btn-icon-with-text.rs-picker-toggle {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-picker-toggle>.rs-icon {
    padding: 10px;
    width: 36px;
    height: 36px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left {
    padding: 8px 12px 8px 48px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
    padding: 8px 48px 8px 12px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-picker-toggle:focus-visible {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-theme-high-contrast .rs-picker-toggle:focus-visible {
    outline-offset: 2px
}

.rs-picker-toggle:focus,.rs-picker-toggle:hover {
    color: var(--rs-btn-default-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-default-hover-bg);
    text-decoration: none
}

.rs-picker-toggle.rs-btn-active,.rs-picker-toggle:active {
    color: #121212;
    color: var(--rs-btn-default-active-text);
    background-color: #d9d9d9;
    background-color: var(--rs-btn-default-active-bg)
}

.rs-picker-toggle.rs-btn-disabled,.rs-picker-toggle:disabled {
    cursor: not-allowed;
    color: #717273;
    color: var(--rs-btn-default-disabled-text);
    background-color: #f7f7fa;
    background-color: var(--rs-btn-default-disabled-bg)
}

.rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled,.rs-theme-high-contrast .rs-picker-toggle:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    .rs-picker-toggle {
        -webkit-mask-image:-webkit-radial-gradient(white,black)
    }
}

.rs-picker-default .rs-picker-toggle {
    padding: 7px 11px
}

.rs-picker-toggle-textbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #0000;
    padding-left: 10px;
    padding-right: 32px;
    color: #343434;
    color: var(--rs-text-primary);
    background-color: #fff;
    background-color: var(--rs-input-bg);
    outline: none
}

.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-textbox {
    padding-left: 14px
}

.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-textbox {
    padding-left: 8px
}

.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-textbox {
    padding-left: 6px
}

.rs-picker-toggle-read-only {
    opacity: 0
}

.rs-picker-default .rs-picker-toggle {
    transition: border-color .15s ease-in-out
}

.rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
    transition: none
}

.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active,.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover {
    border-color: #3498ff;
    border-color: var(--rs-input-focus-border)
}

.rs-picker-subtle .rs-picker-toggle {
    color: #343434;
    color: var(--rs-btn-subtle-text);
    background-color: transparent;
    border: none;
    transition: none
}

.rs-picker-subtle .rs-picker-toggle:focus,.rs-picker-subtle .rs-picker-toggle:hover {
    color: #343434;
    color: var(--rs-btn-subtle-hover-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg)
}

.rs-picker-subtle .rs-picker-toggle.rs-btn-active,.rs-picker-subtle .rs-picker-toggle:active {
    color: #121212;
    color: var(--rs-btn-subtle-active-text);
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-active-bg)
}

.rs-picker-subtle .rs-picker-toggle.rs-btn-disabled,.rs-picker-subtle .rs-picker-toggle:disabled {
    color: #b6b7b8;
    color: var(--rs-btn-subtle-disabled-text);
    background: none
}

.rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled,.rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled {
    border-color: var(--rs-btn-default-disabled-boreder-color)
}

.rs-picker-subtle .rs-picker-toggle-active {
    background-color: #e5e5ea;
    background-color: var(--rs-btn-subtle-hover-bg);
    color: #343434;
    color: var(--rs-btn-subtle-hover-text)
}

.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn,.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn {
    padding-right: 32px
}

.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
    top: 8px;
    right: 12px
}

.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
    top: 7px
}

.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
    top: 8px;
    right: 12px
}

.rs-picker-date .rs-picker-toggle.rs-btn,.rs-picker-daterange .rs-picker-toggle.rs-btn {
    padding-right: 36px
}

.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
    top: 8px;
    right: 12px
}

.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
    top: 7px
}

.rs-picker-default .rs-picker-toggle.rs-btn {
    padding-top: 7px;
    padding-bottom: 7px
}

.rs-picker-toggle.rs-btn-lg {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 16px
}

.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg,.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-lg {
    padding-right: 36px
}

.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
    top: 10px;
    right: 16px
}

.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
    top: 9px
}

.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
    top: 10px;
    right: 16px
}

.rs-picker-default .rs-picker-toggle.rs-btn-lg {
    padding-left: 15px
}

.rs-picker-date .rs-picker-toggle.rs-btn-lg,.rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
    padding-right: 42px
}

.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
    top: 10px;
    right: 16px
}

.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
    top: 9px
}

.rs-picker-default .rs-picker-toggle.rs-btn-lg {
    padding-top: 9px;
    padding-bottom: 9px
}

.rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
    padding: 9px 15px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-lg {
    padding: 11px;
    line-height: 20px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-lg>.rs-icon {
    font-size: 20px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
    line-height: 22px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg>.rs-icon {
    padding: 11px;
    width: 42px;
    height: 42px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
    padding: 10px 16px 10px 58px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
    padding: 10px 58px 10px 16px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
    line-height: 22px
}

.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md,.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-md {
    padding-right: 32px
}

.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
    top: 8px;
    right: 12px
}

.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
    top: 7px
}

.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
    top: 8px;
    right: 12px
}

.rs-picker-default .rs-picker-toggle.rs-btn-md {
    padding-left: 11px
}

.rs-picker-date .rs-picker-toggle.rs-btn-md,.rs-picker-daterange .rs-picker-toggle.rs-btn-md {
    padding-right: 36px
}

.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
    top: 8px;
    right: 12px
}

.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
    top: 7px
}

.rs-picker-default .rs-picker-toggle.rs-btn-md {
    padding-top: 7px;
    padding-bottom: 7px
}

.rs-picker-toggle.rs-btn-sm {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px
}

.rs-btn-ghost.rs-picker-toggle.rs-btn-sm {
    padding: 4px 9px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-sm {
    padding: 7px;
    line-height: 16px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-sm>.rs-icon {
    font-size: 16px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm>.rs-icon {
    padding: 7px;
    width: 30px;
    height: 30px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left {
    padding: 5px 10px 5px 40px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
    padding: 5px 40px 5px 10px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm,.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
    padding-right: 30px
}

.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
    top: 5px;
    right: 10px
}

.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
    top: 4px
}

.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
    top: 5px;
    right: 10px
}

.rs-picker-default .rs-picker-toggle.rs-btn-sm {
    padding-left: 9px
}

.rs-picker-date .rs-picker-toggle.rs-btn-sm,.rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
    padding-right: 34px
}

.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
    top: 4px;
    right: 10px
}

.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
    top: 3px
}

.rs-picker-default .rs-picker-toggle.rs-btn-sm {
    padding-top: 4px;
    padding-bottom: 4px
}

.rs-picker-toggle.rs-btn-xs {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 8px
}

.rs-btn-ghost.rs-picker-toggle.rs-btn-xs {
    padding: 1px 7px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-xs {
    padding: 6px;
    line-height: 12px
}

.rs-btn-icon.rs-picker-toggle.rs-btn-xs>.rs-icon {
    font-size: 12px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs {
    line-height: 20px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs>.rs-icon {
    padding: 6px;
    width: 24px;
    height: 24px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left {
    padding: 2px 8px 2px 32px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left>.rs-icon {
    left: 0;
    border-right: none;
    border-right: var(--rs-btn-default-border,none)
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
    padding: 2px 32px 2px 8px
}

.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right>.rs-icon {
    right: 0;
    border-left: none;
    border-left: var(--rs-btn-default-border,none)
}

.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs,.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
    padding-right: 28px
}

.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
    top: 2px;
    right: 8px
}

.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
    top: 1px
}

.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
    top: 2px;
    right: 8px
}

.rs-picker-default .rs-picker-toggle.rs-btn-xs {
    padding-left: 7px
}

.rs-picker-date .rs-picker-toggle.rs-btn-xs,.rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
    padding-right: 30px
}

.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
    top: 2px;
    right: 8px
}

.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
    top: 1px
}

.rs-picker-default .rs-picker-toggle.rs-btn-xs {
    padding-top: 1px;
    padding-bottom: 1px
}

.rs-picker-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.rs-picker-default .rs-picker-toggle {
    position: relative;
    z-index: 5;
    padding-right: 32px;
    display: inline-block;
    color: #343434;
    color: var(--rs-text-primary);
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary)
}

.rs-picker-disabled .rs-picker-toggle {
    cursor: not-allowed
}

.rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus,.rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover {
    border-color: #3498ff;
    border-color: var(--rs-input-focus-border)
}

.rs-picker-subtle .rs-picker-toggle {
    position: relative;
    z-index: 5;
    padding-right: 32px;
    display: inline-block
}

.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
    cursor: not-allowed
}

.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active,.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus,.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover {
    background: none
}

.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active:after,.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus:after,.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover:after {
    display: none
}

.rs-picker-toggle.rs-btn {
    width: 100%;
    text-align: left
}

.rs-picker-toggle-label {
    color: #343434;
    color: var(--rs-text-primary)
}

.rs-picker-toggle-label:after {
    content: ":";
    margin: 0 4px 0 2px
}

.rs-picker-toggle-value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
    padding-right: 44px
}

.rs-picker-toggle-indicator .rs-picker-clean {
    display: flex;
    align-items: center;
    margin-left: 2px;
    position: absolute;
    top: 8px;
    right: 30px;
    height: 20px;
    font-size: 12px;
    background: inherit;
    color: #717273;
    color: var(--rs-text-secondary);
    transition: color .2s linear;
    cursor: pointer
}

.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
    padding: 4px 0
}

.rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,.rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
    right: 38px
}

.rs-picker-toggle-indicator .rs-picker-caret-icon {
    font-size: 12px;
    font-size: 16px;
    color: #717273;
    color: var(--rs-text-secondary)
}

.rs-picker-toggle-indicator .rs-picker-caret-icon,.rs-picker-toggle-indicator .rs-picker-loader {
    display: flex;
    align-items: center;
    margin-left: 2px;
    position: absolute;
    top: 8px;
    right: 12px;
    height: 20px
}

.rs-picker-toggle-indicator .rs-picker-loader {
    font-size: 12px
}

.rs-picker-popup {
    position: absolute;
    text-align: left;
    z-index: 7;
    border-radius: 6px;
    background-color: #fff;
    background-color: var(--rs-bg-overlay);
    box-shadow: 0 4px 4px rgba(0,0,0,.12),0 0 10px rgba(0,0,0,.06);
    box-shadow: var(--rs-shadow-overlay);
    overflow: hidden;
    transition: none;
    display: flex;
    flex-direction: column;
    padding: 6px 0
}

.rs-theme-high-contrast .rs-picker-popup {
    border: 1px solid #e5e5ea;
    border: 1px solid var(--rs-border-primary)
}

.rs-drawer-open .rs-picker-popup,.rs-modal-open .rs-picker-popup {
    z-index: 1055
}

.rs-picker-popup.rs-picker-inline {
    position: relative;
    box-shadow: none
}

.rs-picker-popup .rs-search-box {
    padding: 6px 12px
}

.rs-picker-popup .rs-highlight .rs-highlight-mark {
    padding: 0
}

.rs-picker-default .rs-btn,.rs-picker-default .rs-picker-toggle,.rs-picker-input .rs-btn,.rs-picker-input .rs-picker-toggle {
    background-color: #fff!important;
    background-color: var(--rs-input-bg)!important
}

.rs-picker-default.rs-picker-disabled .rs-btn,.rs-picker-default.rs-picker-disabled .rs-picker-toggle,.rs-picker-input.rs-picker-disabled .rs-btn,.rs-picker-input.rs-picker-disabled .rs-picker-toggle {
    background-color: #f7f7fa!important;
    background-color: var(--rs-input-disabled-bg)!important
}

.rs-picker-default.rs-picker-disabled .rs-input-group,.rs-picker-input.rs-picker-disabled .rs-input-group {
    pointer-events: none
}

.rs-check-item {
    display: block
}

.rs-check-item.rs-check-item-focus,.rs-check-item:focus,.rs-check-item:not(.rs-checkbox-disabled):hover {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-listbox-option-hover-bg);
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text)
}

.rs-theme-high-contrast .rs-check-item.rs-check-item-focus,.rs-theme-high-contrast .rs-check-item:focus,.rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring);
    outline-offset: -3px;
    outline-width: 2px;
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text);
    text-decoration: underline
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus,.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover {
    outline-offset: 2px
}

.rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper,.rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,.rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper {
    text-decoration: underline
}

.rs-check-item .rs-checkbox-checker {
    padding: 0
}

.rs-check-item .rs-checkbox-checker>label {
    position: relative;
    cursor: pointer;
    display: block;
    padding: 8px 12px 8px 38px;
    line-height: 20px
}

.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker>label {
    transition: none
}

.rs-check-item .rs-checkbox-checker>label:before {
    background-color: #fff;
    background-color: var(--rs-bg-overlay)
}

.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker>label:before {
    background: none
}

.rs-checkbox-disabled.rs-check-item .rs-checkbox-checker>label {
    cursor: not-allowed
}

.grouped .rs-check-item .rs-checkbox-checker>label,.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker>label {
    padding-left: 52px
}

.rs-check-item .rs-checkbox-checker .rs-checkbox-control {
    left: 12px
}

.grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control,.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
    left: 26px
}

.rs-picker-menu-group {
    background-color: #fff;
    background-color: var(--rs-listbox-option-group-bg);
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1
}

.rs-tree-virt-list .rs-tree-node-label,.rs-virt-list .rs-check-item label,.rs-virt-list .rs-picker-select-menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rs-picker-toolbar {
    padding: 10px;
    border-top: 1px solid #e5e5ea;
    border-top: 1px solid var(--rs-border-primary)
}

.rs-picker-date-inline {
    height: 299px
}

.rs-picker-date-inline .rs-calendar {
    height: 286px
}

.rs-picker-date .rs-input-group-addon {
    color: #717273;
    color: var(--rs-text-secondary);
    cursor: pointer
}

.rs-picker-date .rs-input-group-addon .rs-btn-close {
    padding: 0
}

.rs-picker-date.rs-picker-subtle .rs-input-group {
    border-color: transparent
}

.rs-picker-date>.rs-input-group.rs-input-group-inside .rs-input {
    padding-right: 0
}

.rs-picker-date-predefined {
    height: 325px;
    border-right: 1px solid #e5e5ea;
    border-right: 1px solid var(--rs-border-primary);
    padding: 4px 0
}

.rs-picker-date-predefined .rs-btn {
    display: block
}

.rs-picker-popup.rs-picker-popup-date {
    padding: 0
}

.rs-picker-popup .rs-picker-toolbar {
    max-width: 100%
}

.rs-picker-popup .rs-picker-toolbar-ranges {
    max-width: 400px
}

.rs-picker-popup .rs-calendar {
    min-width: 264px;
    display: block;
    margin: 0 auto
}

.rs-picker-popup .rs-calendar-show-week-numbers {
    min-width: 278px
}

.rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body {
    padding-left: 12px;
    padding-right: 12px
}

.rs-picker-popup .rs-calendar-body {
    padding-left: 15px;
    padding-right: 15px
}

.rs-picker-popup .rs-calendar-table {
    width: unset
}

.rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-picker-popup .rs-calendar-table-cell:focus-visible {
    outline: none
}

.rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring)
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
    width: 30px;
    height: 30px
}

.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-listbox-option-hover-bg);
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text)
}

.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring);
    outline-offset: -3px;
    outline-width: 2px;
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text);
    text-decoration: underline
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
    outline-offset: 2px
}

.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
    background-color: #1675e0;
    background-color: var(--rs-calendar-cell-selected-hover-bg);
    color: #fff;
    color: var(--rs-calendar-date-selected-text)
}

.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
    color: #fff;
    color: var(--rs-calendar-date-selected-text)
}

.rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
    height: 24px;
    padding-top: 0
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
    padding-left: 0;
    padding-right: 0;
    display: inline-block
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
    background-color: rgb(from #cce9ff r g b/50%);
    background-color: var(--rs-listbox-option-hover-bg);
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text)
}

.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
    outline: 3px solid rgb(from #3498ff r g b/25%);
    outline: 3px solid var(--rs-color-focus-ring);
    outline-offset: -3px;
    outline-width: 2px;
    color: #1675e0;
    color: var(--rs-listbox-option-hover-text);
    text-decoration: underline
}

.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
    outline-offset: 2px
}

.rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
    background-color: #1675e0;
    background-color: var(--rs-calendar-cell-selected-hover-bg);
    color: #fff;
    color: var(--rs-calendar-date-selected-text)
}

.rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
    color: #fff;
    color: var(--rs-calendar-date-selected-text)
}

.rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column>ul {
    height: 198px
}

.rs-picker-popup .rs-calendar.rs-calendar-only-time {
    min-width: auto
}

.rs-picker-popup .rs-calendar.rs-calendar-only-time .rs-calendar-time-dropdown-column>ul {
    height: 240px
}

.rs-stack {
    display: flex
}

.rs-picker-daterange .rs-input-group-addon {
    color: #717273;
    color: var(--rs-text-secondary);
    cursor: pointer
}

.rs-picker-daterange .rs-input-group-addon .rs-btn-close {
    padding: 0
}

.rs-picker-daterange.rs-picker-subtle .rs-input-group {
    border-color: transparent
}

.rs-picker-daterange>.rs-input-group.rs-input-group-inside .rs-input {
    padding-right: 0
}

.rs-picker-popup.rs-picker-popup-daterange {
    padding: 0
}

.rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child {
    border-right: 1px solid #e5e5ea;
    border-right: 1px solid var(--rs-border-primary)
}

.rs-picker-popup .rs-calendar {
    height: 274px;
    padding-bottom: 10px
}

.rs-picker-popup .rs-calendar-header {
    width: 100%;
    text-align: center
}

.rs-picker-popup .rs-calendar-header-month-toolbar {
    float: none
}

.rs-picker-popup .rs-calendar-month-dropdown {
    z-index: 1
}

.rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
    width: 190px
}

.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-calendar-group {
    min-width: auto
}

.rs-picker-popup .rs-picker-daterange-calendar-single .rs-calendar {
    border: 0;
    display: block;
    margin: auto
}

.rs-picker-daterange-header {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-bottom: 1px solid #e5e5ea;
    border-bottom: 1px solid var(--rs-border-primary)
}

.rs-picker-daterange-header .rs-picker-header-date:focus {
    background-color: transparent
}

.rs-picker-daterange-header.rs-picker-tab-active-end,.rs-picker-daterange-header.rs-picker-tab-active-start {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.rs-picker-daterange-header.rs-picker-tab-active-end:after,.rs-picker-daterange-header.rs-picker-tab-active-start:after {
    content: " ";
    position: absolute;
    width: 50%;
    bottom: -1px;
    border-bottom: 2px solid #3498ff;
    left: 0;
    transition: left .3s
}

.rs-picker-daterange-header.rs-picker-tab-active-end:after {
    left: 50%
}

.rs-picker-daterange-calendar-group {
    display: flex;
    flex-wrap: nowrap;
    height: 274px;
    min-width: 492px
}

.rs-picker-daterange-predefined {
    height: 366px;
    border-right: 1px solid #e5e5ea;
    border-right: 1px solid var(--rs-border-primary);
    padding: 4px 0
}

.rs-picker-daterange-predefined .rs-btn {
    display: block
}

html {
    --input-font-size: 16px;
    --input-placeholder: #9e9da4;
    --input-bg: #fff;
    --input-color: var(--starvell-text-muted);
    --input-color-invalid: #ff5c5c;
    --input-border-color: rgba(9,25,72,0.13);
    --input-border-color-focus: #4e75ff;
    --input-border-color-invalid: #ff5c5c;
    --input-box-shadow: 0px 1px 2px 0px rgba(18,55,105,0.08);
    --input-box-shadow-focus: 0px 1px 2px 0px rgba(78,117,255,0.16);
    --input-box-shadow-invalid: 0px 1px 2px 0px rgba(255,92,92,0.08);
    --input-color-disabled: #9e9da4;
    --input-bg-disabled: #f7f7f7;
    --scrollbar-bg: var(--global-border-color);
    --scrollbar-thumb-bg: #d2d6dd
}

html:has(#site[data-dark=true]) {
    --input-bg: #252528;
    --input-placeholder: #46464b;
    --input-border-color: #2d2d30;
    --input-bg-disabled: #252528;
    --input-color-disabled: #a0a6b5;
    --scrollbar-bg: var(--global-border-color);
    --scrollbar-thumb-bg: #313333
}

html:has(#site[data-dark=true]) input:-webkit-autofill,html:has(#site[data-dark=true]) input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 0s,color 0s 0s;
    transition: background-color 0s 0s,color 0s 0s;
    transition-delay: calc(infinity * 1s)
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

::-webkit-scrollbar-track {
    border-radius: 12px;
    background: var(--scrollbar-bg);
    padding: 12px 0
}

::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: var(--scrollbar-thumb-bg)
}

.animate__animated {
    --animate-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__faster {
    animation-duration: calc(var(--animate-duration) / 2)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

html {
    --landing-body-padding: 10px;
    --font-weight-default: 400;
    --body-padding: 24px;
    --content-padding: 64px;
    --layout-width: 1256px;
    --global-border-color: #e8ebf0;
    --global-bg: #fff;
    --text-secondary: #6e7076;
    --starvell-secondary-text: #6e7076;
    --text-thin: #9e9da4;
    --white: #fff;
    --background: #f7f7f7;
    --hover: #f7f7f7;
    --dark-hover: #2f2f31;
    --starvell-green: #1db462;
    --starvell-thin-green: #1db46214;
    --starvell-yellow: #e1b000;
    --starvell-orange: #ff8e26;
    --starvell-red: #ff5c5c;
    --starvell-thin-red: #ff5c5c14;
    --primary: #4e75ff;
    --primary-hover: #274fdc;
    --dark: 14,18,27;
    --starvell-text-muted: #36394a;
    --item-border-color: #e8ebf0;
    --starvell-span: #7e818b;
    scroll-behavior: smooth
}

html:has(#site[data-dark=true]) {
    --background: #141414;
    --global-bg: #1c1c1e;
    --white: #252528;
    --primary: #4280f8;
    --primary-hover: #2662d7;
    --dark: 160,166,181;
    --text-secondary: #a0a6b5;
    --starvell-secondary-text: #a0a6b5;
    --starvell-text-muted: #e5e5e5;
    --global-border-color: #252528;
    --item-border-color: #2d2d30
}

#site[data-dark=true] {
    background: #141414
}

body {
    font-size: 14px;
    font-weight: var(--font-weight-default);
    background: var(--global-bg);
    font-family: var(--font-inter),sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    -webkit-tap-highlight-color: transparent
}

button {
    cursor: pointer;
    background: transparent;
    border: 0
}

button,button:focus {
    outline: none
}

button,input {
    font-family: var(--font-family);
    transition: color .3s
}

::placeholder {
    color: #9e9da4
}

* {
    padding: 0;
    margin: 0;
    font-family: inherit;
    box-sizing: border-box
}

:focus {
    outline: none
}

ul {
    list-style: none
}

#site[data-dark=true] .only-light,.only-dark {
    position: absolute;
    visibility: hidden
}

#site[data-dark=true] .only-dark {
    position: relative;
    visibility: visible
}

.pseudo_link,a {
    color: var(--primary);
    transition: color .3s,background .3s;
    cursor: pointer;
    text-decoration: none
}

.pseudo_link {
    border: none;
    background: transparent;
    font-size: 14px;
    border-radius: 2px
}

.pseudo_link:focus {
    color: var(--primary-hover)
}

@media (hover: hover) {
    .pseudo_link:hover,a:hover {
        color:var(--primary-hover)
    }
}

svg.gray_icon {
    color: #9a9ba3
}

#site[data-dark=true] svg.gray_icon {
    color: #666d80
}

#site[data-dark=true] img.gray_icon {
    filter: invert(48%) sepia(2%) saturate(5614%) hue-rotate(187deg) brightness(82%) contrast(75%);
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.body-lock {
    overflow: hidden;
    padding-right: var(--scrollbar-width)
}

html:has(#site.admin) {
    --starvell-hover: #f7f7f7;
    --starvell-link: #5c80fd;
    --starvell-primary: #4e75ff;
    --starvell-primary-hover: #274fdc;
    --starvell-thin: #5c80fd14;
    --starvell-text: #36394a;
    --starvell-background: #f5f7f9;
    --starvell-white: #fff;
    --starvell-secondary-text: #6e7076;
    --starvell-thin-text: #9e9da4;
    --starvell-green: #1db462;
    --starvell-thin-green: #1db46214;
    --starvell-yellow: #e1b000;
    --starvell-thin-yellow: #ffe50014;
    --starvell-orange: #ff8e26;
    --starvell-thin-orange: #ff8e2614;
    --starvell-red: #ff5c5c;
    --starvell-thin-red: #ff5c5c14;
    --starvell-gray: #e8ebf0;
    --starvell-default-border-radius: 6px;
    --starvell-span: #7e818b;
    --starvell-filter-color: #36394a;
    font-size: 14px;
    font-weight: 400;
    background: #f7f7f7
}

html:has(#site.admin[data-dark=true]) {
    --starvell-white: #1c1c1e;
    --starvell-background: #141414;
    --starvell-gray: #252528;
    --starvell-text: #ebebeb;
    --starvell-secondary-text: #a0a6b5;
    --starvell-hover: #252528;
    --starvell-filter-color: #252528
}

.rs-picker-popup {
    margin-top: 8px
}

:not(.rs-picker-popup) .rs-picker-input-group {
    display: none!important
}

.rs-btn-link {
    color: #4280f8!important;
    text-decoration: none!important
}

.rs-btn-link:hover {
    color: #2662d7!important
}

.rs-btn-primary {
    padding: 4px 12px!important;
    border-radius: 8px!important;
    border: 1px solid #5f82ff!important;
    background: var(--starvell-primary)!important
}

.rs-calendar-table-cell-day {
    color: var(--starvell-text)
}

.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
    background: var(--starvell-primary)!important
}

.rs-calendar-month-dropdown-year-active {
    color: var(--starvell-primary)!important
}

.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
    background: var(--starvell-primary)!important
}

.rs-calendar-table-cell-selected .rs-calendar-table-cell-content>span {
    color: white!important
}

.rs-btn-primary:hover {
    background: var(--starvell-primary-hover)!important;
    border-color: #4463d1!important
}

.rs-btn-subtle {
    color: var(--starvell-text)!important
}

.rs-calendar-table-header-cell-content {
    color: var(--starvell-secondary-text)!important
}

html:has(#site.admin[data-dark=true]) .rs-btn-subtle:focus,html:has(#site.admin[data-dark=true]) .rs-btn-subtle:hover {
    background: #252528
}

html:has(#site.admin[data-dark=true]) .rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child,html:has(#site.admin[data-dark=true]) .rs-picker-toolbar {
    border-color: #2d2d30!important
}

html:has(#site.admin[data-dark=true]) .rs-picker-popup {
    background: var(--starvell-gray)
}

.slick-disabled {
    display: none!important
}

.slick-dots,.slick-next,.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-loading .slick-next,.slick-prev {
    z-index: 10;
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-prev {
    top: calc(50% - 10px)!important
}

.slick-next {
    top: calc(50% - 20px)!important
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -20px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-next {
    right: -20px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slick-list,.slick-slider,.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.custom-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.custom-scrollbar::-webkit-scrollbar {
    display: none
}

:root {
    --toastify-toast-width: 398px
}

.Toastify__toast-theme--starvell {
    font-family: var(--font-family);
    padding: 16px;
    border-radius: 12px!important;
    box-shadow: 0 16px 32px -12px #0e121b05;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: flex-start
}

.Toastify__toast-theme--starvell .Toastify__toast-icon {
    margin: 3px 4px
}

.toast__title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--starvell-text-muted)
}

.toast__text {
    font-size: 14px;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    color: var(--text-secondary)
}

.toast__close {
    transition: opacity .3s
}

.toast__close:hover {
    opacity: .5
}

.toast__content {
    flex-grow: 1
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:4px
    }

    .Toastify__toast-container {
        padding: 8px
    }
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0,0,0,0.1);
    --f-spinner-color-2: rgba(17,24,28,0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0,calc(var(--f-throw-out-distance, 150px) * -1),0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    to {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    to {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        color:var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden!important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24,24,27,0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255,255,255,0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: visible;
    z-index: var(--fancybox-zIndex,1050);
    outline: none;
    transform-origin: top left;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,.fancybox__container :after,.fancybox__container :before {
    box-sizing: inherit
}

.fancybox__container::-webkit-backdrop {
    background-color: rgba(0,0,0,0)
}

.fancybox__container::backdrop {
    background-color: rgba(0,0,0,0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity,1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:after,.fancybox__slide:before {
    content: "";
    flex: 0 0;
    margin: auto
}

.fancybox__backdrop:empty,.fancybox__slide:empty,.fancybox__track:empty,.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color,#374151);
    background: var(--fancybox-content-bg,#fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0,0,0,0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,.is-dragging .fancybox__content {
    will-change: transform,width,height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    filter: blur(0)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color,currentColor);
    opacity: var(--fancybox-opacity,1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color,#fff);
    --f-button-hover-color: var(--fancybox-color,#fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity,1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24,24,27,.5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0,0,0,0.6);
    --f-button-active-bg: rgba(0,0,0,0.6);
    --f-button-hover-bg: rgba(0,0,0,0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24,24,27,0.3);
    --f-button-active-bg: rgba(24,24,27,0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity,1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav,.is-idle.is-compact .fancybox__footer {
    animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    right: 0;
    bottom: 0
}

.fancybox-ghost,.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-ghost {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
    animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
    animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0)
}

.fancybox-placeholder {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2,#e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translateZ(0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px),0,0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: -webkit-clip-path .33s ease;
    transition: clip-path .33s ease;
    transition: clip-path .33s ease,-webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0,0,0,0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius,0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    height: auto;
    border: var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img,.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs__slide__img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity,1);
    transition: max-height .35s cubic-bezier(.23,1,.32,1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0!important
}

.is-closing .fancybox__thumbs {
    transition: none!important
}

.fancybox__toolbar {
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24,24,27,0.65);
    --f-button-hover-bg: rgba(70,70,73,0.65);
    --f-button-active-bg: rgba(90,90,93,0.65);
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,0.15));
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;
    color: var(--fancybox-color,currentColor);
    opacity: var(--fancybox-opacity,1);
    text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: f-fadeOut .15s ease-out both
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    font-size: 17px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox__container {
    --fancybox-bg: linear-gradient(180deg,rgba(0,0,0,0.4) 3.5%,rgba(0,0,0,0)),rgba(0,0,0,0.32);
    --fancybox-color: #fff
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color,rgba(255,255,255,0.94));
    --f-button-width: 48px;
    --f-button-height: 48px;
    --f-button-color: #fff;
    --f-button-hover-color: #ffffffcb;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-border-radius: 0;
    --f-button-svg-width: 32px;
    --f-button-svg-height: 32px;
    --f-button-svg-stroke-width: 0;
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65
}

.fancybox__thumbs {
    --f-thumb-width: 155px;
    --f-thumb-height: 88px;
    --f-thumb-border-radius: 8px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: var(--primary)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 16px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox-image {
    border-radius: 8px;
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.02);
    min-width: 100px;
    min-height: 100px
}

.fancybox__content {
    min-width: 100px!important;
    min-height: 100px!important
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 24px
}

.fancybox__infobar {
    display: inline-flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 0;
    border-radius: 6px;
    background: rgba(255,255,255,.08);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-shadow: none
}

.fancybox__infobar span {
    padding: 0
}

.fancybox__toolbar__column.is-left {
    padding: 19px 12px
}

.fancybox__toolbar__column.is-right {
    padding: 8px
}

.fancybox__toolbar__column.is-right svg {
    --f-button-svg-filter: none
}

.fancybox__nav {
    --f-button-bg: #fff;
    --f-button-active-bg: #ddd;
    --f-button-hover-bg: #eee;
    --f-button-color: var(--starvell-text-muted);
    --f-button-hover-color: var(--starvell-text-muted);
    --f-button-width: 40px;
    --f-button-height: 40px
}

.fancybox__nav svg {
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-filter: none;
    stroke-width: 0px
}

.fancybox__nav .f-button {
    box-shadow: 0 0 0 1px rgba(18,55,105,.08),0 12px 28px -12px rgba(54,57,74,.12),0 1px 2px 0 rgba(164,172,185,.04)
}

.f-button:focus-visible {
    outline: none;
    box-shadow: none
}

body:has(#site[data-dark=true]) .fancybox__nav {
    --f-button-bg: var(--global-border-color);
    --f-button-active-bg: #252528;
    --f-button-hover-bg: #252528a4;
    --f-button-color: #a0a6b5;
    --f-button-hover-color: #a0a6b5
}

body:has(#site[data-dark=true]) .fancybox__toolbar {
    --f-button-color: #a0a6b5;
    --f-button-hover-color: #a0a6b5bd
}

.fancybox__slide {
    padding: 50px 70px
}

@media (max-width: 768px) {
    .fancybox__thumbs {
        --f-thumb-width:calc(155px / 1.5);
        --f-thumb-height: calc(88px / 1.5)
    }

    .fancybox__footer {
        background: transparent
    }

    .f-thumbs.is-horizontal .f-thumbs__track {
        padding: 8px 0
    }

    .fancybox__thumbs.is-classic {
        --f-thumb-gap: 8px
    }

    .fancybox__nav {
        display: none
    }

    .fancybox__slide {
        padding: 4px
    }
}

.popup_backdrop__E_tQE {
    display: flex;
    align-items: safe center;
    justify-content: center;
    z-index: 200;
    inset: 0;
    position: fixed;
    scrollbar-width: none;
    overflow-y: auto;
    padding: 20px 0
}

.popup_backdrop__E_tQE:before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    z-index: -1;
    will-change: opacity
}

.popup_backdrop__E_tQE::-webkit-scrollbar {
    display: none
}

.popup_wrapper__hnRVA {
    position: relative
}

.popup_body__CuRuA {
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 100vw;
    max-width: 488px;
    min-height: -moz-fit-content;
    min-height: fit-content;
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg);
    box-shadow: 0 16px 32px -12px #0e121b05
}

.popup_close_button__5Pwea {
    cursor: pointer;
    border-radius: 8px;
    background: var(--global-bg);
    border: 1px solid var(--global-border-color);
    width: 48px;
    height: 48px;
    top: 0;
    position: absolute;
    right: -64px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: .3s;
    flex-shrink: 0
}

.popup_close_button__5Pwea:not(:disabled):hover {
    background: linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#fafafa
}

.popup_close_button__5Pwea:not(:disabled,.popup_primary__cnsHK):active {
    background: #eee
}

body:has(#site[data-dark=true]) .popup_close_button__5Pwea:not(:disabled):hover {
    background: var(--dark-hover)!important
}

body:has(#site[data-dark=true]) .popup_close_button__5Pwea svg path {
    fill: #eeeeee
}

.popup_header__uFYAz {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.popup_mb_24__B404e {
    margin-bottom: 24px
}

.popup_mb_16__uUpEI {
    margin-bottom: 16px
}

.popup_mb_8__lIkwO {
    margin-bottom: 8px
}

.popup_headerRow__xo5Ad {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.popup_header__uFYAz h2 {
    color: var(--starvell-text-muted);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    overflow-wrap: anywhere
}

.popup_header__uFYAz h3 {
    overflow-wrap: anywhere;
    margin-top: 8px
}

.popup_content__8C3ee,.popup_header__uFYAz h3 {
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.popup_content__8C3ee b {
    color: var(--starvell-text-muted);
    font-weight: 500
}

.popup_footer__fZy_v {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-top: 24px
}

.popup_footer__fZy_v>* {
    flex: 1 1
}

@media (max-width: 768px) {
    .popup_backdrop__E_tQE {
        padding:0 0 5px
    }

    .popup_wrapper__hnRVA {
        display: flex;
        flex-direction: column
    }

    .popup_body__CuRuA {
        padding: 12px 16px;
        margin-top: 0
    }

    .popup_footer__fZy_v {
        flex-direction: column;
        width: 100%
    }

    .popup_footer__fZy_v.popup_footer_reverse_on_mobile__YiEaZ {
        flex-direction: column-reverse
    }

    .popup_close_button__5Pwea {
        position: relative;
        background: transparent!important;
        border: 0;
        border-radius: 0;
        align-self: flex-end;
        right: inherit;
        margin-right: 12px;
        bottom: 100%
    }

    .popup_close_button__5Pwea>svg>g {
        opacity: 1
    }

    .popup_close_button__5Pwea>svg>g>path {
        fill: white
    }
}

.popup_wrapper__hnRVA.popup_compact__EJhJi .popup_body__CuRuA {
    padding: 16px;
    width: auto;
    max-width: none;
    max-height: none
}

.utils_separator__xGnNe {
    background: var(--global-border-color);
    height: 1px;
    width: 100%
}

.utils_separator__xGnNe:first-child {
    display: none
}

.utils_separator__xGnNe.utils_separator_light__Z87vE {
    background: rgba(0,0,0,.08)
}

.utils_separator_margins__fPxD_ {
    margin: 24px 0
}

.utils_buttons_group__WAnla {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.utils_buttons_group__WAnla>* {
    flex: 1 1
}

.utils_copy_button__Uo33T svg {
    color: #4e75ff;
    display: block;
    transition: opacity .2s
}

.utils_copy_button__Uo33T:hover svg {
    opacity: .7
}

.utils_copy_button__Uo33T:active svg {
    opacity: .4
}

.utils_empty__yJlSi {
    padding: 10px 0;
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.utils_empty__thin__UGIp_ {
    padding: 0
}

.utils_loader__H2BRS {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    animation: utils_rotate__F__5r 1s linear infinite
}

.utils_loader__H2BRS:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--primary);
    animation: utils_prixClipFix__BQQG1 2s linear infinite
}

.utils_loader__H2BRS.utils_loader_small__Qh_6_ {
    width: 10px;
    height: 10px
}

.utils_loader__H2BRS.utils_loader_small__Qh_6_:before {
    border-width: 1px;
    border-color: #fff;
    opacity: .5
}

.utils_actions_inline__lqAUI {
    display: flex;
    align-items: center;
    gap: 24px
}

.utils_actions_inline__lqAUI:empty {
    display: none
}

.utils_dot__0SOrO {
    width: 10px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: text-top
}

@keyframes utils_rotate__F__5r {
    to {
        transform: rotate(1turn)
    }
}

@keyframes utils_prixClipFix__BQQG1 {
    0% {
        -webkit-clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

.form_form__7zIv_ {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.form_description__r66Sc {
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: var(--font-weight-default);
    line-height: 24px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis
}

.form_description__r66Sc:last-child {
    padding-bottom: 0
}

.form_description__r66Sc b {
    font-weight: 500;
    color: var(--starvell-text-muted)
}

#site[data-dark=true] .form_description__r66Sc b {
    color: #ebebeb
}

.form_loading__QygT0 {
    opacity: .5;
    pointer-events: none
}

.form_form_panel__pVT5Y {
    align-self: flex-start;
    width: 488px;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg);
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.02);
    margin: 50px auto
}

.form_title__EhADT {
    font-size: 20px;
    line-height: 28px;
    color: var(--starvell-text-muted);
    font-weight: 600;
    margin-bottom: 8px
}

.form_oauth__J8_Ii {
    display: flex;
    flex-direction: column
}

.form_separator__zpILI {
    color: #9e9da4;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    margin: 20px 0 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form_separator__zpILI span {
    position: relative;
    z-index: 2;
    background: var(--global-bg);
    padding: 0 8px
}

.form_separator__zpILI:after {
    content: "";
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--global-border-color)
}

.form_form_separator__UgNUF {
    border-bottom: 1px solid var(--global-border-color);
    margin: 24px 0
}

.form_form_separator__UgNUF.form_small__8HJvA {
    margin: 8px 0
}

.form_buttons_stack__gisXL {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.form_buttons_group__OY0It {
    display: flex;
    gap: 8px
}

.form_field_error__iryDa,.form_field_form_error___nucu {
    color: #ff5c5c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.form_field_error__iryDa {
    margin-top: 8px
}

.form_checkbox_group__H93H3 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.form_field_group_horizontal__O2bCB {
    display: flex;
    gap: 8px
}

.form_field_group_horizontal__O2bCB>* {
    flex: 1 0
}

.form_field_group_horizontal__O2bCB.form_gap24__1Sdp4 {
    gap: 24px
}

.form_panel_group__vvJ1I {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.form_select_all__ZkjAv>* {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 768px) {
    .form_form_panel__pVT5Y {
        margin:0;
        width: 100%;
        border-radius: 0;
        border: 0
    }
}

.button_button__TIoc7 {
    --button-pl: 12px;
    --button-pt: 4px;
    position: relative;
    display: flex;
    height: 40px;
    padding: var(--button-pt) var(--button-pl);
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 8px;
    border: none;
    border-top: 1px solid transparent;
    border-bottom: 2px solid transparent;
    color: var(--starvell-text-muted);
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: border-color .3s,background .3s;
    cursor: pointer;
    white-space: nowrap;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(193,199,208,.02) 100%),var(--white);
    box-shadow: 0 1px 2px 0 rgba(164,172,185,.24),0 0 0 1px rgba(18,55,105,.08)
}

.button_button__TIoc7.button_shrinkable__ew45s {
    flex-shrink: 1;
    min-width: 0
}

.button_button__TIoc7.button_shrinkable__ew45s .button_text__Bq8_8 {
    overflow: hidden;
    text-overflow: ellipsis
}

.button_red_text__VJitm {
    color: var(--starvell-red)
}

@media (hover: hover) {
    .button_button__TIoc7:not(:disabled,.button_primary__rds5q,.button_secondary__m5f7i,.button_button__TIoc7.button_blured__ed8Bx,#site[data-dark=true] .button_button__TIoc7):hover {
        background:linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#fafafa
    }
}

.button_button__TIoc7:disabled {
    opacity: .4;
    cursor: default
}

.button_button__TIoc7.button_primary__rds5q {
    background: linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#4e75ff;
    color: white;
    box-shadow: 0 1px 2px 0 rgba(57,89,204,.5),0 0 0 1px #4665d2
}

@media (hover: hover) {
    .button_button__TIoc7.button_primary__rds5q:hover {
        background:linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#274fdc;
        box-shadow: 0 1px 2px 0 rgba(57,89,204,.5),0 0 0 1px #4665d2
    }
}

.button_button__TIoc7.button_secondary__m5f7i {
    background: rgba(92,128,253,.08);
    color: #5c80fd;
    box-shadow: unset
}

.button_button__TIoc7.button_secondary__m5f7i.button_active__pcd2m {
    background: #5c80fd;
    color: #fff
}

.button_icon_left__56Vcw img {
    position: absolute;
    left: var(--button-pl);
    top: 50%;
    transform: translateY(-50%)
}

.button_button__TIoc7.button_wide__bTDxj {
    width: 100%
}

.button_button__TIoc7.button_small__BRkX3 {
    padding: 4px 12px;
    height: 32px;
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.button_button__TIoc7.button_medium__Cm2eg {
    padding: 8px 12px;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.button_button__TIoc7.button_blured__ed8Bx,.button_button__TIoc7.button_blured__ed8Bx:not(:disabled):hover {
    border-radius: 6px;
    background: linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    color: #fff;
    box-shadow: none;
    opacity: 1;
    transition: opacity .3s
}

.button_button__TIoc7.button_blured__ed8Bx:not(:disabled):hover {
    opacity: .8
}

.button_button__TIoc7.button_secondary__m5f7i:hover {
    background: rgba(92,128,253,.2)
}

.button_inline_button__JG_TT {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    color: var(--primary);
    transition: .3s
}

.button_inline_button__JG_TT.button_danger__c5_F5 {
    color: var(--starvell-red)
}

.button_inline_button__JG_TT.button_grey__b_2Pe {
    color: var(--text-secondary)
}

@media (hover: hover) {
    .button_inline_button__JG_TT:hover {
        color:var(--primary-hover)
    }

    .button_inline_button__JG_TT.button_danger__c5_F5:hover {
        color: var(--starvell-red)
    }

    .button_inline_button__JG_TT.button_grey__b_2Pe:hover {
        color: var(--starvell-text-muted)
    }
}

#site[data-dark=true] .button_button__TIoc7 {
    color: #ebebeb;
    background: linear-gradient(180deg,rgba(19,21,34,0),rgba(19,21,34,.02)),#252528;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.04),0 0 0 1px rgba(144,148,167,.08)
}

#site[data-dark=true] .button_button__TIoc7:hover {
    background: linear-gradient(180deg,rgba(19,21,34,0),rgba(19,21,34,.02)),#2f2f31
}

#site[data-dark=true] .button_button__TIoc7.button_primary__rds5q {
    color: #ebebeb;
    background: linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#4e75ff;
    box-shadow: 0 1px 2px 0 rgba(57,89,204,.5),0 0 0 1px #4665d2
}

#site[data-dark=true] .button_button__TIoc7.button_primary__rds5q:hover {
    background: linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#2662d7;
    box-shadow: 0 1px 2px 0 rgba(55,113,224,.5),0 0 0 1px #1c428c
}

#site[data-dark=true] .button_button__TIoc7.button_red_text__VJitm {
    color: var(--starvell-red)
}

#site[data-dark=true] .button_button__TIoc7.button_secondary__m5f7i {
    background: rgba(66,128,248,.08);
    color: #4280f8
}

#site[data-dark=true] .button_button__TIoc7.button_secondary__m5f7i:hover {
    background: rgba(66,128,248,.2)
}

#site[data-dark=true] .button_button__TIoc7.button_secondary__m5f7i.button_active__pcd2m {
    background: #5c80fd;
    color: #fff
}

.user_user__nkPGu {
    display: flex;
    text-decoration: none;
    color: var(--starvell-text-muted)!important;
    cursor: pointer;
    gap: 8px;
    position: relative;
    align-items: center;
    min-width: 0
}

.user_user__nkPGu>a {
    position: absolute;
    inset: 0;
    z-index: 1
}

.user_user__nkPGu.user_reverse__8eaLp {
    flex-direction: row-reverse
}

.user_user__nkPGu.user_reverse__8eaLp>section {
    align-items: flex-end
}

.user_info__cmxab {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-secondary)
}

.user_meta__DAldD {
    padding-top: 2px;
    font-size: 14px;
    line-height: 20px
}

.user_meta__DAldD,.user_online_status__ZgSr0 {
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user_online_status__ZgSr0 {
    font-size: 13px;
    line-height: 18px
}

.user_user__nkPGu.user_online__oWx2k:not(.user_banned__SOz_r) .user_online_status__ZgSr0 {
    font-weight: 500;
    color: #1db462
}

.user_user__nkPGu.user_banned__SOz_r .user_online_status__ZgSr0 {
    font-weight: 500;
    color: var(--starvell-red)
}

.user_user__nkPGu>section {
    display: flex;
    flex-direction: column;
    min-width: 0
}

.user_user__nkPGu>section>div {
    display: flex;
    gap: 4px;
    align-items: center
}

.user_user__nkPGu>section>div>h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: color .3s;
    overflow: hidden;
    color: var(--starvell-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap
}

.user_user__nkPGu>section>div>h4 a {
    color: var(--starvell-text-muted)
}

.user_user__nkPGu>section>div>h4 a:hover {
    color: var(--text-secondary)
}

.user_rating__rGOLj {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 6px;
    background: rgba(29,180,98,.08);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px
}

.user_rating__rGOLj>div {
    width: 12px;
    height: 12px;
    -webkit-mask: url(../images/star.38faac57.svg) no-repeat center;
    mask: url(../images/star.38faac57.svg) no-repeat center;
    background: currentColor
}

.user_verified__LUT8i {
    margin-top: 1px;
    margin-right: 4px
}

.user_typing__IrPd5 {
    font-weight: 500;
    color: var(--primary)!important
}

.user_typing_anim__dot__8p7U7:first-child {
    opacity: 0;
    animation: user_dot-appear1__bG5b_ 1.5s infinite
}

.user_typing_anim__dot__8p7U7:nth-child(2) {
    opacity: 0;
    animation: user_dot-appear2__Hk2f5 1.5s infinite
}

.user_typing_anim__dot__8p7U7:nth-child(3) {
    opacity: 0;
    animation: user_dot-appear3__J_WWR 1.5s infinite
}

@keyframes user_dot-appear1__bG5b_ {
    0%,24% {
        opacity: 0
    }

    25%,to {
        opacity: 1
    }
}

@keyframes user_dot-appear2__Hk2f5 {
    0%,49% {
        opacity: 0
    }

    50%,to {
        opacity: 1
    }
}

@keyframes user_dot-appear3__J_WWR {
    0%,74% {
        opacity: 0
    }

    75%,to {
        opacity: 1
    }
}

@media (max-width: 1024px) {
    .user_user__nkPGu.user_mobile_friendly__b1DUq {
        width:auto;
        align-self: flex-start;
        align-items: flex-start
    }

    .user_user__nkPGu.user_mobile_friendly__b1DUq * {
        font-size: 12px!important;
        line-height: 18px!important
    }

    .user_user__nkPGu.user_mobile_friendly__b1DUq .user_comma__Twvkr {
        display: none
    }

    .user_user__nkPGu.user_mobile_friendly__b1DUq .user_info_item__FP8Km {
        display: block
    }
}

.reviews-stars_block___swBy {
    display: flex;
    gap: 16px;
    width: 100%;
    position: relative
}

.reviews-stars_block__left__xFXh4,.reviews-stars_block__right__pRsbD {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.reviews-stars_block__left__xFXh4>div {
    display: flex;
    gap: 4px
}

.reviews-stars_block__right__pRsbD {
    width: 100%;
    position: relative
}

.reviews-stars_bar__I3YW4 {
    margin: 4px 0;
    overflow: hidden;
    background: var(--global-border-color);
    border-radius: 12px;
    width: 100%;
    height: 4px
}

.reviews-stars_bar_progress__gTN08 {
    height: 4px;
    background: #6e7076;
    border-radius: 12px
}

#site[data-dark=true] .reviews-stars_bar_progress__gTN08 {
    background: #46464b
}

.user-avatar_root__toQx7 {
    --border-color: #fff;
    --border-size: 2px;
    --radius: 9px;
    --size: calc(var(--radius) + var(--border-size) * 2);
    position: relative;
    border-radius: 100%;
    flex-shrink: 0
}

.user-avatar_root__toQx7 img,.user-avatar_root__toQx7 svg {
    border-radius: 100%;
    display: block
}

.user-avatar_root__toQx7 svg {
    overflow: hidden
}

.user-avatar_online_status__FWJHE {
    position: absolute;
    bottom: calc(var(--border-size) * -1);
    right: calc(var(--border-size) * -1);
    border: var(--border-size) solid var(--border-color);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: #9e9da4
}

.user-avatar_root__toQx7.user-avatar_online__Lh_Uv .user-avatar_online_status__FWJHE {
    background: #1db462
}

.user-avatar_root__toQx7.user-avatar_has_border__2NoU8 {
    background: var(--border-color)
}

#site[data-dark=true] .user-avatar_root__toQx7 {
    --border-color: var(--global-border-color)
}

.user-avatar_multi_root__R6hZ0 {
    position: relative
}

.user-avatar_multi_root__R6hZ0>* {
    position: relative;
    z-index: 0
}

.user-avatar_multi_root__R6hZ0>:last-child {
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1
}

.blacklist-popup_content__RWF4h {
    margin-top: -8px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.blacklist-popup_content__RWF4h:not(:last-child) {
    margin-bottom: 32px
}

.blacklist-popup_users_header__okPgr {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.blacklist-popup_users__Dy6PI {
    padding-top: 8px;
    margin-bottom: -8px
}

.blacklist-popup_item___UYF1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px;
    transition: background .3s;
    border-radius: 8px;
    margin: 0 -12px
}

.blacklist-popup_item___UYF1:hover {
    background: rgba(247,247,247,.64)
}

.blacklist-popup_item___UYF1>svg {
    flex-shrink: 0;
    cursor: pointer;
    opacity: .4;
    transition: opacity .3s;
    color: #0e121b
}

.blacklist-popup_item___UYF1>svg:hover {
    opacity: .6
}

.blacklist-popup_item___UYF1.blacklist-popup_deleting__tHx7A>svg {
    animation: blacklist-popup_spin__VZ6HQ 1s linear infinite
}

@keyframes blacklist-popup_spin__VZ6HQ {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#site[data-dark=true] .blacklist-popup_item___UYF1:hover {
    background: rgba(247,247,247,.05)
}

#site[data-dark=true] .blacklist-popup_item___UYF1>svg {
    color: #fff
}

.footer_layout_footer__6OQk_ {
    display: flex;
    justify-content: center;
    padding: 0 var(--body-padding);
    background: var(--global-bg);
    overflow: hidden;
    border-top: 1px solid var(--global-border-color)
}

.footer_inner__GIteC {
    max-width: var(--layout-width);
    width: 100%;
    display: flex;
    flex-grow: 1;
    min-width: 0;
    gap: 24px;
    padding: 35px var(--content-padding);
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px
}

.footer_inner__GIteC .footer_logo__pe9i3 {
    margin-bottom: 12px
}

.footer_section__VnNUr {
    width: 232px
}

.footer_section__VnNUr ul a {
    color: var(--text-secondary);
    text-decoration: none
}

.footer_section__VnNUr ul a:hover {
    color: #000;
    text-decoration: none
}

.footer_section__VnNUr ul {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.footer_section__VnNUr h4 {
    margin-bottom: 8px;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.footer_info__uKSJc {
    width: 296px;
    margin-right: 64px
}

.footer_info__uKSJc p:not(:last-child) {
    margin-bottom: 8px
}

.footer_socials_circle__eoMwS {
    margin-left: auto
}

@media (max-width: 1000px) {
    .footer_layout_footer__6OQk_ {
        padding:0
    }

    .footer_inner__GIteC {
        flex-direction: column;
        padding: 24px 16px
    }

    .footer_info__uKSJc {
        order: 10
    }

    .footer_socials_circle__eoMwS {
        margin-left: 0
    }
}

#site[data-dark=true] .footer_section__VnNUr ul a:hover {
    color: #ebebeb
}

.logo_logo__JeCSV {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #33363e;
    letter-spacing: -.5px;
    cursor: pointer;
    text-decoration: none
}

.logo_logo__JeCSV:hover {
    color: #33363e
}

.logo_logo_small__6VWnP,.logo_logo_text_white__vx6VA {
    display: none
}

#site[data-dark=true] .logo_logo_text_white__vx6VA {
    display: block
}

#site[data-dark=true] .logo_logo_text__KTDnC {
    display: none
}

@media (max-width: 1024px) {
    .logo_logo__JeCSV.logo_responsive__W_921 {
        padding:9px
    }

    .logo_logo__JeCSV.logo_responsive__W_921 .logo_logo_small__6VWnP {
        display: block
    }

    #site[data-dark=true] .logo_logo_text_white__vx6VA,.logo_logo__JeCSV.logo_responsive__W_921 .logo_logo_text__KTDnC,.logo_logo__JeCSV.logo_responsive__W_921 .logo_logo_text_white__vx6VA {
        display: none
    }
}

.socials_socials_circle__PuWuM {
    display: flex;
    gap: 12px
}

.socials_socials_circle__PuWuM a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 40px;
    transition: box-shadow .3s
}

.socials_socials_circle__PuWuM a:hover {
    box-shadow: 0 0 20px #3285e536
}

.checkbox-switch_container__5ckC_ {
    --width: 28px;
    --height: 16px;
    --gap: 2px;
    --thumb-size: calc(var(--height) - var(--gap) * 2);
    --bg: #e8ebf0;
    --bg-checked: #4e75ff;
    --bg-thumb: #fff;
    --bg-thumb-checked: #fff;
    width: var(--width);
    height: var(--height);
    border-radius: 50px;
    background: var(--bg);
    position: relative;
    cursor: pointer;
    transition: background .2s;
    display: block;
    flex-shrink: 0
}

#site[data-dark=true] .checkbox-switch_container__5ckC_ {
    --bg-thumb: #636472;
    --bg: #32333c
}

.checkbox-switch_container__5ckC_>input {
    opacity: 0;
    pointer-events: none
}

.checkbox-switch_thumb__IhoL3 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--gap);
    left: var(--gap);
    width: var(--thumb-size);
    height: var(--thumb-size);
    border-radius: 100%;
    background: var(--bg-thumb);
    transition: left .2s,background .2s
}

.checkbox-switch_thumb__IhoL3>* {
    width: 10px;
    height: 10px
}

.checkbox-switch_container__5ckC_.checkbox-switch_checked__d5ocx {
    background: var(--bg-checked)
}

.checkbox-switch_container__5ckC_.checkbox-switch_checked__d5ocx .checkbox-switch_thumb__IhoL3 {
    left: calc(var(--width) - var(--thumb-size) - var(--gap));
    background: var(--bg-thumb-checked)
}

.checkbox-switch_checkbox_switch_labeled__Ux7_N {
    height: 36px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--item-border-color);
    border-radius: 8px;
    color: var(--starvell-text-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    transition: background .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.checkbox-switch_checkbox_switch_labeled__Ux7_N:hover {
    background: #fafafa
}

#site[data-dark=true] .checkbox-switch_checkbox_switch_labeled__Ux7_N {
    background: #252528
}

.checkbox-switch_checkbox_switch_labeled__Ux7_N>:last-child {
    margin-left: auto
}

.checkbox-switch_checkbox_switch_labeled__medium__2awNz {
    font-size: 16px;
    height: 42px;
    margin-top: -1px
}

.checkbox-switch_container__5ckC_.checkbox-switch_medium__2DdQT {
    --width: 42px;
    --height: 22px
}

.checkbox-switch_container__5ckC_.checkbox-switch_theme__dark_switch__FufO5 {
    --bg: #e8ebf0;
    --bg-thumb: #fff;
    --bg-checked: #32333c;
    --bg-thumb-checked: #636472
}

.dropdown_dropdown_generic__iAEtZ {
    --animation-duration: 0.3s;
    --gap: 8px;
    --shift: 0px
}

.dropdown_dropdown_generic__wrapper__C8EuY {
    position: relative
}

.dropdown_dropdown_generic__menu_container__kgrpb {
    opacity: 0;
    position: absolute;
    z-index: 14;
    top: calc(100% + var(--gap));
    right: var(--shift);
    min-width: 168px;
    pointer-events: none;
    transition: opacity var(--animation-duration);
    animation: dropdown_slide-down__kICH_ var(--animation-duration) forwards
}

.dropdown_dropdown_generic__menu_container__kgrpb.dropdown_full__Pcn_1 {
    left: 0
}

.dropdown_dropdown_generic__menu_container__kgrpb.dropdown_left__tbBjD {
    left: 0;
    right: auto
}

.dropdown_dropdown_generic__iAEtZ.dropdown_dropdown_generic__open__74xTQ .dropdown_dropdown_generic__menu_container__kgrpb {
    animation: dropdown_slide-up__7FpW8 var(--animation-duration) forwards;
    pointer-events: all;
    opacity: 1
}

@keyframes dropdown_slide-up__7FpW8 {
    0% {
        transform: translateY(10%)
    }
}

@keyframes dropdown_slide-down__kICH_ {
    to {
        transform: translateY(10%)
    }
}

.dropdown_toggle__zFMXN {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 100%;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    cursor: pointer;
    transition: color .3s,background .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dropdown_toggle__zFMXN:hover {
    color: var(--starvell-text-muted)
}

.dropdown_toggle__zFMXN:hover .dropdown_arrow__f26po {
    opacity: 1
}

.dropdown_toggle__zFMXN.dropdown_open__s2Jye {
    color: var(--starvell-text-muted)
}

.dropdown_toggle__zFMXN.dropdown_open__s2Jye .dropdown_arrow__f26po {
    opacity: 1;
    transform: rotate(0deg)
}

.dropdown_arrow__f26po {
    opacity: .6;
    transform: rotate(180deg);
    transition: opacity var(--animation-duration),transform var(--animation-duration)
}

#site[data-dark=true] .dropdown_arrow__f26po path {
    stroke: #666d80
}

.dropdown_dropdown_generic__iAEtZ.dropdown_bordered__9VcCB .dropdown_toggle__zFMXN {
    border: 1px solid var(--global-border-color);
    padding: 4px 8px;
    border-radius: 6px
}

.dropdown_menu__Yo_8Y {
    padding: 4px;
    min-width: 168px;
    border-radius: 8px;
    border: 1px solid #e8ebf0;
    background: #fff;
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.1)
}

.dropdown_nav__LBNjz {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--starvell-text-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px
}

.dropdown_nav__LBNjz .dropdown_item_inner__s2TtW {
    color: var(--starvell-text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dropdown_nav__LBNjz .dropdown_item_inner__s2TtW:hover {
    background: #f7f7f7
}

.dropdown_nav__LBNjz svg {
    color: #666d80
}

#site[data-dark=true] .dropdown_toggle__zFMXN {
    color: #a0a6b5
}

#site[data-dark=true] .dropdown_toggle__zFMXN.dropdown_open__s2Jye {
    color: #ebebeb
}

#site[data-dark=true] .dropdown_menu__Yo_8Y {
    border: 1px solid #252528;
    background: #1c1c1e
}

#site[data-dark=true] .dropdown_nav__LBNjz>li>.dropdown_item_inner__s2TtW {
    color: #ebebeb;
    background: #1c1c1e
}

#site[data-dark=true] .dropdown_nav__LBNjz>li>.dropdown_item_inner__s2TtW:hover {
    background: #252528
}

.field-text_input__eve6w {
    display: flex;
    padding: 7px 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: 100%;
    color: var(--input-color);
    border-radius: 8px;
    border: 1px solid var(--input-border-color);
    background: var(--input-bg);
    box-shadow: var(--input-box-shadow);
    font-size: var(--input-font-size);
    font-family: var(--font-family);
    font-weight: var(--font-weight-default);
    font-style: normal;
    line-height: 24px;
    transition: border-color .3s,box-shadow .3s
}

.field-text_input__eve6w[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.field-text_input__eve6w::placeholder {
    color: var(--input-placeholder)
}

.field-text_input__eve6w:focus {
    outline: none;
    border-color: var(--input-border-color-focus);
    box-shadow: var(--input-box-shadow-focus)
}

.field-text_input__eve6w:disabled {
    color: var(--input-color-disabled);
    background: var(--input-bg-disabled)
}

.field-text_field__i0uTL:has(.field-text_input__eve6w:disabled) .field-text_postfix__4KruP {
    opacity: .5
}

.field-text_field__i0uTL.field-text_readonly__tRjT9 .field-text_input__eve6w,.field-text_field__i0uTL.field-text_readonly__tRjT9 .field-text_input__eve6w:focus {
    border: 1px solid var(--input-border-color);
    background: var(--input-bg);
    box-shadow: var(--input-box-shadow)
}

.field-text_field__i0uTL.field-text_invalid__6hgFh .field-text_input__eve6w,.field-text_input__eve6w:user-invalid:not(:focus) {
    border-color: var(--input-border-color-invalid);
    box-shadow: var(--input-box-shadow-invalid)
}

#site[data-dark=true] .field-text_field__i0uTL.field-text_invalid__6hgFh .field-text_input__eve6w,.field-text_input__eve6w:user-invalid:not(:focus) {
    border-color: var(--input-border-color-invalid)!important
}

.field-text_field__i0uTL.field-text_invalid__6hgFh .field-text_label__dIFJe,.field-text_field__i0uTL:has(.field-text_input__eve6w:user-invalid:not(:focus)) .field-text_label__dIFJe {
    color: var(--input-border-color-invalid)
}

.field-text_input_wrapper__Hugff {
    position: relative
}

#site[data-dark=true] .field-text_input__eve6w {
    box-shadow: none!important
}

#site[data-dark=true] .field-text_field__i0uTL.field-text_search__R0w1v>div>img {
    opacity: .5
}

.field-text_field__i0uTL.field-text_has_icon__m45Qn .field-text_input__eve6w {
    padding-left: 38px!important
}

.field-text_field__i0uTL.field-text_has_icon_right__65w3c .field-text_input__eve6w {
    padding-right: 38px!important
}

.field-text_input_wrapper__Hugff img:first-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px
}

.field-text_input_wrapper__Hugff img:last-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

.field-text_type_copy__2MXAb .field-text_input__eve6w {
    padding-right: 40px
}

.field-text_type_copy__2MXAb .field-text_input_wrapper__Hugff img:last-child {
    position: absolute;
    right: 10px;
    cursor: pointer;
    transition: opacity .3s
}

@media (hover: hover) {
    .field-text_type_copy__2MXAb .field-text_input_wrapper__Hugff img:last-child:hover {
        opacity:.5
    }
}

@media (hover: none) {
    .field-text_type_copy__2MXAb .field-text_input_wrapper__Hugff img:last-child:active {
        opacity:.5
    }
}

.field-text_type_password__B29Wk .field-text_input__eve6w {
    padding-right: 40px
}

.field-text_type_password__B29Wk .field-text_input_wrapper__Hugff img:last-child {
    position: absolute;
    right: 10px;
    cursor: pointer;
    transition: opacity .3s
}

@media (max-width: 960px) {
    .field-text_type_password__B29Wk input[type=password]:not(:placeholder-shown) {
        font:small-caption;
        font-size: 16px;
        line-height: 24px
    }
}

@media (hover: hover) {
    .field-text_type_password__B29Wk .field-text_input_wrapper__Hugff img:last-child:hover {
        opacity:.5
    }
}

@media (hover: none) {
    .field-text_type_password__B29Wk .field-text_input_wrapper__Hugff img:last-child:active {
        opacity:.5
    }
}

.field-text_counter__S1H8f {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    color: #9e9da4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .24px
}

.field-text_field__i0uTL.field-text_has_counter__qON7p .field-text_input__eve6w {
    padding-right: 65px!important
}

.field-text_field__i0uTL.field-text_search__R0w1v .field-text_input__eve6w {
    height: 32px;
    padding: 5px 12px 7px;
    border-radius: 6px;
    color: var(--starvell-text-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    border: 1px solid rgba(232,235,240,0);
    box-shadow: 0 1px 2px 0 rgba(153,161,176,.16),0 0 0 1px rgba(17,38,66,.08)
}

.field-text_field__i0uTL.field-text_search__R0w1v .field-text_input__eve6w:focus {
    box-shadow: 0 1px 2px 0 rgba(153,161,176,.24),0 0 0 1px rgba(17,38,66,.16)
}

.field-text_field__i0uTL.field-text_filter__QZ9v5 .field-text_input__eve6w {
    height: 36px;
    padding: 5px 12px 7px;
    border-radius: 8px;
    color: var(--starvell-text-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    border: 1px solid var(--global-border-color);
    box-shadow: none;
    transition: border-color .3s
}

.field-text_field__i0uTL.field-text_filter__QZ9v5 .field-text_input__eve6w:focus {
    box-shadow: none;
    border-color: rgba(17,38,66,.16)
}

.field-text_has_postfix__NKb4e .field-text_input__eve6w {
    padding-right: 45px
}

.field-text_postfix__4KruP {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-right: 12px;
    color: var(--starvell-text-muted);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-text_field__i0uTL.field-text_noborder__BIBYW .field-text_input__eve6w,.field-text_field__i0uTL.field-text_noborder__BIBYW .field-text_input__eve6w:focus {
    box-shadow: none!important;
    border: none!important
}

.field_label__ZiwtT {
    display: flex;
    margin-bottom: 4px;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px
}

.field_label_right__x_45O {
    margin-left: auto
}

.field_label__ZiwtT span {
    color: #ff5c5c
}

.field_label__ZiwtT:has(.field_label__help__liuf5) {
    display: block
}

.field_label__help__liuf5 {
    vertical-align: middle;
    margin-left: 5px
}

.field_hint__KlCJM {
    display: flex;
    margin-top: 8px;
    color: #9e9da4;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px
}

.field_hint__KlCJM svg {
    margin-top: 3px;
    margin-right: 6px;
    flex-shrink: 0
}

.field_hint_action__fZLvM {
    width: 100%;
    text-align: right
}

.field_hint_action__fZLvM a {
    font-weight: 500;
    text-decoration: none
}

#field_site__9BSyJ[data-dark=true] .field_hint__KlCJM {
    color: #46464b
}

.field_range_inline__jOE6_ {
    display: flex;
    align-items: center;
    gap: 8px
}

.field_range_inline__field__EjrOr {
    width: 120px
}

.game-list-item_game__oVdNy {
    transition: opacity .3s;
    min-width: 0
}

.game-list-item_game__oVdNy>header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 8px
}

.game-list-item_game__oVdNy>header>div {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.game-list-item_game__oVdNy>header>div:empty {
    display: none
}

.game-list-item_game_close__ztqdE {
    opacity: 0;
    margin-left: auto;
    cursor: pointer;
    transition: opacity .3s
}

#site[data-dark=true] .game-list-item_game_close__ztqdE path {
    fill: #666d80
}

@media (hover: hover) {
    .game-list-item_game__oVdNy:hover .game-list-item_game_close__ztqdE {
        opacity:1
    }
}

.game-list-item_game__oVdNy.game-list-item_deleting__1HE1Y {
    opacity: 0
}

.game-list-item_game__oVdNy h2 {
    overflow: hidden;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.game-list-item_game__oVdNy h2 a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--starvell-text-muted);
    text-decoration: none
}

.game-list-item_game__oVdNy h2 img {
    border-radius: 50%
}

#site[data-dark=true] .game-list-item_game__oVdNy h2 a {
    color: #ebebeb
}

#site[data-dark=true] .game-list-item_game__oVdNy h2 a:hover {
    color: #a0a6b5
}

@media (hover: hover) {
    .game-list-item_game__oVdNy h2 a:hover {
        color:#000
    }
}

.game-list-item_game__oVdNy h2 a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-list-item_game__oVdNy .game-list-item_select_inline__1cwMC {
    margin-left: auto
}

.game-categories_categories__G3ney {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.game-categories_categories__G3ney>div {
    padding: 6px 12px;
    position: relative;
    border-radius: 6px;
    background: rgba(92,128,253,.08);
    color: #5c80fd;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 32px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: background .3s
}

.game-categories_name__XYOUx {
    display: flex;
    align-items: center
}

.game-categories_categories__G3ney>div .game-categories_name__XYOUx>div:first-letter {
    text-transform: capitalize
}

.game-categories_categories__G3ney>div:hover {
    background: rgba(92,128,253,.2)
}

.game-categories_categories__G3ney>div.game-categories_active__nT9fy {
    background: #5c80fd;
    color: #fff
}

.game-categories_count__AcNAq {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .8px;
    margin-left: 6px;
    margin-top: 1px
}

.game-categories_pin_button__LEyYh {
    width: 12px;
    height: 12px;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 8px;
    color: currentColor
}

.game-categories_link__euofc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.game-categories_pin_icon_wrapper__7g_yN {
    color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.game-categories_pin_icon_wrapper__7g_yN>* {
    transition: opacity .2s ease
}

.game-categories_pin_icon__NFtXA {
    color: currentColor;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-categories_pin_close__ah6pU {
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    opacity: 0
}

.game-categories_pin_close__ah6pU:after {
    transform: rotate(45deg)
}

.game-categories_pin_close__ah6pU:after,.game-categories_pin_close__ah6pU:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    left: 0;
    opacity: .9
}

.game-categories_pin_close__ah6pU:before {
    transform: rotate(-45deg)
}

.game-categories_pin_close__ah6pU>svg {
    width: 14px;
    height: 14px
}

.game-categories_pin_icon_wrapper__7g_yN:hover .game-categories_pin_icon__NFtXA {
    opacity: 0
}

.game-categories_pin_icon_wrapper__7g_yN:hover .game-categories_pin_close__ah6pU {
    opacity: 1
}

#site[data-dark=true] .game-categories_categories__G3ney>div {
    background: rgba(66,128,248,.08);
    color: #4280f8
}

#site[data-dark=true] .game-categories_categories__G3ney>div:hover {
    background: rgba(66,128,248,.2)
}

#site[data-dark=true] .game-categories_categories__G3ney>div.game-categories_active__nT9fy {
    background: #4280f8;
    color: #fff
}

.game-list-abc_letter__jINqa:not(:last-child) {
    margin-bottom: 40px
}

.game-list-abc_letter_title__bSFEw {
    margin-bottom: 8px;
    scroll-margin-top: var(--abc-nav-scroll-margin-top);
    color: #acadae;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 18px
}

#site[data-dark=true] .game-list-abc_letter_title__bSFEw {
    color: #5f5f65
}

.game-list-abc_letter_content__9Fiww {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
    gap: 24px
}

.game-list-abc_letter__single_game__X031b .game-list-abc_letter_content__9Fiww {
    grid-template-columns: repeat(1,1fr)
}

@media (max-width: 1000px) {
    .game-list-abc_letter_content__9Fiww {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 700px) {
    .game-list-abc_letter_content__9Fiww {
        grid-template-columns:repeat(1,1fr)
    }
}

.select-inline_container___HyTl .select-inline_item__YvUXz {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.select-inline_container___HyTl.select-inline_style1__B76LK {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border-radius: 96px;
    background: #f7f7f7
}

.select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz {
    color: var(--text-secondary);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .48px;
    display: flex;
    padding: 0 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: color .3s,background .3s;
    text-decoration: none
}

.select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz:hover {
    color: var(--starvell-text-muted)
}

.select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz.select-inline_active__t6q2M {
    font-weight: 600;
    color: #5c80fd;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(153,161,176,.16),0 0 0 1px rgba(17,38,66,.08)
}

.select-inline_container___HyTl.select-inline_style2__QGS3y {
    display: inline-flex;
    gap: 4px;
    flex-wrap: wrap
}

.select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(92,128,253,.08);
    color: #5c80fd;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: background .3s
}

.select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz span {
    display: inline-block
}

.select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz span:first-letter {
    text-transform: capitalize
}

.select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz:hover {
    background: rgba(92,128,253,.2)
}

.select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz.select-inline_active__t6q2M {
    background: #5c80fd;
    color: #fff
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style1__B76LK {
    background: #252528
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz {
    background: transparent;
    border-radius: 34px;
    color: #a0a6b5
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz.select-inline_active__t6q2M,#site[data-dark=true] .select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz:hover {
    background: #32333c
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style1__B76LK .select-inline_item__YvUXz.select-inline_active__t6q2M {
    color: #4280f8
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz {
    color: #4280f8;
    background: rgba(66,128,248,.08)
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz:hover {
    background: rgba(66,128,248,.2)
}

#site[data-dark=true] .select-inline_container___HyTl.select-inline_style2__QGS3y .select-inline_item__YvUXz.select-inline_active__t6q2M {
    background: #4280f8!important;
    color: var(--starvell-text-muted)!important
}

.header_header__Awatn {
    position: relative;
    z-index: 13
}

.header_inner_wrapper__WNq9b {
    position: relative;
    z-index: 1000;
    background: var(--global-bg);
    padding: 0 var(--body-padding);
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--global-border-color)
}

.header_inner__t8nVA {
    height: 56px;
    max-width: var(--layout-width);
    width: 100%;
    display: flex;
    flex-grow: 1;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 var(--content-padding)
}

.header_dropdowns__febph {
    height: 100%;
    display: flex;
    gap: 16px;
    margin-left: auto
}

.header_auth_buttons__6YQFe,.header_dropdowns__febph>*,.header_dropdowns__febph>*>* {
    height: 100%;
    display: flex;
    align-items: center
}

.header_auth_buttons__6YQFe {
    gap: 8px
}

.header_messages_mobile_wrapper__ZK0kS {
    margin: 0 16px 0 15px;
    padding-top: 2px;
    display: none
}

.header_messages_mobile__wVSo0 {
    display: block;
    height: 18px;
    min-width: 17px;
    background: url(../images/messages.6f8a12aa.svg) no-repeat;
    color: #fff;
    text-align: center;
    text-decoration: none;
    flex-shrink: 0
}

.header_messages_mobile__wVSo0:hover {
    color: #fff
}

.header_messages_mobile__wVSo0>span {
    display: block;
    height: 17px;
    min-width: 17px;
    margin: 0 0 0 2px;
    padding: 0 5px;
    background: #4e75ff;
    border-radius: 30px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .96px
}

.header_user_nav__jYUcf {
    display: flex;
    gap: 16px;
    margin-left: auto;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.header_user_nav__separator__59pjQ {
    width: 1px;
    height: 20px;
    background: var(--global-border-color)
}

.header_user_nav__item__IwMvu {
    display: flex;
    gap: 4px;
    color: var(--text-secondary);
    text-decoration: none
}

.header_user_nav__item__IwMvu svg {
    color: #666d80
}

.header_user_nav__item__IwMvu.header_active__DMkZc,.header_user_nav__item__IwMvu:hover {
    color: var(--starvell-text-muted)!important
}

.header_user_nav__counter__EPNqj {
    padding: 0 6px;
    min-width: 20px;
    height: 20px;
    border-radius: 30px;
    background: #5c80fd;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .96px
}

.header_user_nav__item__IwMvu.header_dark__8URRR {
    transition: opacity .2s
}

.header_user_nav__item__IwMvu.header_dark__8URRR:hover {
    opacity: .8
}

.header_user_nav__item__IwMvu.header_dark__8URRR .header_user_nav__counter__EPNqj {
    background: #36394a
}

#site[data-dark=true] .header_user_nav__counter__EPNqj {
    background: var(--primary)
}

#site[data-dark=true] .header_user_nav__item__IwMvu.header_dark__8URRR .header_user_nav__counter__EPNqj {
    background: #36394a
}

#site[data-dark=true] .header_user_nav__item__IwMvu {
    color: #a0a6b5
}

.header_user__jpYBe {
    position: relative;
    --animation-duration: 0.2s;
    margin-right: 8px
}

.header_user__jpYBe,.header_user__jpYBe>* {
    height: 100%;
    display: flex;
    align-items: center
}

.header_user_toggle__JVQ1s {
    height: 32px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header_user_toggle__JVQ1s.header_open__n3Bq_ .header_user_arrow__Qvvtv {
    transform: rotate(0deg)
}

.header_user_toggle__JVQ1s:hover .header_user_avatar__PQ0si {
    box-shadow: 0 0 10px #3285e53d
}

.header_user_avatar__PQ0si {
    border-radius: 100%;
    transition: box-shadow .2s
}

.header_user_arrow__Qvvtv {
    transform: rotate(180deg);
    transition: transform var(--animation-duration)
}

#site[data-dark=true] .header_user_arrow__Qvvtv path {
    stroke: #666d80
}

.header_user_card__Irwj1 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    margin-bottom: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: background .3s;
    border-radius: 8px;
    text-decoration: none;
    position: relative
}

.header_user_card__Irwj1>a {
    position: absolute;
    inset: 0;
    z-index: 1
}

.header_user_card__Irwj1:hover {
    background: #f7f7f7
}

.header_user_card__Irwj1>div {
    overflow: hidden
}

.header_user_card__Irwj1 h5 {
    margin-bottom: 2px;
    color: var(--starvell-text-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden
}

#site[data-dark=true] .header_user_card__Irwj1 h5 {
    color: #fff
}

#site[data-dark=true] .header_user_card__Irwj1 a {
    color: #a0a6b5
}

.header_user_card__Irwj1 a {
    color: var(--text-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 18px;
    text-decoration: none
}

#site[data-dark=true] .header_user_card__Irwj1:hover {
    background: var(--dark-hover)
}

.header_menu_toggle__SOxuo {
    height: 100%;
    cursor: pointer;
    display: none
}

.header_mobile_menu_toggle__L_uPT {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px
}

.header_user_menu__0gRT7 {
    padding: 3px 7px;
    width: 232px;
    border-radius: 8px;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg);
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.1)
}

#site[data-dark=true] .header_user_menu__0gRT7 {
    border-color: #2d2d30
}

.header_user_menu__separator__KTgJp {
    margin: 4px 0;
    border-bottom: 1px solid var(--global-border-color)
}

.header_user_menu__checkbox__qNa2d,.header_user_menu__counter__3orO_,.header_user_menu__select__DxTQr {
    margin-left: auto
}

.header_user_menu_item__F6Y4S {
    display: flex;
    gap: 8px;
    height: 36px;
    align-items: center;
    cursor: pointer;
    padding: 0 8px;
    text-decoration: none;
    border-radius: 8px;
    color: var(--starvell-text-muted);
    transition: background .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

label.header_user_menu_item__F6Y4S:hover {
    background: transparent!important
}

.header_mobile__7hBgy {
    display: none
}

.header_user_menu_item__F6Y4S:not(.header_nohover__HWKrU):hover {
    color: var(--starvell-text-muted);
    background: var(--hover)
}

#site[data-dark=true] .header_user_menu_item__F6Y4S:not(.header_nohover__HWKrU):hover {
    color: var(--starvell-text-muted);
    background: var(--dark-hover)
}

.header_user_menu_item__F6Y4S.header_nohover__HWKrU {
    cursor: default
}

.header_user_menu_item__F6Y4S.header_user_menu_item__auth__GUPG2 {
    color: #5c80fd!important;
    font-weight: 500
}

.header_user_menu_item__F6Y4S.header_user_menu_item__logout__z6iOd {
    color: #ff5c5c!important
}

.header_user_menu__submenu__Bee_W {
    display: none
}

.header_user_menu__submenu__Bee_W>.header_user_menu_item__F6Y4S {
    position: relative
}

.header_user_menu__arrow__8MWhl {
    position: absolute;
    right: 13px;
    transform: rotate(180deg);
    transition: transform .3s
}

.header_user_menu__submenu_container__zN2XB.header_open__n3Bq_ .header_user_menu__submenu__Bee_W {
    display: block
}

.header_user_menu__submenu_container__zN2XB.header_open__n3Bq_ .header_user_menu__arrow__8MWhl {
    transform: rotate(0deg)
}

.header_user_menu__rating__2_87K {
    display: flex;
    height: 24px;
    padding: 2px 11px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 96px;
    background: rgba(29,180,98,.04);
    font-feature-settings: "ss01" on,"cv10" on,"liga" off,"calt" off;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .48px
}

.header_user_menu__item_rating__j0LE_>span {
    flex-grow: 1
}

.header_search_field__WwV_t {
    width: 384px;
    margin-left: 30px
}

.header_search_backdrop__0pNwO {
    display: none;
    position: fixed;
    inset: 0;
    right: 0;
    z-index: 999;
    background: rgba(0,0,0,.24)
}

.header_search_backdrop__0pNwO.header_open__n3Bq_ {
    display: block
}

.header_search_result__uGGI_ {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 100%;
    width: 100%;
    min-height: 350px;
    background: var(--global-bg)
}

.header_search_result__uGGI_.header_open__n3Bq_ {
    display: block
}

.header_search_result_inner__Q8ptj {
    max-width: 1256px;
    width: 100%;
    padding: 16px 64px 24px;
    margin: 0 auto;
    transition: opacity .2s
}

.header_search_result__uGGI_.header_loading__vz69g .header_search_result_inner__Q8ptj {
    opacity: .5
}

.header_search_noresult__G5BjV {
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 24px
}

@media (max-width: 1256px) {
    .header_inner_wrapper__WNq9b {
        padding:0
    }

    .header_inner__t8nVA {
        height: 48px;
        gap: 0;
        padding: 0
    }

    .header_search_field__WwV_t {
        flex-grow: 1;
        width: auto;
        margin-left: 0
    }

    .header_dropdowns__febph {
        display: none
    }

    .header_search_result_inner__Q8ptj {
        padding: 16px 16px 24px
    }

    .header_search_field_wrapper__yisSz {
        flex-grow: 1
    }

    .header_login_button__FwAl5,.header_signup_button__vIhWD {
        display: none!important
    }

    .header_menu_toggle__SOxuo {
        display: flex;
        --shift: 8px
    }

    .header_user_menu__0gRT7 {
        top: calc(100% + 15px)
    }

    .header_user_nav__jYUcf {
        display: none
    }

    .header_messages_mobile_wrapper__ZK0kS,.header_mobile__7hBgy {
        display: block
    }

    .header_user_menu_item__F6Y4S.header_mobile__7hBgy {
        display: flex
    }

    .header_theme_switcher__wJljS {
        order: 1;
        margin: 0 8px 0 16px
    }

    .header_auth_buttons__6YQFe {
        order: 2
    }
}

.field-checkbox_field__kKesY {
    position: relative;
    display: flex;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.field-checkbox_label_wrapper__BbSZJ {
    overflow: hidden
}

.field-checkbox_label___a2VO {
    overflow: hidden;
    text-overflow: ellipsis
}

.field-checkbox_label___a2VO b {
    font-weight: 500
}

.field-checkbox_field__kKesY.field-checkbox_dark_label__qRGXW .field-checkbox_label___a2VO {
    color: var(--starvell-text-muted)
}

.field-checkbox_field__kKesY.field-checkbox_large_label__mdNfl .field-checkbox_label___a2VO {
    font-size: 16px;
    font-weight: 500;
    color: var(--starvell-text-muted)
}

.field-checkbox_hint__WW_ma {
    margin-top: 5px
}

.field-checkbox_field__kKesY input {
    position: absolute;
    opacity: 0;
    z-index: 1
}

.field-checkbox_box__v3UPX {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: #e1e4ea;
    transition: background .2s
}

.field-checkbox_box__v3UPX>div {
    position: relative;
    width: 12px;
    height: 12px;
    box-shadow: 0 2px 2px 0 #1b1c1d1f;
    background: #ffffff;
    border-radius: 2.6px;
    transition: background .2s
}

.field-checkbox_box__v3UPX>div:after,.field-checkbox_box__v3UPX>div:before {
    content: "";
    position: absolute;
    left: 4px;
    bottom: 4px;
    background: #fff;
    width: 2px;
    transform-origin: bottom center;
    transform: rotate(45deg)
}

.field-checkbox_box__v3UPX>div:before {
    height: 7px;
    transform: rotate(45deg)
}

.field-checkbox_box__v3UPX>div:after {
    height: 4px;
    transform: rotate(-45deg)
}

.field-checkbox_field__kKesY input+.field-checkbox_box__v3UPX:hover {
    background: #cacfd8
}

.field-checkbox_field__kKesY input:focus-visible+.field-checkbox_box__v3UPX {
    background: #335cff!important
}

.field-checkbox_field__kKesY input:disabled+.field-checkbox_box__v3UPX,.field-checkbox_field__kKesY input:disabled+.field-checkbox_box__v3UPX>div {
    background: #e1e4ea;
    box-shadow: none
}

.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX,.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX>div {
    background: #335cff!important
}

.field-checkbox_box__v3UPX>div:after,.field-checkbox_box__v3UPX>div:before {
    opacity: 0
}

.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX>div:after,.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX>div:before {
    opacity: 1
}

.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX:hover,.field-checkbox_field__kKesY input:checked+.field-checkbox_box__v3UPX:hover>div {
    background: #2547d0!important
}

.field-checkbox_field__kKesY input:checked:focus-visible+.field-checkbox_box__v3UPX,.field-checkbox_field__kKesY input:checked:focus-visible+.field-checkbox_box__v3UPX>div {
    background: #1f3bad!important
}

.field-checkbox_field__kKesY input:checked:disabled+.field-checkbox_box__v3UPX,.field-checkbox_field__kKesY input:checked:disabled+.field-checkbox_box__v3UPX>div {
    background: #e1e4ea;
    box-shadow: none
}

#site[data-dark=true] .field-checkbox_box__v3UPX {
    background: #46464b
}

#site[data-dark=true] .field-checkbox_box__v3UPX:hover {
    background: #5a5a61
}

#site[data-dark=true] .field-checkbox_box__v3UPX>div {
    background: #252528
}

.leave-site-popup_link__jM4uK {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #e8ebf0;
    background: #fff;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.leave-site-popup_link__jM4uK>:not(.leave-site-popup_protocol__bFtig) {
    overflow: hidden;
    text-overflow: ellipsis
}

.leave-site-popup_link__jM4uK .leave-site-popup_protocol__bFtig {
    color: #9e9da4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.drag-and-drop_drag_and_drop_block__b5qMZ {
    cursor: pointer;
    display: flex;
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 16px 27px;
    text-align: center;
    border: 1px dashed var(--text-thin);
    transition: background .3s
}

@media (hover: hover) {
    .drag-and-drop_drag_and_drop_block__b5qMZ:hover {
        background:linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#fafafa
    }
}

.drag-and-drop_drag_and_drop_block__b5qMZ>img {
    width: 24px;
    height: 24px;
    margin-bottom: 12px
}

.drag-and-drop_drag_and_drop_block__b5qMZ>p {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary)
}

.drag-and-drop_drag_and_drop_block__b5qMZ h4 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--starvell-text-muted);
    font-weight: 500;
    margin-bottom: 4px
}

.drag-and-drop_drag_and_drop_block__b5qMZ>input {
    display: none
}

#site[data-dark=true] .drag-and-drop_drag_and_drop_block__b5qMZ {
    background: #252528;
    border: 1px dashed var(--global-border-color)
}

#site[data-dark=true] .drag-and-drop_drag_and_drop_block__b5qMZ:hover {
    background: var(--dark-hover)
}

#site[data-dark=true] .drag-and-drop_cloud_icon__PkrQZ path {
    fill: #4280f8
}

.drag-and-drop_images__XdTOx {
    margin-bottom: 8px
}

.drag-and-drop_dndi_wrapper__rQSU9 {
    display: flex;
    gap: 16px
}

.drag-and-drop_dndi_wrapper__rQSU9.drag-and-drop_reverse__jP0_4 {
    flex-direction: row-reverse
}

.drag-and-drop_dndi_wrapper__rQSU9>:nth-child(2) {
    flex-grow: 1
}

.drag-and-drop_dndi_image_wrapper__wpcQE {
    min-width: 102px;
    min-height: 102px;
    display: flex;
    align-items: center;
    justify-content: center
}

.drag-and-drop_dndi_image_wrapper__wpcQE img {
    border-radius: 8px
}

.drag-and-drop_dndi__9nDwD.drag-and-drop_round__dRV1C .drag-and-drop_dndi_image_wrapper__wpcQE img {
    border-radius: 50%
}

.drag-and-drop_dndi_image_empty__rQQis {
    border-radius: 8px;
    border: 1px dashed rgba(0,0,0,.2);
    width: 102px;
    height: 102px
}

.drag-and-drop_dndi_image_empty__round__raXYc {
    border-radius: 50%
}

#site[data-dark=true] .drag-and-drop_dndi_image_empty__rQQis {
    border-color: rgba(255,255,255,.1)
}

.drag-and-drop_dndi__9nDwD.drag-and-drop_align_top__9D1Xf {
    gap: 16px
}

.drag-and-drop_dndi__9nDwD.drag-and-drop_align_top__9D1Xf .drag-and-drop_dndi_image_wrapper__wpcQE {
    min-width: auto;
    align-items: flex-start
}

.image-slider_white_more_button__nUmyU {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    border: 1px solid var(--global-border-color);
    justify-content: center;
    cursor: pointer;
    transition: background .3s;
    top: 24px
}

.image-slider_white_more_button__nUmyU:before {
    display: none
}

.image-slider_white_more_button__nUmyU:hover {
    background: #eee
}

body:has(#site[data-dark=true]) .image-slider_white_more_button__nUmyU {
    background: var(--global-border-color)
}

body:has(#site[data-dark=true]) .image-slider_white_more_button__nUmyU:hover {
    background: #252528
}

body:has(#site[data-dark=true]) .image-slider_white_more_button__nUmyU>svg>path {
    fill: #a0a6b5
}

.image-slider_left__4ppxa {
    transform: rotate(180deg)
}

.image-slider_slider_medium__5EQtI .slick-list {
    height: 130px;
    overflow: hidden;
    margin: 0 calc(var(--gap) / 2 * -1)
}

.image-slider_slider_small__QMkzX .slick-list {
    height: 88px;
    overflow: hidden;
    margin: 0 calc(var(--gap) / 2 * -1)
}

.image-slider_slider_small__QMkzX {
    --gap: 12px
}

.image-slider_slider_medium__5EQtI {
    --gap: 24px
}

.image-slider_carousel_image_wrapper__8nH8m {
    padding: 0 calc(var(--gap) / 2);
    height: 130px
}

.image-slider_carousel_image_wrapper__8nH8m.image-slider_small__6E1tw {
    height: 88px
}

.image-slider_carousel_image__TJ_HU {
    width: 100%;
    height: 100%
}

.image-slider_carousel_image__TJ_HU.image-slider_fixed_height__Ox4__ {
    width: 968px!important;
    height: 656px;
    margin-right: 0
}

.image-slider_carousel_image__TJ_HU.image-slider_fixed_height__Ox4__>img:first-child {
    object-fit: contain
}

.image-slider_carousel_image__TJ_HU {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer
}

.image-slider_carousel_image__TJ_HU>img:first-child {
    object-fit: cover
}

.image-slider_carousel_image_hover__pD_Ld {
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s;
    position: relative
}

.image-slider_carousel_image__TJ_HU:hover .image-slider_carousel_image_hover__pD_Ld {
    opacity: 1
}

.image-slider_carousel_image__TJ_HU .image-slider_delete_image_button__UUvVC {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px;
    cursor: pointer
}

.select_select__cQ_t0 {
    --animation-duration: 0.3s;
    --select-header-menu-gap: 8px;
    --starvell-select-item-hover-color: inherit;
    --starvell-select-item-hover-bg: #f7f7f7;
    --select-font-size: 16px;
    --starvell-select-height: 40px;
    display: flex;
    flex-direction: column;
    margin-inline:1px}

.select_select__cQ_t0 img {
    width: 20px;
    height: 20px
}

.select_select__cQ_t0.select_disabled__Cx6ST {
    opacity: .5
}

.select_header___NMi8 {
    height: var(--starvell-select-height);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    padding-inline:12px;border-radius: 8px;
    border: 1px solid var(--input-border-color);
    background: var(--input-bg);
    box-shadow: var(--input-box-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: var(--animation-duration);
    cursor: pointer;
    white-space: nowrap
}

.select_header___NMi8:hover {
    color: var(--starvell-text)
}

.select_header___NMi8>input {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0
}

.select_current_value__z76FS {
    width: 100%;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--select-font-size);
    color: var(--starvell-text-muted);
    line-height: 20px;
    transition: color var(--animation-duration)
}

.select_header___NMi8>div {
    display: flex;
    max-width: 380px;
    align-items: center;
    gap: 8px;
    overflow: hidden
}

.select_header__title__3iI2K {
    flex-grow: 1
}

.select_arrow___xq0C {
    transition: var(--animation-duration)
}

.select_header___NMi8>div:first-child>p {
    color: var(--starvell-text-muted)
}

.select_placeholder__CRDFA {
    color: #9e9da4;
    font-size: var(--select-font-size);
    line-height: 24px
}

.select_select__cQ_t0:hover .select_header___NMi8 {
    border-color: #d4d7dd
}

.select_right_value__jVfIA {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--starvell-text-muted);
    text-align: right
}

.select_body__kByng {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    background: white!important;
    border-radius: 8px;
    border: 1px solid var(--global-border-color);
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.1019607843)
}

.select_body__kByng button,.select_no_results__LyPbY {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    border: 0;
    color: var(--starvell-text-muted);
    cursor: pointer;
    display: flex;
    font-size: var(--select-font-size);
    gap: 8px;
    height: var(--starvell-select-height);
    line-height: 20px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    flex-shrink: 0
}

.select_no_results__LyPbY {
    cursor: default
}

.select_body__kByng button:hover {
    background: var(--starvell-select-item-hover-bg)
}

.select_item__title__WYBde {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

.select_body_scroll_container__VEiTn {
    max-height: 300px;
    overflow-y: auto
}

.select_body_scroll_container__VEiTn::-webkit-scrollbar {
    width: 2px
}

.select_body_scroll_container__VEiTn::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.select_wrapper__G5bZ0.select_open__18HDY:not(.select_searched__w_EyS) .select_header___NMi8 {
    border-color: #d4d7dd;
    background: #f7f7f7
}

.select_wrapper__G5bZ0.select_open__18HDY .select_current_value__z76FS {
    color: #9e9da4
}

.select_wrapper__G5bZ0.select_open__18HDY .select_arrow___xq0C {
    transform: rotate(180deg)
}

.select_wrapper__G5bZ0.select_open__18HDY .select_arrow___xq0C path {
    stroke: var(--starvell-text-muted)
}

.select_select__cQ_t0.select_high__oZsfp {
    --select-font-size: 16px
}

.select_select__cQ_t0.select_high__oZsfp .select_header___NMi8 {
    height: 40px!important
}

.select_select__cQ_t0.select_high__oZsfp .select_placeholder__CRDFA {
    font-size: 16px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
    font-weight: var(--font-weight-default)
}

.select_select__cQ_t0.select_high__oZsfp .select_body__kByng button {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 24px
}

.select_select__cQ_t0.select_light__8vRoQ .select_header___NMi8 {
    box-shadow: none;
    border: 1px solid #e8ebf0;
    font-size: 14px;
    color: var(--starvell-text-muted)
}

.select_select__cQ_t0.select_light__8vRoQ .select_current_value__z76FS {
    font-weight: 400
}

.select_select__cQ_t0.select_invalid__3JIyR .select_header___NMi8,.select_select__cQ_t0:has(input:user-invalid) .select_header___NMi8 {
    border-color: var(--input-border-color-invalid);
    box-shadow: var(--input-box-shadow-invalid)
}

.select_select__cQ_t0.select_invalid__3JIyR .select_label__ykf_E,.select_select__cQ_t0:has(input:user-invalid) .select_label__ykf_E {
    color: var(--input-color-invalid)
}

.select_select__cQ_t0.select_noborder__LmOKE .select_header___NMi8 {
    box-shadow: none!important;
    border: none!important
}

.select_select__cQ_t0.select_noborder__LmOKE .select_current_value__z76FS {
    font-weight: 600
}

.select_select__cQ_t0.select_noborder__LmOKE.select_open__18HDY .select_current_value__z76FS {
    color: var(--starvell-text-muted)
}

.select_select__cQ_t0.select_noborder__LmOKE.select_open__18HDY .select_header___NMi8 {
    background: #fff
}

.select_select__cQ_t0.select_size_small___M8ba {
    --select-font-size: 14px;
    --starvell-select-height: 36px
}

@keyframes select_slide-up__vLlbJ {
    0% {
        transform: translateY(10%)
    }
}

@keyframes select_slide-down__x6K_s {
    to {
        transform: translateY(10%)
    }
}

@media (max-width: 768px) {
    .select_body__kByng {
        width:100%;
        min-width: 100%
    }

    .select_header___NMi8 {
        width: 100%!important
    }

    .select_header___NMi8>div:first-child {
        max-width: calc(100% - 24px)
    }

    .select_body__kByng>button {
        overflow-x: hidden;
        text-wrap: wrap;
        height: auto!important;
        padding: 8px!important;
        text-overflow: ellipsis
    }
}

#site[data-dark=true] .select_select__cQ_t0 {
    --starvell-select-item-hover-color: #ebebeb;
    --starvell-select-item-hover-bg: #252528!important
}

#site[data-dark=true] .select_header___NMi8 {
    border: 1px solid #2d2d30;
    background: #252528
}

#site[data-dark=true] .select_current_value__z76FS {
    color: #ebebeb!important
}

#site[data-dark=true] .select_wrapper__G5bZ0.select_open__18HDY .select_header___NMi8:not(.select_noborder__LmOKE .select_header___NMi8) {
    background: #2f2f31!important
}

#site[data-dark=true] .select_body__kByng {
    background: #1c1c1e!important
}

#site[data-dark=true] .select_body__kByng>button {
    color: #ebebeb;
    background: #1c1c1e!important
}

.select_input__poi78 {
    border: unset;
    width: 100%;
    color: var(--starvell-text-muted);
    background-color: transparent;
    font-size: var(--select-font-size);
    text-overflow: ellipsis;
    cursor: pointer
}

.select_input__poi78::placeholder {
    color: var(--starvell-text-muted)
}

.textarea_input_wrapper__BXCzq {
    position: relative;
    display: flex;
    width: 100%;
    background: var(--input-bg);
    border: 1px solid var(--input-border-color);
    border-radius: 8px;
    padding: 8px 10px;
    transition: border-color .3s,box-shadow .3s
}

.textarea_input_wrapper__BXCzq .textarea_counter__tvBcL {
    position: absolute;
    right: 28px;
    bottom: 6px;
    color: #9e9da4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .24px
}

.textarea_input_wrapper__BXCzq .textarea_resize_handler__rjAMP {
    position: absolute;
    right: 10px;
    bottom: 9px;
    width: 12px;
    height: 12px;
    background: url(../images/resize.b8da51f0.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: ns-resize
}

.textarea_input_wrapper__BXCzq:has(.textarea_textarea__9qMB7:focus) {
    border-color: var(--input-border-color-focus);
    box-shadow: var(--input-box-shadow-focus)
}

.textarea_textarea__9qMB7 {
    width: 100%;
    min-height: 46px;
    margin-bottom: 22px;
    background: transparent;
    outline: none;
    font-size: var(--input-font-size);
    font-weight: var(--font-weight-default);
    color: var(--input-color);
    line-height: 24px;
    text-align: left;
    border: 0;
    resize: none
}

.textarea_textarea__9qMB7::placeholder {
    color: var(--input-placeholder)
}

.textarea_input_wrapper__BXCzq:has(.textarea_textarea__9qMB7:disabled),.textarea_textarea__9qMB7:disabled {
    color: var(--input-color-disabled);
    background: var(--input-bg-disabled)
}

.textarea_input_wrapper__BXCzq:has(.textarea_textarea__9qMB7:user-invalid) {
    border-color: var(--input-border-color-invalid);
    box-shadow: var(--input-box-shadow-invalid)
}

.textarea_field__vh4i3:has(.textarea_textarea__9qMB7:user-invalid) .textarea_label__1_Ow1 {
    color: var(--input-border-color-invalid)
}

#site[data-dark=true] .textarea_input_wrapper__BXCzq {
    box-shadow: none!important
}

.crop_root__9SU_w .ReactCrop--circular-crop .ReactCrop__crop-selection:after {
    border: 0
}

.crop_root__9SU_w .ReactCrop--no-animate .ReactCrop__crop-selection {
    outline: none
}

.crop_root__9SU_w .ReactCrop__drag-handle {
    border: 1.5px solid #e1e4ea;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    transition: background .3s
}

.crop_root__9SU_w .ReactCrop__drag-handle:hover {
    background: linear-gradient(0deg,#fafafa,#fafafa),linear-gradient(180deg,rgba(255,255,255,0),rgba(193,199,208,.02)),#fff
}

.crop_content__StQC6 {
    width: 100%;
    height: 400px;
    margin-bottom: 22px;
    display: flex;
    justify-content: center;
    align-items: center
}

.crop_content__StQC6 img {
    max-height: 400px
}

@media (max-width: 768px) {
    .crop_edit_block__RmgOe {
        width:100%;
        max-width: 440px;
        height: min(calc(100vw - 50px),440px)
    }
}

.edit-profile-popup_user_header_wrapper__wGDMl {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.edit-profile-popup_user_header__EdRqv {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px
}

.edit-profile-popup_user_header__banner__ZXlZ_ {
    --banner-height: calc(438px / var(--banner-ratio));
    --banner-min-height: 96px;
    position: relative;
    width: 100%;
    height: var(--banner-height);
    min-height: var(--banner-min-height);
    background: transparent;
    border-radius: 8px
}

.edit-profile-popup_user_header__banner_upload__BEe_C {
    position: absolute;
    top: 8px;
    right: 8px
}

.edit-profile-popup_user_header__banner_upload__BEe_C input {
    display: none
}

.edit-profile-popup_user_header__banner__ZXlZ_>img {
    width: 100%;
    height: var(--banner-height);
    min-height: var(--banner-min-height);
    object-fit: cover;
    border-radius: 8px
}

.edit-profile-popup_user_header__avatar__ZVz1g {
    --icon-color: #fff;
    position: absolute;
    left: 16px;
    bottom: -28px;
    border-radius: 100%
}

.edit-profile-popup_user_header__avatar_button__P4TUY {
    --padding: 0px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    z-index: 2;
    padding: var(--padding);
    box-sizing: content-box;
    width: 28px;
    height: 28px
}

.edit-profile-popup_user_header__avatar_button__P4TUY>div {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #4e75ff
}

.edit-profile-popup_user_header__avatar_button__P4TUY.edit-profile-popup_user_header__avatar_delete__CgX8A {
    background: var(--starvell-red);
    bottom: 0;
    left: 0
}

.edit-profile-popup_user_header__avatar_button__P4TUY.edit-profile-popup_user_header__avatar_upload___G_A9 {
    bottom: calc(var(--padding) * -1);
    right: calc((var(--padding) + 8px) * -1)
}

.edit-profile-popup_user_header__avatar_upload___G_A9 input {
    display: none
}

.edit-profile-popup_user_header__avatar_delete_overlay__MSM__ {
    display: flex;
    border-radius: 100%;
    background: #00000099;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    inset: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: opacity .3s;
    line-height: 1.4em
}

.edit-profile-popup_user_header__avatar_wrapper__OZg88.edit-profile-popup_touched__jVJAb .edit-profile-popup_user_header__avatar_delete_overlay__MSM__ {
    opacity: 1
}

@media (hover: hover) {
    .edit-profile-popup_user_header__avatar_wrapper__OZg88:hover .edit-profile-popup_user_header__avatar_delete_overlay__MSM__ {
        opacity:1
    }
}

.edit-profile-popup_user_header__bottom___ZTs_ {
    display: flex;
    justify-content: flex-end
}

button.edit-profile-popup_user_header__delete__fYTIf {
    border: none;
    background: none;
    color: var(--text-secondary);
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s,background .3s
}

.edit-profile-popup_user_header__delete__fYTIf:hover {
    color: var(--starvell-text-muted)
}

.edit-profile-popup_signup_complete__avatar_wrapper__yCsC7 {
    display: flex;
    justify-content: center
}

.edit-profile-popup_signup_complete__form__vKlpY {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.edit-profile-popup_signup_complete__avatar__EEiYn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    cursor: pointer
}

.edit-profile-popup_signup_complete__button__0xtot {
    color: #5c80fd;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: opacity .2s
}

.edit-profile-popup_signup_complete__button__0xtot:hover {
    opacity: .7
}

.edit-profile-popup_signup_complete__button__0xtot input {
    display: none
}

.layout_container__W6XjX {
    width: 100%;
    background: var(--background);
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    margin: 0 auto;
    font-family: var(--font-inter),sans-serif
}

.layout_container__W6XjX>main {
    display: flex;
    flex: 1 1
}

.layout_no_bg__PSw0l {
    background: transparent!important;
    border: none!important
}

.layout_no_footer__XAHhy>footer {
    display: none
}

.layout_no_footer__XAHhy {
    flex: inherit
}

.layout_const_height__HoDsP {
    height: 100dvh
}

.layout_const_height__HoDsP>main {
    overflow: hidden
}

.layout_container_landing__3U_hb {
    max-width: calc(1256px + var(--landing-body-padding) * 2);
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    margin: 0 auto;
    padding: 0 var(--landing-body-padding)
}

.layout_content_wide_transparent__ZkCE7 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.layout_content_wide__mcr68,.layout_content_wide_transparent__ZkCE7 {
    max-width: 1256px;
    width: calc(100% - 16px);
    position: relative;
    margin: 24px auto
}

.layout_content_wide__mcr68 {
    border-radius: 16px;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg);
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.02);
    padding: 40px 64px
}

.layout_content_wide__mcr68.layout_full_height__rL95e {
    min-height: calc(100dvh - 48px - 24px - 24px)
}

@media (max-width: 768px) {
    .layout_content_wide__mcr68 {
        margin:0;
        overflow-x: hidden;
        width: 100%;
        border-radius: 0;
        border: 0;
        padding: 24px 8px 40px
    }
}

.layout_content_wide_with_minichat__mmfA5 {
    --content-with-minichat-width: 552px;
    display: flex;
    gap: 24px
}

.layout_content_wide_with_minichat__content__4uoCI {
    max-width: var(--content-with-minichat-width);
    width: 100%
}

.layout_panel__rtyNF {
    border-radius: 16px;
    border: 1px solid var(--global-border-color);
    background: var(--global-bg)
}

.layout_panel_padding__48t_y {
    padding: 24px
}

.layout_panel_stack__OpuOL {
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .layout_content_wide_with_minichat__mmfA5 {
        flex-direction:column
    }
}

@media (max-width: 1280px) {
    .layout_mini_chat__jdC_U {
        position:static!important;
        margin-left: 0!important
    }
}

@font-face {
    font-family: Inter;
    src: url(../fonts/d080ae18fd04e52c-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(../fonts/242d04bef81519ae-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(../fonts/cac2ba46e8c8adc9-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter Fallback;
    src: local("Arial");
    ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}

.__className_7b1f25 {
    font-family: Inter,Inter Fallback
}

.__variable_7b1f25 {
    --font-inter: "Inter","Inter Fallback"
}

.table_table__1aAxY {
    --row-hover-bg: #f7f7f7;
    display: flex;
    flex-direction: column;
    gap: 4px
}

#site[data-dark=true] .table_table__1aAxY {
    --row-hover-bg: #252528
}

.table_not_found__BbT1_ {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 400px;
    background: var(--global);
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 20px
}

.table_table_head__Ox64l {
    display: flex;
    gap: 24px
}

.table_table_head__Ox64l>span {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-default);
    color: var(--text-secondary)
}

.table_table_head__Ox64l>span:last-child {
    text-align: right
}

.table_table_body__9SFfO {
    transition: opacity .3s
}

.table_table_body__9SFfO>section {
    padding: 4px 0
}

.table_table_body__9SFfO>section:not(section:first-child) {
    border-top: 1px solid var(--global-border-color)
}

.table_table_item__VN7KC {
    min-height: 56px;
    display: flex;
    gap: 24px;
    padding: 12px 8px;
    margin: 0 -8px;
    position: relative;
    cursor: pointer;
    transition: background .3s;
    border-radius: 8px;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media (hover: hover) {
    .table_table_item__VN7KC:hover {
        background:var(--row-hover-bg)
    }
}

.table_table_item__VN7KC>a {
    position: absolute;
    inset: 0;
    z-index: 11
}

.table_table_item__VN7KC>a>span {
    display: none
}

.table_table_item__VN7KC>div:has(.global_user) {
    position: relative;
    z-index: 12;
    min-width: 0
}

.table_table_body__9SFfO a.table_table_item__VN7KC {
    text-decoration: none
}

.table_table_item__VN7KC>.table_ver__dvmOR {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.table_table_item__VN7KC>.table_ver__dvmOR>span {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary)
}

.table_table_item__VN7KC>* {
    z-index: 10
}

.table_table_item__VN7KC>div {
    width: 100%;
    color: var(--starvell-text-muted);
    min-width: var(--item-width);
    max-width: var(--item-width)
}

.table_table_item__VN7KC>div:last-child {
    justify-content: right;
    text-align: right
}

.table_table_item__VN7KC h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--font-weight-default)
}

.table_table_item__VN7KC h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.table_table_item__VN7KC h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.table_table_item__VN7KC b {
    font-weight: 600
}

.table_table_item__VN7KC small {
    font-size: 12px;
    line-height: 18px
}

.table_table_filter_button__nQHv9,.table_table_item__VN7KC small {
    color: var(--text-secondary);
    font-weight: var(--font-weight-default)
}

.table_table_filter_button__nQHv9 {
    background: transparent;
    border: 0;
    display: flex;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    gap: 4px;
    align-items: center
}

.table_table_filter_button__nQHv9:last-child {
    justify-content: flex-end
}

.table_align_right__3zXaP {
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.table_table_empty__L7w0a {
    padding: 120px 20px;
    color: var(--text-secondary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.table_table__1aAxY.table_loading__Wj8TJ .table_table_body__9SFfO {
    opacity: .5;
    cursor: progress
}

.table_table__1aAxY.table_loading__Wj8TJ .table_table_body__9SFfO * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table_new_table__head__J_x1J {
    display: flex;
    gap: 24px;
    margin-bottom: 20px
}

.table_new_table__head__cell__GfkZC {
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-default);
    color: var(--text-secondary);
    white-space: nowrap
}

.table_new_table__head__cell__GfkZC.table_full_width__9Pp2t {
    width: 100%;
    flex-shrink: 1
}

.table_new_table__head__J_x1J.table_flat__fjoDw {
    display: contents
}

.table_new_table__head__J_x1J.table_no_margin__UXU4D {
    margin-bottom: 0
}

.offers-table_price_head_cell__yFpmB {
    width: 104px!important;
    flex-shrink: 0
}

.offers-table_availability_head_cell__Sxban {
    width: 84px!important;
    flex-shrink: 0
}

.offers-table_user_head_cell__XUts1 {
    width: 252px;
    max-width: 252px
}

.offers-table_price_cell__rkthI {
    --item-width: 104px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: flex-end
}

.offers-table_availability_cell__YlEK8 {
    --item-width: 84px;
    --mobile-block-width: 76px;
    text-align: right;
    justify-content: flex-end;
    max-width: 84px;
    min-width: 84px
}

.offers-table_min_quantity__iPGxb {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-secondary);
    white-space: nowrap
}

.offers-table_multiple_filters__BEfCN .offers-table_head_cell__title__AzbCM,.offers-table_multiple_filters__BEfCN .offers-table_title__nSz6f {
    width: 150px!important;
    overflow: hidden;
    text-overflow: ellipsis
}

.offers-table_multiple_filters__BEfCN:not(.offers-table_show_user__v0SLp) .offers-table_head_cell__title__AzbCM,.offers-table_multiple_filters__BEfCN:not(.offers-table_show_user__v0SLp) .offers-table_title__nSz6f {
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis
}

.offers-table_offer_status__sJaFP {
    display: flex;
    gap: 4px
}

.offers-table_offer_status__sJaFP>img {
    cursor: help
}

.offers-table_user_wrapper__7TAW6 {
    position: relative
}

.offers-table_user_wrapper__7TAW6>a {
    display: none;
    position: absolute;
    inset: 0;
    top: -8px;
    left: 36px;
    z-index: 13
}

.offers-table_user_wrapper__7TAW6>a>span {
    display: none
}

.offers-table_user__bwYeK {
    width: 252px;
    flex-shrink: 0;
    position: relative;
    z-index: 12
}

.offers-table_title_username_combined__n462t {
    display: flex;
    gap: 24px
}

.offers-table_title_username_combined__n462t>a {
    position: absolute;
    inset: 0;
    z-index: 11
}

.offers-table_title_username_combined__n462t>a>span {
    display: none
}

.offers-table_title__nSz6f {
    flex-grow: 1;
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.offers-table_title__nSz6f:hover {
    color: var(--starvell-text-muted)
}

@media (max-width: 1024px) {
    .offers-table_user_wrapper__7TAW6>a {
        display:block
    }

    .offers-table_user__bwYeK {
        width: 100%!important;
        min-width: 0
    }

    .offers-table_user_head_cell__XUts1 {
        display: none
    }

    .offers-table_title_username_combined__n462t {
        flex-direction: column;
        gap: 8px
    }

    .offers-table_title__nSz6f {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .offers-table_availability_head_cell__Sxban,.offers-table_price_head_cell__yFpmB {
        width: 64px!important
    }

    .offers-table_availability_cell__YlEK8,.offers-table_price_cell__rkthI {
        --item-width: 64px;
        font-size: 14px
    }

    .offers-table_title__nSz6f {
        line-clamp: 10;
        -webkit-line-clamp: 10
    }
}

.undesirable-offers-popup_buttons__ZCg8v {
    display: flex;
    gap: 8px
}

.undesirable-offers-popup_content__U0na6 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 768px) {
    .undesirable-offers-popup_buttons__ZCg8v {
        flex-direction:column
    }
}

.game-background_root__LrP4Z {
    overflow: hidden;
    border-radius: 16px;
    position: relative
}

.game-background_clip_path__Q8yym {
    position: absolute;
    width: 0;
    height: 0
}

.game-background_image__DsLt0 {
    position: absolute;
    width: 100%;
    height: 100%
}

.game-background_image_bg__PTyX8 {
    -webkit-clip-path: url(#starvell-clip-path);
    clip-path: url(#starvell-clip-path)
}

.game_layout_content__0vnEU.game_offer_type__currency__F45og .game_header__YmmOE {
    min-height: auto
}

.game_layout_content__0vnEU.game_offer_type__currency__F45og .game_content__IcSqE {
    max-width: 808px;
    width: 100%
}

.game_content__IcSqE {
    padding-right: 24px;
    margin-right: -24px;
    background: var(--global-bg);
    position: relative;
    border-radius: 8px;
    padding-top: 1px
}

.game_content__IcSqE:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 24px;
    height: 1px;
    background: linear-gradient(90deg,#e8ebf0,rgba(232,235,240,0))
}

#site[data-dark=true] .game_content__IcSqE:before {
    background: #252528
}

.game_region__tZQWV {
    margin-bottom: 8px
}

.game_header__YmmOE {
    padding-right: 350px;
    position: relative
}

.game_header__YmmOE .game_categories__WQ9a7 {
    margin-bottom: 24px
}

.game_bg_image_container__QnKeX {
    position: absolute;
    top: -40px;
    right: -64px;
    width: 450px;
    height: 450px;
    overflow: hidden
}

.game_bg_image__QDAQQ {
    position: absolute;
    top: -36px;
    right: -36px
}

.game_title__tzdPd {
    max-width: 680px;
    margin-bottom: 4px;
    word-break: break-word;
    color: var(--starvell-text-muted);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}

.game_description__vYPpI {
    max-width: 680px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px
}

.game_description__vYPpI,.game_footer__e_1KK {
    color: var(--text-secondary);
    font-style: normal;
    font-weight: 400
}

.game_footer__e_1KK {
    padding-top: 24px;
    margin-top: 40px;
    border-top: 1px solid var(--global-border-color);
    font-size: 14px;
    line-height: 20px
}

.game_footer__e_1KK h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 1em
}

.game_footer__e_1KK ul {
    list-style: disc;
    padding: 0 0 0 23px
}

.game_footer__e_1KK ol {
    padding: 0 0 0 20px
}

.game_filter__P0fyR {
    display: flex;
    margin-bottom: 24px;
    padding-top: 16px;
    gap: 24px
}

.game_filter__controls__93Ddc {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.game_filter__buttons__syVci {
    margin-left: auto
}

.game_filter__row__PIBEV {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.game_field_range__dE6WN {
    display: flex;
    gap: 4px;
    align-items: center
}

.game_field_range__dE6WN label {
    padding: 0 8px;
    text-transform: uppercase;
    color: var(--starvell-text-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .8px
}

.game_field_range__field__OZcA0 {
    width: 94px
}

.game_similar_games__0XI8u {
    border-bottom: 1px solid var(--global-border-color);
    padding-bottom: 16px;
    margin-bottom: 24px;
    display: flex;
    gap: 26px;
    max-width: 680px;
    width: 100%;
    flex-wrap: wrap
}

.game_similar_games__item__igfEB {
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative
}

.game_similar_games__item__igfEB:not(:last-child):after {
    content: "";
    position: absolute;
    right: -14px;
    top: 11px;
    width: 2px;
    height: 2px;
    background: #9e9da4;
    border-radius: 100%
}

.game_similar_games__item__igfEB>img {
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.game_similar_games__item__igfEB a {
    text-decoration: none;
    color: #4e75ff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.game_similar_games__item__igfEB a:hover {
    color: #274fdc
}

.game_similar_games__item__igfEB.game_active__najus a {
    color: var(--starvell-text-muted)
}

.game_filters_toggle__DRMRa {
    display: none;
    align-items: center
}

.game_formatted_text__SGIwY h1 {
    margin-bottom: .5em;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.game_formatted_text__SGIwY h2 {
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.game_formatted_text__SGIwY h3 {
    margin-bottom: .5em;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.game_formatted_text__SGIwY ol:not(:last-child),.game_formatted_text__SGIwY p:not(:last-child),.game_formatted_text__SGIwY ul:not(:last-child) {
    margin-bottom: 1em
}

@media (max-width: 1024px) {
    .game_content__IcSqE {
        padding-right:0;
        margin-right: 0
    }

    .game_header__YmmOE {
        padding-right: 0
    }

    .game_bg_image_container__QnKeX {
        display: none
    }

    .game_filter__P0fyR {
        flex-direction: column;
        gap: 16px
    }

    .game_filter__controls__93Ddc {
        display: none
    }

    .game_filter__buttons__syVci {
        display: flex;
        gap: 8px;
        margin-left: 0;
        justify-content: space-between;
        order: 1
    }

    .game_filter__controls__93Ddc {
        flex-direction: column;
        gap: 4px;
        order: 2
    }

    .game_filter__P0fyR.game_show_mobile_filters__vFUpm .game_filter__controls__93Ddc {
        display: flex!important
    }

    .game_filter__P0fyR.game_show_mobile_filters__vFUpm .game_filters_toggle__DRMRa svg path {
        stroke: #5c80fd
    }

    .game_filters_toggle__DRMRa {
        display: flex;
        justify-content: space-between
    }
}

@media (max-width: 512px) {
    .game_filters_toggle__DRMRa {
        flex-grow:1
    }

    .game_static_filters__v0Ez4>* {
        width: 100%!important
    }
}

.socials-bg-links_bg_links__n6AD_ {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: var(--global-bg);
    background-image: url(../images/bg-3x.60baa71a.png);
    background-size: cover;
    position: relative;
    max-width: 780px;
    height: 236px;
    margin: 0 auto
}

#site[data-dark=true] .socials-bg-links_bg_links__n6AD_ {
    background-image: url(../images/bg-3x.7a954295.png)
}

.socials-bg-links_bg_link__Wk3E6 {
    --radius: 0px;
    --hover-color: #5865f231;
    position: absolute;
    background-size: cover;
    transition: left .3s,top .3s
}

.socials-bg-links_bg_link__Wk3E6>a {
    content: "";
    position: relative;
    display: block;
    width: var(--radius);
    height: var(--radius);
    border-radius: 100%;
    transition: box-shadow .3s
}

.socials-bg-links_bg_link__Wk3E6>a:hover {
    box-shadow: 0 0 15px var(--hover-color)
}

.socials-bg-links_bg_link_tg__SnyEy {
    --radius: 33px;
    padding: 5px 0 0 15px;
    width: calc(209px / 4);
    height: calc(255px / 4);
    top: 16px;
    left: calc(50% - 216px);
    background-image: url(../images/tg.192c8545.png)
}

.socials-bg-links_bg_link_vk__Pm7sV {
    --radius: 28px;
    padding: 4px 0 0 3px;
    width: 41px;
    height: 53px;
    top: 28px;
    left: calc(50% + 135px);
    background-image: url(../images/vk.34b6fedf.png)
}

.socials-bg-links_bg_link_discord___oBGz {
    --radius: 43px;
    padding: 6px 0 0 6px;
    width: 62px;
    height: 81px;
    top: 139px;
    left: calc(50% + 251px);
    background-image: url(../images/discord.bf5b639e.png)
}

.socials-bg-links_bg_link_gift__ueNPD {
    --radius: 49px;
    --hover-color: #dfbc4031;
    padding: 4px 0 0 10px;
    width: 66px;
    height: 85px;
    top: 19px;
    left: calc(50% + 316px);
    background-image: url(../images/gift.3a3a90b1.png)
}

.socials-bg-links_bg_link_star_small__VGt6K {
    --radius: 54px;
    --hover-color: #1db4622b;
    padding: 10px 0 0 10px;
    width: 88px;
    height: 101px;
    top: 111px;
    left: calc(50% - 351px);
    background-image: url(../images/star.d1bc35e4.png)
}

#site[data-dark=true] .socials-bg-links_bg_link_tg__SnyEy {
    background-image: url(../images/tg.b898f219.png)
}

#site[data-dark=true] .socials-bg-links_bg_link_vk__Pm7sV {
    background-image: url(../images/vk.231d9f88.png)
}

#site[data-dark=true] .socials-bg-links_bg_link_discord___oBGz {
    background-image: url(../images/discord.71559723.png)
}

#site[data-dark=true] .socials-bg-links_bg_link_gift__ueNPD {
    background-image: url(../images/gift.6dffc004.png)
}

#site[data-dark=true] .socials-bg-links_bg_link_star_small__VGt6K {
    background-image: url(../images/star.d49178fd.png)
}

@media (max-width: 1024px) {
    .socials-bg-links_abc_navigation__SGjPT {
        margin-left:0;
        margin-right: -8px;
        float: right
    }

    .socials-bg-links_bg_links__n6AD_ {
        margin-bottom: 40px
    }

    .socials-bg-links_bg_link_tg__SnyEy {
        top: 27px;
        left: calc(50% - 186px)
    }

    .socials-bg-links_bg_link_vk__Pm7sV {
        top: 25px;
        left: calc(50% + 149px)
    }

    .socials-bg-links_bg_link_discord___oBGz {
        top: 158px;
        left: calc(50% + 132px)
    }

    .socials-bg-links_bg_link_gift__ueNPD {
        display: none;
        top: 83px;
        left: calc(50% + 94px)
    }

    .socials-bg-links_bg_link_star_small__VGt6K {
        top: 150px;
        left: calc(50% - 184px)
    }
}

.homepage_content_homepage__9rhMk {
    padding-top: 0;
    padding-bottom: 46px;
    --abc-nav-scroll-margin-top: 30px
}

.homepage_my_games__vertical__o1dw_ .homepage_my_games__item__RjcNB {
    grid-column: auto
}

.homepage_my_games__vertical__o1dw_ .homepage_my_games__item__RjcNB.homepage_many_categories__E92HS {
    grid-column: 1/-1
}

.homepage_abc_navigation__y9mpL {
    float: left;
    width: 20px;
    display: flex;
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: var(--abc-nav-scroll-margin-top);
    margin-left: -43px
}

.homepage_abc_navigation_inner__evmf1 {
    margin-top: -2px;
    display: flex;
    flex-direction: column
}

.homepage_abc_navigation_inner__evmf1>div {
    width: 20px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #acadae;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-default);
    line-height: 18px;
    cursor: pointer;
    transition: color .3s
}

.homepage_abc_navigation_inner__evmf1>div:hover {
    color: #777
}

.homepage_abc_navigation_inner__evmf1>div.homepage_active__RvveD {
    color: #000
}

#site[data-dark=true] .homepage_abc_navigation_inner__evmf1>div {
    color: #5f5f65
}

#site[data-dark=true] .homepage_abc_navigation_inner__evmf1>div:hover {
    color: #54545c
}

.notification_block__1_D4x {
    --ntf-color: var(--starvell-text-muted);
    --ntf-bg: rgba(90,126,254,0.04);
    --ntf-bdc: rgba(63,99,228,0.2);
    --ntf-bsc: rgba(55,95,236,0.12);
    --ntf-icon-color: #5a7efe;
    --ntf-close-color: #666d80;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 8px 8px 14px;
    margin-bottom: 25px;
    color: var(--ntf-color);
    background: var(--ntf-bg);
    border: 1px solid var(--ntf-bdc);
    box-shadow: 0 1px 2px 0 var(--ntf-bsc);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.notification_block__1_D4x>svg {
    color: var(--ntf-icon-color);
    margin-top: 6px;
    flex-shrink: 0
}

.notification_block__1_D4x .notification_text__FoOEN {
    padding: 6px 0
}

.notification_block__1_D4x .notification_text__FoOEN :is(ul,ol) {
    -webkit-padding-start: 20px;
    padding-inline-start:20px}

.notification_block__1_D4x .notification_text__FoOEN :is(ul,ol) li:not(:last-child),.notification_block__1_D4x .notification_text__FoOEN :is(ul,ol):not(:last-child) {
    margin-bottom: 1em
}

.notification_block__1_D4x .notification_text__FoOEN ul {
    list-style-type: disc
}

.notification_block__1_D4x .notification_text__FoOEN ol {
    list-style-type: decimal
}

.notification_block__1_D4x .notification_text__FoOEN p:not(:last-child) {
    margin-bottom: 1em
}

.notification_block__1_D4x .notification_close__HopGK {
    background: none;
    cursor: pointer;
    border: 0;
    margin-left: auto;
    padding: 6px;
    transition: opacity .3s
}

.notification_block__1_D4x .notification_close__HopGK:hover {
    opacity: .7
}

.notification_block__1_D4x .notification_close__HopGK svg {
    color: var(--ntf-close-color);
    display: block
}

.notification_block__1_D4x.notification_nomargin__mHhd2 {
    margin: 0
}

.notification_block__1_D4x.notification_type_warning__gAxv6 {
    --ntf-color: #36394a;
    --ntf-bg: rgba(255,145,71,0.08);
    --ntf-bdc: rgba(157,81,29,0.2);
    --ntf-bsc: rgba(255,145,71,0.12);
    --ntf-icon-color: #ff9147;
    font-weight: 400
}

.notification_block__1_D4x.notification_type_danger__t0a7a {
    --ntf-color: #36394a;
    --ntf-bg: #faeeee;
    --ntf-bdc: #ffdede;
    --ntf-bsc: #ffe1e1;
    --ntf-icon-color: #ff5c5c;
    font-weight: 500
}

#site[data-dark=true] .notification_block__1_D4x.notification_type_info__AXQik {
    --ntf-color: #4280f8;
    --ntf-bg: rgba(66,128,248,0.039);
    --ntf-bdc: rgba(23,71,164,0.2);
    --ntf-bsc: rgba(29,78,173,0.12);
    --ntf-icon-color: #4280f8;
    font-weight: 400
}

#site[data-dark=true] .notification_block__1_D4x.notification_type_warning__gAxv6 {
    --ntf-color: #ff9147;
    --ntf-bg: rgba(255,145,71,0.08);
    --ntf-bdc: rgba(157,81,29,0.2);
    --ntf-bsc: rgba(201,109,25,0.12);
    --ntf-icon-color: #ff9147;
    --ntf-close-color: #ff91476e;
    font-weight: 400
}

#site[data-dark=true] .notification_block__1_D4x.notification_type_danger__t0a7a {
    --ntf-color: #fff;
    --ntf-bg: #4d2b2b;
    --ntf-bdc: #813333;
    --ntf-bsc: #301414;
    --ntf-icon-color: #ff5c5c;
    --ntf-close-color: #ff5c5c
}

.title_title__rb9tp {
    color: var(--starvell-text-muted);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    overflow-wrap: anywhere
}

.title_title__rb9tp:has(.title_back_button__rC0dy) {
    position: relative
}

.title_title__rb9tp a {
    text-decoration: none
}

.title_back_button__rC0dy {
    position: absolute;
    top: 6px;
    left: 0;
    transform: translateX(calc(-100% - 16px));
    cursor: pointer
}

@media (max-width: 768px) {
    .title_title__rb9tp.title_has_back_button__tiNiF {
        display:flex;
        gap: 8px
    }

    .title_title__rb9tp.title_has_back_button__tiNiF .title_back_button__rC0dy {
        position: static;
        transform: none;
        margin-top: 6px
    }
}

.not-found_text__exzKz {
    margin-bottom: 24px;
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.react-tooltip.tooltip_root__00XxD {
    border-radius: 4px;
    padding: 12px;
    box-shadow: 0 12px 24px 0 rgba(14,18,27,.06),0 1px 2px 0 rgba(14,18,27,.03);
    z-index: 14;
    background: #fff;
    color: #0e121b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.react-tooltip.tooltip_root__00XxD.tooltip_small__xz1LN {
    padding: 2px 6px
}

.react-tooltip.tooltip_offer_prices__nXu9X {
    width: 262px;
    background: var(--global-bg)
}

.react-tooltip.tooltip_root__00XxD h6 {
    margin-bottom: 8px;
    color: var(--text-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .96px;
    text-transform: uppercase
}

#site[data-dark=true] .react-tooltip.tooltip_root__00XxD {
    color: #f2f6fa;
    background: #1c1c1e;
    box-shadow: 0 16px 32px -12px rgba(14,18,27,.1)
}

.my-offers_root__SRLCJ {
    display: flex;
    flex-direction: column;
    height: 100%
}

.my-offers_subtitle__IdXOG {
    margin-bottom: 24px;
    color: var(--text-secondary);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.my-offers_header__pVeVR {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--global-border-color)
}

.my-offers_header_buttons__ShMtd {
    display: flex;
    gap: 8px
}

.my-offers_table_item__v9aa8.my-offers_inactive__KdxR3 {
    --inactive-bg: rgba(255,142,38,0.05);
    --inactive-bg-hover: rgba(255,142,38,0.08);
    background: var(--inactive-bg)
}

.my-offers_table_item__v9aa8:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--primary);
    opacity: 0;
    transition: opacity .1s;
    border-radius: 10px
}

.my-offers_table_item__v9aa8.my-offers_drag_target__JGZpX:before {
    opacity: 1
}

.my-offers_table_item__v9aa8.my-offers_is_below__qiNia:before {
    top: auto;
    bottom: -7px
}

.my-offers_notifications__Td0AC {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 25px
}

.my-offers_notifications__Td0AC>div {
    margin-bottom: unset
}

.my-offers_table_item__v9aa8 {
    min-height: 51px;
    padding: 8px;
    cursor: default!important
}

@media (hover: hover) {
    .my-offers_table_item__v9aa8:hover {
        background:transparent!important
    }

    .my-offers_table_item__v9aa8.my-offers_inactive__KdxR3:hover {
        background: var(--inactive-bg)!important
    }
}

.my-offers_table_item__v9aa8 a {
    text-decoration: none;
    color: var(--starvell-text-muted)
}

@media (hover: hover) {
    .my-offers_table_item__v9aa8:has(.my-offers_offer_title_cell__IKJAF .my-offers_title_link__6al39:hover) {
        background:var(--row-hover-bg)!important
    }

    .my-offers_table_item__v9aa8.my-offers_inactive__KdxR3:has(.my-offers_offer_title_cell__IKJAF .my-offers_title_link__6al39:hover) {
        background: var(--inactive-bg-hover)!important
    }
}

.my-offers_offer_title_cell__IKJAF {
    transition: padding .3s
}

.my-offers_offer_title_cell__IKJAF .my-offers_title_link__6al39 {
    display: flex;
    padding: 8px 0;
    margin: -8px 0;
    height: calc(100% + 16px);
    cursor: pointer;
    gap: 16px;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere
}

.my-offers_offer_title_cell__IKJAF .my-offers_title_link__6al39>span {
    flex-grow: 1
}

.my-offers_only_mobile__AJIqD {
    display: none;
    min-width: 70px;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.my-offers_only_mobile__AJIqD img {
    display: block
}

.my-offers_only_mobile__price__WkEBd {
    white-space: nowrap;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.my-offers_offer_price_cell___Tm13>div {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.my-offers_offer_price_cell___Tm13 svg {
    flex-shrink: 0;
    outline: none
}

.my-offers_offer_actions__UcScE {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end
}

.my-offers_offer_actions__UcScE svg {
    cursor: pointer
}

.my-offers_instant_icon__MMH9p {
    margin-left: 4px;
    margin-bottom: -1px
}

.my-offers_drag_handle__SA6_C {
    width: 20px;
    padding-right: 4px;
    position: absolute;
    display: flex;
    align-items: center;
    left: -20px;
    top: 0;
    bottom: 0;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0;
    transition: opacity .3s
}

.my-offers_drag_handle__SA6_C img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.my-offers_drag_handle__SA6_C:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.my-offers_footer__ZkwQi {
    opacity: 1;
    margin: auto -64px -40px;
    padding: 8px 64px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--global-border-color);
    transition: opacity .3s
}

.my-offers_footer__ZkwQi[hidden] {
    opacity: 0
}

.my-offers_tooltip_table__QkWSC {
    display: grid;
    color: var(--starvell-text-muted);
    grid-template-columns: auto auto;
    grid-gap: 4px;
    gap: 4px;
    background: var(--global-bg)
}

.my-offers_tooltip_table__row__7BgYu {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.my-offers_tooltip_table__price__uE3Mn {
    font-weight: 500;
    white-space: nowrap;
    text-align: right
}

.my-offers_toggle_drag__plORp {
    display: none
}

@media (max-width: 1280px) {
    .my-offers_header__pVeVR {
        flex-direction:column;
        align-items: flex-start;
        gap: 16px
    }

    .my-offers_header_buttons__ShMtd {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto
    }

    .my-offers_header_buttons__ShMtd.my-offers_two_buttons___0p7U .my-offers_add_offer_button__mQhk9 {
        grid-column: 2;
        grid-row: 1
    }

    .my-offers_add_offer_button__mQhk9 {
        grid-column: 1/3;
        grid-row: 2
    }

    .my-offers_bump_offer_button__W6Mgf {
        grid-column: 2;
        grid-row: 1
    }

    .my-offers_toggle_drag__plORp {
        grid-column: 1;
        grid-row: 1;
        display: flex
    }

    .my-offers_head_cell__actions__PK9da,.my-offers_head_cell__availability__EXRDx,.my-offers_offer_actions_cell__XFxyP,.my-offers_offer_availability_cell__Ds0bb,.my-offers_offer_price_cell___Tm13 {
        display: none!important
    }

    .my-offers_head_cell__price__x2klT {
        text-align: right
    }

    .my-offers_offer_title_cell__IKJAF .my-offers_title_link__6al39 {
        align-items: center
    }

    .my-offers_only_mobile__AJIqD {
        display: flex
    }

    .my-offers_row_wrapper__npdky {
        padding: 8px 0!important
    }

    .my-offers_table_item__v9aa8 {
        min-height: auto;
        gap: 24px;
        padding: 8px 4px;
        margin: 0 -4px
    }

    .my-offers_table_item__v9aa8:before {
        top: -10px
    }

    .my-offers_table_item__v9aa8.my-offers_is_below__qiNia:before {
        bottom: -10px
    }

    .my-offers_show_mobile_drag__joXLj .my-offers_drag_handle__SA6_C {
        opacity: 1!important
    }

    .my-offers_show_mobile_drag__joXLj .my-offers_offer_title_cell__IKJAF {
        padding-left: 25px
    }

    .my-offers_drag_handle__SA6_C {
        left: 4px
    }
}

@media (max-width: 768px) {
    .my-offers_header_buttons__ShMtd {
        grid-template-columns:1fr
    }

    .my-offers_header_buttons__ShMtd.my-offers_two_buttons___0p7U .my-offers_add_offer_button__mQhk9 {
        grid-column: 1;
        grid-row: 2
    }
}

.__500_error_container__C5FTP {
    margin: 87px auto 0
}

.__500_error_container__C5FTP p {
    font-size: 16px;
    font-weight: var(--font-weight-default);
    line-height: 24px;
    text-align: center;
    color: var(--text-secondary)
}

.__500_error_container__C5FTP p a {
    font-weight: 500;
    text-decoration: none
}

.__500_content__5sM6J {
    max-width: 489px;
    gap: 8px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.__500_content__5sM6J h2 {
    color: var(--starvell-text-muted);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}

.__500_socials__MbEDg {
    margin-top: 16px
}

.__500_logo__w0UOQ {
    display: flex;
    justify-content: center;
    margin-bottom: 28px
}

@media (max-width: 768px) {
    .__500_error_container__C5FTP {
        margin-top:86px
    }

    .__500_logo404__8bvXq {
        transform: scale(.6);
        margin-bottom: 0
    }

    .__500_logo404__8bvXq:hover {
        transform: scale(.57)
    }
}

.__404_error_container__IK1ul {
    margin: 146px auto 0
}

.__404_error_container__IK1ul p {
    font-size: 16px;
    font-weight: var(--font-weight-default);
    line-height: 24px;
    text-align: center;
    color: var(--text-secondary)
}

.__404_error_container__IK1ul p a {
    font-weight: 500;
    text-decoration: none
}

.__404_logo404___vD8z,.__404_logo404wrapper__T_eM1 {
    display: flex;
    justify-content: center
}

.__404_logo404___vD8z {
    cursor: pointer;
    gap: 9px;
    margin-bottom: 48px;
    transition: transform .3s
}

.__404_logo404___vD8z img {
    display: block
}

.__404_logo404___vD8z:hover {
    transform: scale(.95)
}

@media (max-width: 768px) {
    .__404_error_container__IK1ul {
        margin-top:86px
    }

    .__404_logo404___vD8z {
        transform: scale(.6);
        margin-bottom: 0
    }

    .__404_logo404___vD8z:hover {
        transform: scale(.57)
    }
}

/* Оптимизированные стили для поиска на всех устройствах */
.header_search_result__uGGI_ {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    max-height: 75vh;
    overflow-y: auto;
    z-index: 1001;
    margin-top: 5px;
    display: none;
}

.header_search_result__uGGI_.header_open__n3Bq_ {
    display: block;
    animation: searchFadeIn 0.15s ease-out;
}

@keyframes searchFadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Мобильная адаптация */
@media (max-width: 1024px) {
    .header_search_field_wrapper__yisSz {
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .header_search_field_wrapper__yisSz {
        position: static;
        max-width: 100%;
        margin: 10px 0 0 0;
    }

    .header_search_result__uGGI_ {
        position: fixed;
        top: 70px;
        left: 10px;
        right: 10px;
        max-height: calc(100vh - 100px);
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }

    .header_search_result_inner__Q8ptj {
        max-height: 100%;
    }

    .header_search_result__uGGI_ .game-categories_categories__G3ney {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 6px;
    }

    .header_search_result__uGGI_ .game-list-abc_letter_content__9Fiww {
        padding: 0 15px;
    }

    .header_search_result__uGGI_ .game-list-abc_letter_title__bSFEw {
        padding: 12px 15px 8px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .header_search_result__uGGI_ {
        top: 60px;
        left: 8px;
        right: 8px;
        max-height: calc(100vh - 80px);
    }

    .header_search_result__uGGI_ .game-categories_categories__G3ney {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .header_search_result__uGGI_ .game-list-item_game__oVdNy {
        padding: 12px 0;
    }

    .header_search_result__uGGI_ .game-list-item_game__oVdNy header h2 a {
        font-size: 15px;
    }

    .header_search_result__uGGI_ .game-categories_name__XYOUx {
        padding: 5px 8px;
        font-size: 11px;
    }
}

/* Оптимизация для планшетов */
@media (min-width: 769px) and (max-width: 1024px) {
    .header_search_result__uGGI_ {
        max-height: 60vh;
    }

    .header_search_result__uGGI_ .game-categories_categories__G3ney {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}

/* Улучшение скроллбара для всех устройств */
.header_search_result__uGGI_::-webkit-scrollbar {
    width: 8px;
}

.header_search_result__uGGI_::-webkit-scrollbar-track {
    background: #f8f9fa;
    border-radius: 4px;
}

.header_search_result__uGGI_::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.header_search_result__uGGI_::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Для Firefox */
.header_search_result__uGGI_ {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f8f9fa;
}

/* Улучшение производительности */
.header_search_result__uGGI_ * {
    box-sizing: border-box;
}

/* Оптимизация анимаций */
@media (prefers-reduced-motion: reduce) {
    .header_search_result__uGGI_.header_open__n3Bq_ {
        animation: none;
    }
}
.orders-filters_filters__8xULW {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--global-border-color);
    margin-bottom: 16px
}

.orders-filters_filters__8xULW>input {
    align-self: center
}

.orders-filters_filters__8xULW>* {
    flex-shrink: 0
}

@media (max-width: 1280px) {
    .orders-filters_filters__8xULW {
        gap:8px;
        flex-direction: column;
        align-items: stretch
    }

    .orders-filters_filters__8xULW>* {
        width: 100%!important
    }
}

.table_table__1aAxY {
    --row-hover-bg: #f7f7f7;
    display: flex;
    flex-direction: column;
    gap: 4px
}

#site[data-dark=true] .table_table__1aAxY {
    --row-hover-bg: #252528
}

.table_not_found__BbT1_ {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 400px;
    background: var(--global);
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 20px
}

.table_table_head__Ox64l {
    display: flex;
    gap: 24px
}

.table_table_head__Ox64l>span {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-default);
    color: var(--text-secondary)
}

.table_table_head__Ox64l>span:last-child {
    text-align: right
}

.table_table_body__9SFfO {
    transition: opacity .3s
}

.table_table_body__9SFfO>section {
    padding: 4px 0
}

.table_table_body__9SFfO>section:not(section:first-child) {
    border-top: 1px solid var(--global-border-color)
}

.table_table_item__VN7KC {
    min-height: 56px;
    display: flex;
    gap: 24px;
    padding: 12px 8px;
    margin: 0 -8px;
    position: relative;
    cursor: pointer;
    transition: background .3s;
    border-radius: 8px;
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media (hover: hover) {
    .table_table_item__VN7KC:hover {
        background:var(--row-hover-bg)
    }
}

.table_table_item__VN7KC>a {
    position: absolute;
    inset: 0;
    z-index: 11
}

.table_table_item__VN7KC>a>span {
    display: none
}

.table_table_item__VN7KC>div:has(.global_user) {
    position: relative;
    z-index: 12;
    min-width: 0
}

.table_table_body__9SFfO a.table_table_item__VN7KC {
    text-decoration: none
}

.table_table_item__VN7KC>.table_ver__dvmOR {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.table_table_item__VN7KC>.table_ver__dvmOR>span {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary)
}

.table_table_item__VN7KC>* {
    z-index: 10
}

.table_table_item__VN7KC>div {
    width: 100%;
    color: var(--starvell-text-muted);
    min-width: var(--item-width);
    max-width: var(--item-width)
}

.table_table_item__VN7KC>div:last-child {
    justify-content: right;
    text-align: right
}

.table_table_item__VN7KC h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--font-weight-default)
}

.table_table_item__VN7KC h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.table_table_item__VN7KC h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.table_table_item__VN7KC b {
    font-weight: 600
}

.table_table_item__VN7KC small {
    font-size: 12px;
    line-height: 18px
}

.table_table_filter_button__nQHv9,.table_table_item__VN7KC small {
    color: var(--text-secondary);
    font-weight: var(--font-weight-default)
}

.table_table_filter_button__nQHv9 {
    background: transparent;
    border: 0;
    display: flex;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    gap: 4px;
    align-items: center
}

.table_table_filter_button__nQHv9:last-child {
    justify-content: flex-end
}

.table_align_right__3zXaP {
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.table_table_empty__L7w0a {
    padding: 120px 20px;
    color: var(--text-secondary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.table_table__1aAxY.table_loading__Wj8TJ .table_table_body__9SFfO {
    opacity: .5;
    cursor: progress
}

.table_table__1aAxY.table_loading__Wj8TJ .table_table_body__9SFfO * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table_new_table__head__J_x1J {
    display: flex;
    gap: 24px;
    margin-bottom: 20px
}

.table_new_table__head__cell__GfkZC {
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-default);
    color: var(--text-secondary);
    white-space: nowrap
}

.table_new_table__head__cell__GfkZC.table_full_width__9Pp2t {
    width: 100%;
    flex-shrink: 1
}

.table_new_table__head__J_x1J.table_flat__fjoDw {
    display: contents
}

.table_new_table__head__J_x1J.table_no_margin__UXU4D {
    margin-bottom: 0
}

.title_title__rb9tp {
    color: var(--starvell-text-muted);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    overflow-wrap: anywhere
}

.title_title__rb9tp:has(.title_back_button__rC0dy) {
    position: relative
}

.title_title__rb9tp a {
    text-decoration: none
}

.title_back_button__rC0dy {
    position: absolute;
    top: 6px;
    left: 0;
    transform: translateX(calc(-100% - 16px));
    cursor: pointer
}

@media (max-width: 768px) {
    .title_title__rb9tp.title_has_back_button__tiNiF {
        display:flex;
        gap: 8px
    }

    .title_title__rb9tp.title_has_back_button__tiNiF .title_back_button__rC0dy {
        position: static;
        transform: none;
        margin-top: 6px
    }
}

.date-ago_root__SOkCc {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.date-ago_root__SOkCc>h6 {
    color: var(--starvell-text-muted);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.date-ago_root__SOkCc>span {
    color: var(--text-secondary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.date-ago_root__SOkCc.date-ago_medium__AqKv3>span {
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .date-ago_root__SOkCc.date-ago_mobile_friendly__X57SM {
        white-space:nowrap;
        align-items: baseline;
        flex-direction: row;
        gap: 8px
    }

    .date-ago_root__SOkCc.date-ago_mobile_friendly__X57SM>h6 {
        font-size: 12px!important;
        font-style: normal!important;
        font-weight: 400!important;
        line-height: 18px!important
    }
}

.my-orders-page_mobile_category__pFTFD {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-direction: row
}

.my-orders-page_sb__TLoOj {
    display: flex;
    justify-content: space-between!important;
    width: 100%
}

.my-orders-page_status_CREATED__MFQ6L {
    background: rgba(78,117,255,.04)
}

.my-orders-page_status_REFUND__TziL7 {
    background: rgba(255,142,38,.05)
}

@media (hover: hover) {
    .my-orders-page_status_CREATED__MFQ6L:hover {
        background:#4280f80a!important
    }

    .my-orders-page_status_REFUND__TziL7:hover {
        background: #ff8e260a
    }
}

.my-orders-page_row__WjZPP {
    display: grid!important;
    grid-template-columns: 168px 104px 296px 168px auto 148px;
    grid-template-rows: auto
}

.my-orders-page_cell__status__3KMQB {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.my-orders-page_cell__amount__z_vXn {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.my-orders-page_amount__LaDwF {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto
}

.my-orders-page_cell__desc__eu_UF {
    overflow-wrap: anywhere
}

@media (max-width: 1280px) {
    .my-orders-page_row__WjZPP {
        display:grid!important;
        grid-template-columns: auto 130px;
        grid-template-rows: auto;
        grid-gap: 5px!important;
        gap: 5px!important
    }

    .my-orders-page_head_cell__desc__y0NUb {
        width: 100%!important;
        flex-shrink: 1!important
    }

    .my-orders-page_head_cell__amount__aADlG {
        width: 100px!important
    }

    .my-orders-page_head_cell__date__5zSP_,.my-orders-page_head_cell__order__0V9GC,.my-orders-page_head_cell__status__ss5g2,.my-orders-page_head_cell__user__j9356 {
        display: none!important
    }

    .my-orders-page_cell__date__t792c {
        grid-column: 1/3;
        grid-row: 1
    }

    .my-orders-page_cell__desc__eu_UF {
        grid-column: 1/3;
        grid-row: 3
    }

    .my-orders-page_cell__status__3KMQB {
        grid-column: 1;
        grid-row: 5;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        display: flex;
        align-items: center
    }

    .my-orders-page_cell__amount__z_vXn {
        grid-column: 2;
        grid-row: 5;
        align-items: flex-start
    }

    .my-orders-page_cell__user__0Ry5n {
        grid-column: 1/3;
        grid-row: 4
    }

    .my-orders-page_cell__order__m0_3k {
        grid-column: 1/3;
        grid-row: 2
    }

    .my-orders-page_cell__order__m0_3k>h6 {
        font-size: 14px!important;
        line-height: 1.6em;
        font-weight: 500
    }
}

