.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-text-primary: var(--rs-gray-800);
    --rs-text-secondary: var(--rs-gray-600);
    --rs-text-active: var(--rs-primary-700);
    --rs-text-disabled: var(--rs-gray-600);
    --rs-text-error: var(--rs-color-red);
    --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-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-ring-inverse: rgb(from var(--rs-gray-50) r g b/30%);
    --rs-loader-rotor-inverse: var(--rs-gray-0);
    --rs-input-focus-border: var(--rs-primary-500);
    --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-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
}

@supports not (color:rgb(from white r g b)) {
    .rs-theme-light, :root {
        --rs-color-focus-ring: rgba(52, 152, 255, .25);
        --rs-loader-ring: rgba(247, 247, 250, .8);
        --rs-loader-ring-inverse: rgba(247, 247, 250, .3);
        --rs-listbox-option-hover-bg: rgba(204, 233, 255, .5);
        --rs-calendar-range-bg: rgba(204, 233, 255, .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: #960;
    --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-text-primary: var(--rs-gray-50);
    --rs-text-secondary: var(--rs-gray-200);
    --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-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-ring-inverse: rgb(from var(--rs-gray-50) r g b/80%);
    --rs-loader-rotor-inverse: var(--rs-gray-500);
    --rs-input-focus-border: var(--rs-primary-500);
    --rs-listbox-option-hover-bg: var(--rs-gray-600);
    --rs-listbox-option-hover-text: currentColor;
    --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
}

@supports not (color:rgb(from white r g b)) {
    .rs-theme-dark {
        --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, .25);
        --rs-loader-ring: rgba(233, 235, 240, .3);
        --rs-loader-ring-inverse: rgba(233, 235, 240, .8);
        --rs-calendar-range-bg: rgba(0, 97, 153, .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: #ff0;
    --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: #960;
    --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-text-primary: var(--rs-gray-50);
    --rs-text-secondary: var(--rs-gray-200);
    --rs-text-active: var(--rs-primary-500);
    --rs-text-disabled: var(--rs-gray-400);
    --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-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-ring-inverse: rgb(from var(--rs-gray-50) r g b/80%);
    --rs-loader-rotor-inverse: var(--rs-gray-500);
    --rs-input-focus-border: var(--rs-primary-500);
    --rs-listbox-option-hover-bg: transparent;
    --rs-listbox-option-hover-text: var(--rs-primary-500);
    --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)
}

@supports not (color:rgb(from white r g b)) {
    .rs-theme-high-contrast {
        --rs-loader-ring: rgba(233, 235, 240, .3);
        --rs-loader-ring-inverse: rgba(233, 235, 240, .8);
        --rs-calendar-range-bg: rgba(143, 153, 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(#fff, #000)
    }
}

.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-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% - 12px - 1px) / 6)
    }
}

@supports (-ms-ime-align:auto) {
    .rs-calendar-month-dropdown-cell {
        width: calc((100% - 12px - 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)
    }
}

@tailwind utilities; @font-face {
    font-family: gulim, Comfortaa, sans-serif;
    src: url(/assets/font/gulim.woff2)at("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: pcp;
    src: url(/assets/font/pcp.woff2)at("woff2");
    font-weight: 400;
    font-style: normal
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scrollbar-width: none
}

::-webkit-scrollbar {
    width: 0
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 61%, .5);
    border-radius: 20px;
    border: transparent
}

:root {
    --primary-color: #1b1b1b;
    --secondary-color: #2d2d2d;
    --background-footer: #000;
    --black-500: #0b0d10;
    --background-table: #101216;
    --body-color: #1b1b1b;
    --border-color-input: #614f25;
    --black: #000;
    --color-button: #000;
    --gray-100: #2f343a;
    --white: #fff;
    --yellow-color: #fdb82c;
    --header: #1b1b1b;
    --slidebox: #1b1b1b;
    --active-color: #09ff8d;
    --active-two: #09ff8cb3;
    --theme-one: #88b6ff;
    --theme-two: #1877f2;
    --button-one: #f3486a;
    --button-two: #f60;
    --subheader: #161f2c;
    --startable: #fa5500;
    --social-box: #283968;
    --textcolor: #8a92ab;
    --pointbox: #283352;
    --betslip: #636b82;
    --multiborder: #7a8899;
    --signbet: #20283f;
    --signborder: #526271;
    --leftpreborder: #4c546a;
    --preactive: #0f62e6;
    --place: #858b9d;
    --paycheck: #40507c;
    --white-color: #fff;
    --price-color: #aa8200;
    --hover-color: #393939;
    --loading-font-size: 1.2rem;
    --select-background-color: #2d2d2d;
    --border-color: #f3ba2f;
    --select-color: #fff;
    --select-placeholder: #fff;
    --font-size-lg: 1.4rem;
    --font-size-md: 1.2rem;
    --font-size-sm: 0.5rem;
    --font-bold-light: 600;
    --font-mobile-adjustement: 0px;
    --alt-header-background: var(--yellow-color);
    --alt-header-border: var(--yellow-color) 1px solid;
    --alt-header-hover-background: linear-gradient(180deg, #695d00, #5e5200 20%, #564801 50%, #5e5200 80%, #695d00);
    --alt-header-hover-text: var(--white);
    --alt-header-selected-background: var(--primary-color);
    --alt-header-size: unset;
    --alt-header-text-color: var(--primary-color);
    --banners-grid-column: 3;
    --betslip-background: var(--secondary-color);
    --betItemData-background: unset;
    --bonus-btn--border: 1px solid transparent;
    --buttons-background-color: var(--primary-color);
    --background-color-modal-message: var(--primary-color);
    --background-color-button: var(--yellow-color);
    --background-color-modal-login: var(--primary-color);
    --color-more: var(--yellow-color);
    --background-color-notice: var(--primary-color);
    --default-item-background: linear-gradient(180deg, #2d2d2d, #1b1b1b);
    --default-item-border-color: linear-gradient(180deg, #2d2d2d, #1b1b1b);
    --default-item-hover: var(var(--yellow-color))
    --default-item-select: linear-gradient(180deg, #2d2d2d, #1b1b1b);
    --default-item-border-radius: 0rem;
    --event-item-border-color: unset;
    --event-list-gap: 1.3rem;
    --event-list-gradient: var(--primary-color);
    --gap-layoutPages: unset;
    --hightlight-background: unset;
    --hightlight-border: unset;
    --main-menu-display: flex;
    --navigation-sports-game-number-color: unset;
    --navigation-sports-gradient: unset;
    --navigation-sports-item-color: var(--secondary-color);
    --primaryMarkets-text-color: #707478;
    --primaryMarkets-label-item-background: unset;
    --overlay-display: none;
    --times-gap: 1rem;
    --depositBonusItemBorder: 3px solid var(--yellow-color);
    --depositBonusTitleDescTextColor: var(--yellow-color);
    --providers-thumbs-width: 25%
}

html {
    font-size: 62.5%
}

body {
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: Malgun Gothic;
    font-size: 1.4rem;
    line-height: 20px;
    text-rendering: optimizelegibility;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: var(--body-color);
    color: var(--black-color);
    padding: 0;
    position: relative
}

a, body {
    margin: 0
}

a {
    text-decoration: none;
    color: var(--white)
}

.grecaptcha-badge {
    display: none !important
}

.toast-custom {
    background: var(--primary-color) !important;
    height: 200px
}

.toast-custom div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem
}

.toast-custom div svg {
    font-size: 6rem;
    color: var(--white)
}

.toast-custom div span {
    display: flex;
    flex-direction: column;
    color: var(--white);
    line-height: 50px
}

.toast-custom div button {
    background: var(--yellow-color);
    border: none;
    border-radius: 5px;
    color: var(--color-button);
    font-size: 16px;
    margin-top: 1rem;
    padding: 5px;
    text-transform: uppercase;
    transition: all .5s ease;
    width: 100%
}

.toast-custom div button:hover {
    opacity: .8;
    cursor: pointer
}

.layoutPages {
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding-bottom: var(--alt-header-menu-bottom-size);
    padding-right: 1rem;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    gap: var(--gap-layoutPages)
}

.layoutPages .indexPage {
    width: 100%
}

.layoutPages .middle {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%
}

.layoutPages .layoutRight {
    z-index: 20;
    max-width: 25rem
}

.layoutPages .layoutLeft, .layoutPages .layoutRight {
    position: -webkit-sticky;
    position: sticky;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.layoutPages .layoutLeft {
    overflow-x: hidden;
    margin-left: .5rem;
    max-width: 31rem;
    padding-bottom: var(--alt-header-size, 6.85rem)
}

canvas {
    height: 100% !important;
    width: 100% !important
}

@media only screen and (max-width: 1024px) {
    ::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 20px;
        border: transparent
    }

    .contentWrapper {
        height: calc(100vh - 12rem)
    }

    .contentWrapper .layoutPages {
        position: static;
        padding-right: 0;
        flex-direction: column;
        grid-template-columns:100%
    }

    .contentWrapper .layoutPages .middle {
        max-width: none;
        padding-bottom: 2rem
    }

    .contentWrapper .layoutPages .layoutLeft {
        position: static;
        display: none
    }

    .contentWrapper .layoutPages .layoutRight {
        height: auto;
        position: static;
        display: none
    }
}

@media (max-width: 1500px) {
    :root {
        --font-size-lg: 1.4rem;
        --font-size-md: 1.2rem;
        --font-size-sm: 0.6rem
    }

    :root .layoutPages {
        grid-template-columns:100%;
        grid-template-columns:18% 59% 23%;
        padding-right: 0
    }
}

:root {
    --color-button: #fff;
    --body-color: #000;
    --background-color-modal-login: #000;
    --background-color-modal-message: #000;
    /*--background-color-button: #b3a636;*/
    --background-color-button: #F44788;
    --background-color-loading: #000;
    /*--background-color-notice: #b3a636;*/
    --background-color-notice: #F44788;
    --background-color-body: #000;
    --background-color-header: #000;
    /*--background-color-button-carousel: #b3a636;*/
    --background-color-button-carousel: #F44788;
    /*--border-loading: #b3a636;
    --border-color: #b3a636;*/
    --border-loading: #F44788;
    --border-color: #F44788;
    /*--color-red: #b3a636;*/
    --color-red: #19CACA;
    --color-more: #fff;
    --color-loading: #fff;
    --color-svg-carousel: #fff;
    --secondary-color: #000;
    /*--yellow-color: #b3a636;*/
    --yellow-color: #F44788;
    --turnover-value-color: #fff;
   /* --button-two: #b3a636;*/
    --button-two: #F44788;
    --depositBonusItemBorder: 3px solid var(--color-red);
    --depositBonusDescTextColor: var(--color-red);
    --providers-thumbs-width: 16.6%;
    --font-bold-light: 500;
    --font-mobile-adjustement: 2px;
    --logo-height-mobile: 7rem;
    --logo-padding-desktop: 0rem;
    --logo-size: 30rem;
    --logo-size-mobile: 30rem;
    --navigation-sports-two-menu-gap: 0rem;
    --headerThreeMinHeight: 6rem;
    --headerThreePaadingMobile: 0.5rem 1rem
}

body {
    font-weight: 300;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

body, body a, body button, body p {
    font-family: EsaManru
}

body h1, body h2, body h3, body h4, body h5, body h6, body strong {
    font-family: EsaManru;
    font-weight: 500
}

body a, body p {
    font-weight: 300
}

.layoutPages, .layoutRight {
    background-color: #000
}

.layoutRight {
    max-width: 30rem !important
}

.mystyle {
    padding: 10px
}

@font-face {
    font-family: EsaManru;
    font-weight: 300;
    font-style: normal;
    src: url(/assets/font/esamanruLight.ttf);
    font-display: swap
}

@font-face {
    font-family: EsaManru;
    font-weight: 500;
    font-style: normal;
    src: url(/assets/font/esamanruMedium.ttf);
    font-display: swap
}

@font-face {
    font-family: EsaManru;
    font-weight: 700;
    font-style: normal;
    src: url(/assets/font/esamanruBold.ttf);
    font-display: swap
}

@media only screen and (hover: none)and (pointer: coarse) {
    input:focus, select:focus, textarea:focus {
        font-size: 16px
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized, .splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.styles_modalVideo__7Nsae {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 90vh;
    padding-bottom: 1rem;
    background: #000;
    border-radius: 5px
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk .styles_modalHeader__IY8zY {
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    z-index: 1;
    justify-content: flex-end;
    top: 0;
    right: -2rem
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk .styles_modalHeader__IY8zY .styles_closeModalSvg__KiJ_d {
    color: #000;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 2.5rem;
    padding: .5rem 0;
    margin-top: .5rem
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk .styles_modalBody__n1NNv {
    width: 100%;
    height: 100%;
    padding: 1rem
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk .styles_modalBody__n1NNv .styles_iframe__rkl5C {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0
}

.styles_modalVideo__7Nsae .styles_container__bx5Uk .styles_modalBody__n1NNv .styles_iframe__rkl5C iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    border: none
}

@media only screen and (max-width: 1024px) {
    .styles_modalVideo__7Nsae .styles_container__bx5Uk {
        width: 90%
    }
}

.styles_cardLive__6Yeuo {
    float: left;
    padding: 10px;
    cursor: pointer;
    width: var(--providers-thumbs-width, 25%);
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 a, .styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 button {
    width: 100%;
    background: unset;
    border: unset;
    cursor: pointer
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 a img, .styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 button img {
    width: 100%;
    height: 100%;
    border-radius: 1rem
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4:hover .styles_cardLiveOverlay__xbL3h {
    inset: 0 0 0 0
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 .styles_cardLiveBoxLabel__wHWyh {
    color: #fff;
    font-size: 1rem;
    margin: 1rem 0
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 .styles_overlay__6d3Ou {
    position: absolute;
    padding: 1rem;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .534);
    cursor: auto
}

.styles_cardLive__6Yeuo .styles_cardLiveBox__LJEs4 .styles_overlay__6d3Ou span {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff
}

.styles_hoverEffect__GFT5x {
    transition: transform .4s ease-in-out
}

.styles_hoverEffect__GFT5x:hover {
    transform: scale(1.05)
}

@media only screen and (max-width: 1024px) {
    .styles_cardLive__6Yeuo {
        width: 50%
    }
}

.styles_cardLive__ruErf {
    float: left;
    padding: 10px;
    cursor: pointer;
    width: var(--providers-thumbs-width, 25%);
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa a {
    display: block;
    width: 100%;
    background: unset;
    border: unset;
    cursor: pointer
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa a img {
    width: 100%;
    height: 100%;
    border-radius: 1rem
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa:hover .styles_cardLiveOverlay__z6kI8 {
    inset: 0 0 0 0
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa .styles_cardLiveBoxLabel__p_b_n {
    color: #fff;
    font-size: 1rem;
    margin: 1rem 0
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa .styles_overlay__aKVMD {
    position: absolute;
    padding: 1rem;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .534);
    cursor: auto
}

.styles_cardLive__ruErf .styles_cardLiveBox__QlNEa .styles_overlay__aKVMD span {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff
}

.styles_hoverEffect__D9qHQ {
    transition: transform .4s ease-in-out
}

.styles_hoverEffect__D9qHQ:hover {
    transform: scale(1.05)
}

@media only screen and (max-width: 1024px) {
    .styles_cardLive__ruErf {
        width: 50%
    }
}

.styles_tabLinks__KDxTp {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 1%;
    height: 5rem;
    min-height: 5rem;
    border-radius: 10px;
    border: none;
    background: #212121;
    padding: 0 20px 0 30px;
    font-family: EsaManru;
    font-weight: 500;
    font-size: 2.6rem;
    color: #fff;
    text-shadow: 2px 0 5px rgba(0, 0, 0, .5);
    cursor: pointer
}

.styles_tabLinks__KDxTp span {
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    font-size: 2rem;
    outline: none;
    margin: 0 0 0 .5rem
}

.styles_tabLinks__KDxTp img {
    width: unset !important;
    height: unset !important;
    display: inline-block;
    margin: 0 0 0 auto;
    filter: grayscale(100%) brightness(.4);
    transition: all .5s
}

.styles_tabLinks__KDxTp .styles_filler__vUCg0 {
    width: 100%;
    margin-left: auto;
    flex-grow: 1
}

.styles_selected__FJKIS, .styles_tabLinks__KDxTp:hover {
    background-color: #fff;
    border-radius: 10px;
    /*box-shadow: 0 0 20px 3px #b3a636;*/
    box-shadow: 0 0 20px 3px #F44788;
    background: #fff;
    /*background: radial-gradient(circle, #fff 2%, #b3a636 63%)*/
    background: radial-gradient(circle, #fff 2%, #F44788 63%)
}

.styles_selected__FJKIS img, .styles_tabLinks__KDxTp:hover img {
    filter: unset
}

.styles_titleInformation__ASRMk {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: var(--background-color-notice);
    background-image: var(--event-list-gradient);
    border-radius: .5rem;
    color: var(--white);
    font-size: 1.7rem;
    margin: 2rem 1rem;
    padding: 1rem;
    width: 42%
}

.styles_titleInformation__ASRMk img {
    max-width: 2rem;
    max-height: 2rem;
    object-fit: cover
}

.styles_titleInformation__ASRMk .styles_more__Q_S1l {
    color: var(--color-more);
    margin-left: auto;
    cursor: pointer
}

.styles_titleInformation__ASRMk .styles_more__Q_S1l svg {
    height: 1rem;
    width: auto
}

.styles_titleInformation__ASRMk svg {
    font-size: 2rem
}

.styles_titleInformation__ASRMk span {
    color: var(--yellow-color);
    font-size: 1.4rem
}

.styles_items__d__Ih {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.styles_items__d__Ih > div {
    width: var(--providers-thumbs-width) !important
}

.styles_items__d__Ih {
    padding: 0 !important;
    margin: 1rem
}

.styles_items__d__Ih :hover {
    animation: styles_anim__SkXEr .5s cubic-bezier(.47, 0, .745, .715) both;
    transform: scale(1)
}

.styles_cardsCasino__1Ugas > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem
}

.styles_cardsCasino__1Ugas > div {
    padding: 0 !important;
    margin: 1rem
}

.styles_cardsCasino__1Ugas > div :hover {
    animation: styles_anim__SkXEr .5s cubic-bezier(.47, 0, .745, .715) both;
    transform: scale(1)
}

.styles_cardsCasino__1Ugas > div > div {
    width: var(--providers-thumbs-width) !important
}

.styles_cardsCasino__1Ugas .styles_noAnimation__KYybM :hover {
    animation: none !important;
    transform: none !important
}

@media screen and (max-width: 1024px) {
    .styles_tabLinks__KDxTp {
        padding: 0;
        font-size: var(--font-size-lg)
    }

    .styles_tabLinks__KDxTp .styles_filler__vUCg0 {
        display: none
    }

    .styles_tabLinks__KDxTp span {
        font-size: var(--font-size-md)
    }

    .styles_cardsCasino__1Ugas > div > div, .styles_items__d__Ih > div {
        width: 33% !important
    }
}

@keyframes styles_anim__SkXEr {
    0% {
        transform: translateX(0) rotateY(0deg) skew(0deg, 0deg);
        transform-origin: center center;
        animation-timing-function: ease-out;
        filter: brightness(1)
    }
    5% {
        transform: translateX(0) rotateY(1deg) skew(1deg, 0deg);
        animation-timing-function: ease-in;
        filter: brightness(1.2)
    }
}

.styles_menuLeft__0I0kj {
    display: flex;
    align-items: center;
    gap: 2rem
}

.styles_menuLeft__0I0kj .styles_logoMenu__W_PJm {
    padding: var(--logo-padding-desktop, 1rem);
    width: var(--logo-size, 250px);
    text-align: center
}

.styles_menuLeft__0I0kj .styles_logoMenu__W_PJm a img {
    max-width: 100%;
    cursor: pointer
}

.styles_boxNavigation__anH8V {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
    padding: 1rem;
    width: 100%
}

.styles_boxNavigation__anH8V .styles_itemContainer__514_J {
    width: 100%;
    height: 5rem;
    border-radius: 1.3rem;
    transform: skew(-10deg);
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 10px 3px var(--color-red);
    /*background: #07120e*/
}

.styles_boxNavigation__anH8V .styles_itemContainer__514_J p {
    padding-left: 2.3rem;
    transform: skew(10deg);
    display: grid;
    grid-template-columns:35px 1fr;
    align-items: center;
    grid-gap: .3rem;
    gap: .3rem;
    color: var(--white);
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 4.5rem;
    width: 100%;
    transition: all .35s ease
}

.styles_boxNavigation__anH8V .styles_itemContainer__514_J p img {
    max-width: 2rem;
    max-height: 3rem;
    object-fit: cover;
    transition: transform .2s ease-in-out
}

.styles_boxNavigation__anH8V .styles_itemContainer__514_J p:hover {
    color: var(--color-red)
}

.styles_boxNavigation__anH8V .styles_itemContainer__514_J p:hover img {
    transform: rotate(-30deg)
}

.styles_boxNavigation__anH8V p:last-child {
    border-bottom: initial
}

.styles_navigationGrid__WdL8Z {
    display: grid;
    grid-template-columns:33% 33% 33%;
    grid-gap: .2rem;
    gap: .2rem
}

.styles_navigationGrid__WdL8Z .styles_subMenuGridItem__KXMeX {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--secondary-color);
    padding: 1rem 0 1rem 1rem;
    cursor: pointer;
    font-size: 1.1rem
}

.styles_navigationGrid__WdL8Z .styles_subMenuGridItem__KXMeX img {
    height: 1.5rem;
    width: 1.5rem
}

.styles_navigationGrid__WdL8Z .styles_subMenuGridItem__KXMeX .styles_titleActive__f87zK {
    color: var(--yellow-color)
}

.styles_navigationGrid__WdL8Z .styles_subMenuGridItem__KXMeX:not(.styles_firstRow__I7k2t):hover {
    background: var(--primary-color)
}

.styles_navigationGrid__WdL8Z .styles_firstRow__I7k2t {
    background-color: var(--yellow-color);
    background-image: var(--navigation-sports-gradient)
}

.styles_navigationGrid__WdL8Z .styles_firstRow__I7k2t:hover {
    opacity: .8
}

@media only screen and (max-width: 1024px) {
    .styles_navigationSportsTwoMobile__VHxKa {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: var(--body-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 100000;
        overflow-x: auto
    }

    .styles_navigationSportsTwoMobile__VHxKa .styles_container__puWnE {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%
    }

    .styles_navigationSportsTwoMobile__VHxKa .styles_container__puWnE .styles_content__rflq4 {
        overflow-x: auto;
        padding-bottom: 28rem
    }
}

.styles_content__6JtbU {
    display: flex;
    flex-direction: row;
    width: 100%
}

.styles_content__6JtbU .styles_noticeHome__JFskw {
    color: #fff;
    width: 40%;
    margin: 1%;
    float: left;
    padding: 20px;
    border-radius: 10px;
    background: #222;
    border-top: 2px solid var(--color-red)
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 1rem
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 .styles_listItem__WDznS {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: var(--font-size-lg);
    line-height: 42px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 .styles_listItem__WDznS:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 .styles_listItem__WDznS .styles_notice__vl7kg {
    cursor: pointer
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 .styles_listItem__WDznS .styles_notice__vl7kg p {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.styles_content__6JtbU .styles_noticeHome__JFskw .styles_listNotices__m6vd9 svg {
    color: var(--color-red)
}

.styles_content__6JtbU .styles_banners__H2g4N {
    width: 20%;
    margin: 1%;
    align-self: center
}

.styles_content__6JtbU .styles_banners__H2g4N > div {
    height: 100%;
    width: 100%
}

.styles_content__6JtbU .styles_banners__H2g4N img {
    max-height: 10rem;
    width: auto;
    object-fit: contain
}

@media screen and (max-width: 1300px) {
    .styles_content__6JtbU .styles_notice__vl7kg {
        cursor: pointer
    }

    .styles_content__6JtbU .styles_notice__vl7kg p {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 18.6rem;
        display: block;
        overflow: hidden
    }
}

@media screen and (max-width: 1024px) {
    .styles_content__6JtbU {
        display: none
    }
}

.styles_imagesLink__g0zu1 {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 30rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: .5rem
}

.styles_imagesLink__g0zu1 div {
    height: 33%
}

.styles_imagesLink__g0zu1 div .styles_imageLink__wLkQm {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .styles_imagesLink__g0zu1 {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        width: 100%;
        padding: 0 4rem
    }

    .styles_imagesLink__g0zu1 img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.styles_container__0GmJV {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_container__0GmJV span {
    position: relative;
    top: 2px;
    animation: styles_bounce__XnO7N .3s ease infinite alternate;
    letter-spacing: 1px;
    font-size: var(--loading-font-size, 2rem)
}

.styles_container__0GmJV span:first-child, .styles_container__0GmJV span:nth-child(10), .styles_container__0GmJV span:nth-child(2), .styles_container__0GmJV span:nth-child(3), .styles_container__0GmJV span:nth-child(4), .styles_container__0GmJV span:nth-child(5), .styles_container__0GmJV span:nth-child(6), .styles_container__0GmJV span:nth-child(7), .styles_container__0GmJV span:nth-child(8), .styles_container__0GmJV span:nth-child(9) {
    animation-delay: .1s
}

.styles_container__0GmJV span:nth-child(11) {
    animation-delay: .15s
}

.styles_container__0GmJV span:nth-child(12) {
    animation-delay: .2s
}

.styles_container__0GmJV span:nth-child(13) {
    animation-delay: .25s
}

@keyframes styles_bounce__XnO7N {
    to {
        top: -2px
    }
}

.styles_modalLogin__ZYDKN {
    position: fixed;
    top: 0;
    left: 0;
    height: 100 dvh;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 30
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--background-color-modal-login);
    border-radius: 5px;
    padding: 3rem;
    width: 30%;
    height: auto;
    overflow-y: auto
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_closeModalSvg__PE1MG {
    position: absolute;
    top: .5rem;
    right: 1rem;
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 2.5rem;
    padding: .5rem 0;
    margin-top: .5rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_image__R3EqK {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_image__R3EqK img {
    max-width: 15rem;
    max-height: 5rem;
    object-fit: cover
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 h1 {
    color: var(--white);
    font-size: 3rem;
    text-align: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputItem__QJMPa {
    display: flex;
    align-items: center;
    gap: 1rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputItem__QJMPa button {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: var(--background-color-button);
    border: 0;
    border-radius: .5rem;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 1rem;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    width: 35%
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputItem__QJMPa button span {
    z-index: 1;
    position: relative;
    transition: all .4s;
    display: block
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 label {
    color: var(--white);
    font-size: 1.6rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 input {
    width: 100%;
    font-size: 16px;
    padding: 1rem;
    border: 1px solid #000;
    border-radius: .5rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputRow__rOTbr {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq {
    width: 100%;
    margin-bottom: 2rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_input__ByQ9g {
    width: 100%;
    display: flex;
    gap: 1rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_inputPassword__mElqL {
    width: 100%;
    position: relative
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_inputPassword__mElqL .styles_iconPasswordPrimary__GpyTM {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: #a1a1a1;
    font-size: 20px;
    z-index: 2;
    cursor: pointer
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_inputPassword__mElqL .styles_iconPassword__wli_G {
    position: absolute;
    right: 1rem;
    top: 2.9rem;
    color: #a1a1a1;
    font-size: 20px;
    z-index: 2;
    cursor: pointer
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq a {
    justify-content: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_documents__f4yFX, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_perfilPasswords__af2c6 {
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_documents__f4yFX .styles_document__u1w41 {
    width: 100%
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_documents__f4yFX .styles_document__u1w41 .styles_inpot__cj_k4 {
    min-height: 46px
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_confirmMessage__mH3t8 {
    width: 100%;
    display: flex;
    align-items: center;
    color: green;
    font-size: 1.5rem;
    margin-top: .5rem;
    transition: all .35s ease;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_errorMessage__sDp5O {
    width: 100%;
    display: flex;
    align-items: center;
    color: #ff4500;
    font-size: 1.2rem;
    margin-top: .5rem;
    transition: all .35s ease
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    margin-top: 1.5rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG button, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG div {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: var(--background-color-button);
    border: 0;
    border-radius: 1rem;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 1rem 2rem;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    width: 100%
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG button div, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG div div {
    padding: 0 !important
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG button span, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG div span {
    z-index: 1;
    position: relative;
    transition: all .4s;
    display: block
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    gap: 1rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_label___Hi0q {
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_label___Hi0q > p {
    font-size: 1.6rem
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_input__ByQ9g {
    width: 100%;
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_input__ByQ9g > input {
    padding: 1rem;
    width: 100%;
    text-align: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_resendArea___bWcU {
    width: 100%;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_resendArea___bWcU .styles_countDown__todl3 > p {
    color: #fff;
    font-size: 15px
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_btn__VQ1Kh {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_btn__VQ1Kh .styles_btnActive__TKJim, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_verificationSms__FJfRJ .styles_contentCode__OejQ_ .styles_btn__VQ1Kh .styles_btnBlocked__LbNw5 {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: var(--yellow-color);
    border: 0;
    border-radius: 1rem;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 1rem 2rem;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    width: 100%
}

@media (max-width: 1500px) {
    .styles_modalLogin__ZYDKN .styles_container__BdCc2 {
        overflow-x: auto;
        height: auto;
        margin: 1rem 0;
        width: 40%
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_closeModalSvg__PE1MG {
        top: .5rem;
        right: 1rem
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputItem__QJMPa button {
        font-size: 1.2rem;
        padding: 1.2rem;
        width: 50%
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_documents__f4yFX, .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_inputControl__J8eNq .styles_perfilPasswords__af2c6 {
        flex-direction: column
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG button {
        width: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .styles_modalLogin__ZYDKN {
        z-index: 99999
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 {
        height: -moz-fit-content;
        height: fit-content;
        overflow-x: auto;
        width: 98%;
        padding: 1rem 1rem 3rem
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 h1 {
        font-size: var(--font-size-lg)
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 label {
        font-size: var(--font-size-md) !important
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 div, .styles_modalLogin__ZYDKN .styles_container__BdCc2 input, .styles_modalLogin__ZYDKN .styles_container__BdCc2 span {
        font-size: var(--font-size-md)
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_iconPassword__wli_G {
        top: 1.9rem !important
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_image__R3EqK {
        margin-bottom: 2rem
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_content__z_h1i {
        overflow-x: auto
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_content__z_h1i .styles_closeModalSvg__PE1MG {
        top: .5rem;
        right: 1rem
    }

    .styles_modalLogin__ZYDKN .styles_container__BdCc2 .styles_btns__OY9vG {
        margin: 2rem 0
    }
}

.styles_header__zkxVT {
    width: 100%;
    background-color: var(--header);
    padding: 0 0 .5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    flex-direction: column
}

.styles_header__zkxVT .styles_content__pU3vY {
    display: grid;
    grid-template-columns:15% 74% 11%;
    align-items: center;
    padding: 0 .5rem;
    transition: all .9s;
    height: var(--alt-header-size)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuLeft__nU4jq {
    display: flex;
    align-items: center;
    gap: 2rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuLeft__nU4jq .styles_logoMenu__qWF2X {
    padding: 1rem;
    width: 250px;
    text-align: center
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuLeft__nU4jq .styles_logoMenu__qWF2X a img {
    max-width: 100%;
    max-height: 55px;
    cursor: pointer
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 2rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D svg {
    color: var(--yellow-color);
    cursor: pointer;
    font-size: 2.5rem;
    transition: all .35s ease
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D svg:hover {
    color: var(--yellow-color)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG {
    display: flex;
    width: auto;
    height: 1.6rem;
    gap: .2rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG svg {
    color: var(--white);
    height: 100%;
    width: 100%
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG img {
    height: 100%;
    width: 100%
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1.3rem;
    white-space: nowrap;
    border-radius: .5rem;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    transition: all .35s ease
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG a svg {
    color: transparent;
    font-size: 3rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG a:hover {
    background-color: var(--secondary-color)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_mainMenu__vg68D .styles_subMenuGridItem__KP3vG a:hover svg {
    color: var(--yellow-color)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-end
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ button {
    background-color: transparent;
    border: 0;
    color: var(--yellow-color);
    cursor: pointer;
    font-size: 1.5rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L {
    text-align: right
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_small__NwZAP {
    font-size: 10px;
    color: var(--white);
    margin-bottom: 4px;
    display: block
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L h6 {
    font-weight: var(--font-bold-light);
    color: var(--white);
    font-size: 14px;
    line-height: 110%
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw {
    padding: 8px 20px 10px;
    font-size: 14px;
    font-weight: var(--font-bold-light);
    display: inline-block;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    background: var(--button-one);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: all .4s
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:hover:before {
    width: 100%
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw span {
    z-index: 1;
    position: relative;
    transition: all .4s
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:before {
    background: linear-gradient(114.26deg, #f60 13.41%, #f60 87.24%)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H .styles_icons__GD2wD {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box);
    position: relative
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H .styles_icons__GD2wD svg {
    color: var(--white);
    font-size: 2rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box);
    position: relative
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD svg {
    color: #1877f2;
    font-size: 2rem
}

.styles_header__zkxVT .styles_content__pU3vY .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD .styles_count__pWL5c {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    background: var(--button-one);
    color: var(--white);
    display: block;
    border-radius: 50%;
    font-size: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK {
    position: relative
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_nice-select__9CBkh button, .styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_selector__41DCD button {
    color: #fff
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_nice-select__9CBkh button:after, .styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_selector__41DCD button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 50%;
    width: 10px;
    font-size: 14px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_nice-select__9CBkh ul, .styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_selector__41DCD ul {
    background-color: rgba(245, 244, 255, .229)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_nice-select__9CBkh ul li span, .styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_selector__41DCD ul li span {
    color: #fff;
    font-size: 14px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_flag__GJMXd {
    position: absolute;
    top: 4px;
    left: 0;
    width: 28px;
    height: 20px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip button {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: transparent;
    border: 0;
    border-radius: 1rem;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 9px 40px 12px;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip button:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: all .4s
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip button:hover:before {
    width: 100%
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip button span {
    z-index: 1;
    position: relative;
    transition: all .4s;
    display: block
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_buttonNavigation__ftQ2p {
    color: var(--yellow-color);
    padding: 0 1.5rem 0 0
}

.styles_header__zkxVT .styles_content__pU3vY .styles_menuBtnGrp__tm_Ip .styles_buttonNavigationTow__kgm9q {
    background: var(--yellow-color)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK {
    position: relative
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_nice-select__9CBkh button, .styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_selector__41DCD button {
    color: #fff
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_nice-select__9CBkh button:after, .styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_selector__41DCD button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 50%;
    width: 10px;
    font-size: 14px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_nice-select__9CBkh ul, .styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_selector__41DCD ul {
    background-color: rgba(245, 244, 255, .229)
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_nice-select__9CBkh ul li span, .styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_selector__41DCD ul li span {
    color: #fff;
    font-size: 14px
}

.styles_header__zkxVT .styles_content__pU3vY .styles_languageWrap__8PBYK .styles_flag__GJMXd {
    position: absolute;
    top: 4px;
    left: 0;
    width: 28px;
    height: 20px
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    background-color: var(--alt-header-background);
    border-top: var(--alt-header-border);
    border-bottom: var(--alt-header-border);
    height: var(--alt-header-menu-bottom-size);
    align-items: center
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 .styles_active__zGWbW {
    border-radius: 0;
    border-bottom: 1px solid var(--yellow-color);
    color: var(--white)
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 .styles_active__zGWbW .styles_link__uhtyE {
    color: var(--alt-header-selected-background)
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div {
    transition: all .4s;
    height: 100%;
    display: flex;
    position: relative;
    padding: 0 1rem;
    list-style: none
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div:hover {
    background-color: var(--alt-header-hover-background);
    background-image: var(--alt-header-hover-background);
    color: var(--alt-header-hover-text) !important;
    border-radius: 0;
    color: var(--yellow-color)
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div:hover .styles_link__uhtyE {
    color: var(--white)
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div:not(:last-child) {
    margin-right: 20px
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div .styles_link__uhtyE {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--alt-header-text-color);
    font-weight: var(--font-bold-light);
    font-size: 16px;
    transition: all .3s;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 9px
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div .styles_link__uhtyE .styles_icon__Q9vq9 {
    margin-top: -3px
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div :hover {
    color: var(--yellow-color)
}

.styles_header__zkxVT .styles_menuBottom__xCNg5 div :hover .styles_sub-menu__AQK1w {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.styles_headerMobile__dyH9a {
    display: none
}

@media only screen and (max-width: 1024px) {
    .styles_header__zkxVT {
        display: none
    }

    .styles_headerMobile__dyH9a {
        display: block;
        width: 100%;
        background-color: var(--header);
        padding: 1.5rem 1rem;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 99997
    }

    .styles_headerMobile__dyH9a .styles_loginHeaderButtons__r9WDA {
        display: flex;
        gap: .5rem;
        width: 100%
    }

    .styles_headerMobile__dyH9a .styles_loginHeaderButtons__r9WDA .styles_buttonNavigation__ftQ2p {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0;
        width: 100%;
        background-color: transparent;
        color: var(--yellow-color);
        border: 1px solid var(--yellow-color);
        border-radius: .3rem
    }

    .styles_headerMobile__dyH9a .styles_loginHeaderButtons__r9WDA .styles_buttonNavigationTow__kgm9q {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0;
        width: 100%;
        background-color: var(--yellow-color);
        color: var(--white);
        border: 1px solid var(--yellow-color);
        border-radius: .3rem
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_logoMenu__qWF2X .styles_logo__VVW6G img {
        max-width: 15rem;
        max-height: 33px;
        cursor: pointer
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK {
        position: relative
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_flag__GJMXd {
        position: absolute;
        top: 4px;
        left: 0;
        width: 28px;
        height: 20px
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_flag__GJMXd img {
        width: 100%;
        height: 100%
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_dashboarWrap__2GSkQ {
        display: flex;
        gap: 20px;
        align-items: center
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
        position: relative
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD svg {
        color: #1877f2;
        font-size: 2rem
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip .styles_languageWrap__8PBYK .styles_dashboarWrap__2GSkQ .styles_dashboarSocial__gtf2j .styles_icons__GD2wD .styles_count__pWL5c {
        width: 10px;
        height: 10px;
        text-align: center;
        line-height: 10px;
        background: var(--button-one);
        color: var(--white);
        display: block;
        border-radius: 50%;
        font-size: 8px;
        position: absolute;
        top: 0;
        right: 0
    }

    .styles_headerMobile__dyH9a .styles_contentMobile__IoxTM .styles_menuBtnGrp__tm_Ip svg {
        color: #fff;
        font-size: 3rem
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 7;
        background: var(--header-color);
        background-color: var(--header) !important;
        border-radius: 0 0 1rem 1rem;
        padding: 5px;
        max-height: calc(100vh - 130px);
        transform-origin: top;
        transition: all .4s !important
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 li {
        background: transparent;
        border-bottom: 1px solid rgba(136, 182, 255, .376);
        border-radius: 5px
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 li a {
        color: var(--white);
        font-weight: var(--font-bold-light);
        font-size: 16px;
        transition: all .3s;
        font-family: Inter, sans-serif;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 10px 12px 11px;
        font-size: var(--font-size-md)
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_btns__pL_yy {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_btns__pL_yy button {
        position: relative;
        z-index: 1;
        display: inline-block;
        background: var(--yellow-color);
        border: 0;
        border-radius: 1rem;
        color: var(--color-button);
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 6px 25px 8px;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_btns__pL_yy button:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_btns__pL_yy button:hover:before {
        width: 100%
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_btns__pL_yy button span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ {
        display: flex;
        gap: 20px;
        align-items: center;
        margin-top: .5rem
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ button {
        display: inline-block;
        background: var(--yellow-color);
        border: 0;
        border-radius: 1rem;
        color: var(--color-button);
        font-size: 1.4rem;
        font-weight: var(--font-bold-light);
        padding: .8rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        font-size: var(--font-size-md)
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L {
        text-align: right
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_small__NwZAP {
        font-size: 10px;
        color: var(--white);
        margin-bottom: 4px;
        display: block
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L h6 {
        font-weight: var(--font-bold-light);
        color: var(--white);
        font-size: 14px;
        line-height: 110%
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw {
        padding: 8px 20px 10px;
        font-size: 14px;
        font-weight: var(--font-bold-light);
        display: inline-block;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        background: var(--button-one);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:hover:before {
        width: 100%
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw span {
        z-index: 1;
        position: relative;
        transition: all .4s
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_button__W8zjw:before {
        background: linear-gradient(114.26deg, #f60 13.41%, #f60 87.24%)
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box)
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H .styles_icons__GD2wD {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
        position: relative
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_items__3_j9L .styles_customDropdown__AkY_w .styles_customDropdownUser__uv_1H .styles_icons__GD2wD svg {
        color: var(--white);
        font-size: 2rem
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_selectMobile__BMgTi {
        position: relative
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_selectMobile__BMgTi .styles_flag__GJMXd {
        position: absolute;
        top: 4px;
        left: 0;
        width: 28px;
        height: 20px
    }

    .styles_headerMobile__dyH9a .styles_mainMenuMobile__d8fy3 .styles_dashboarWrap__2GSkQ .styles_selectMobile__BMgTi .styles_flag__GJMXd img {
        width: 100%;
        height: 100%
    }
}

.styles_notificationPopup__lqKHE {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    gap: 2rem
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls, .styles_notificationPopup__lqKHE .styles_container__bIKpZ {
    height: 25rem;
    min-width: 35rem;
    background: #000;
    padding: 1rem
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    color: #fff;
    gap: 2rem
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q {
    width: 100%;
    display: flex;
    gap: 1rem;
    font-size: 2rem;
    align-items: center;
    justify-content: center
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q > svg, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q > svg {
    color: red
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q > span, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupHeader__DW3Xk .styles_titleArea__B3y3Q > span {
    font-weight: var(--font-bold-light);
    width: 100%
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupBody__CxfCT, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupBody__CxfCT {
    margin: auto
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY > svg, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY > svg {
    color: #49b6d6;
    font-size: 5rem
}

.styles_notificationPopup__lqKHE .styles_containerMessage__DvSls .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY > span, .styles_notificationPopup__lqKHE .styles_container__bIKpZ .styles_content__0oIMc .styles_popupBody__CxfCT .styles_bodyContent__PaGlY > span {
    font-weight: var(--font-bold-light);
    font-size: 1.7rem
}

.styles_popupsModal__2jkzV .MuiPaper-root {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: var(--border-radius);
    background: transparent;
    display: flex;
    flex-direction: column
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns:repeat(4, 20%);
    grid-template-rows:100%;
    overflow: hidden;
    /*align-items: center;*/
    justify-content: center;
    padding: 0 3rem;
    justify-items: end
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    max-width: 400px;
    height: -moz-fit-content;
    height: fit-content
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    background: var(--header);
    color: #fff;
    font-weight: var(--font-bold-light);
    align-items: center
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 .styles_announce__I7s9n, .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 .styles_notShow__c34BH {
    display: flex;
    gap: 1rem;
    font-size: 1.4rem;
    align-items: center
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 .styles_announce__I7s9n > span, .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 .styles_notShow__c34BH > span {
    font-size: 12px
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupHeader__r_T63 .styles_notShow__c34BH {
    cursor: pointer
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupBody__UvrwH {
    height: 100%;
    width: auto;
    display: contents
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupBody__UvrwH > img {
    object-fit: fill;
    height: 100%;
    width: 100%
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupFooter__smhTx {
    background: var(--header);
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 63px;
    padding: 1rem;
    align-items: center
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupFooter__smhTx > button {
    border: none;
    background: var(--yellow-color);
    cursor: pointer;
    padding: 1rem;
    border-radius: var(--border-radius);
    font-weight: var(--font-bold-light)
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_emptyPopup__1eXsb {
    z-index: -1;
    pointer-events: none
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(4, 20%);
    grid-template-rows:100%;
    align-items: center;
    justify-content: center;
    padding: 0 3rem
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc .styles_buttonWrapper__2ua9W {
    display: flex;
    justify-content: flex-end
}

.styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc .styles_buttonWrapper__2ua9W .styles_closeAll__qRW5d {
    display: flex;
    gap: 1rem;
    background: var(--header);
    padding: 1rem;
    border: none;
    color: var(--color-white, #fff);
    margin-top: 13rem;
    cursor: pointer;
    align-self: start;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width: 1150px) {
    .styles_popupsModal__2jkzV .css-hz1bth-MuiDialog-container {
        height: 100%
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc {
        display: grid;
        justify-content: center;
        grid-template-columns:40%;
        justify-items: end
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc div {
        grid-area: 1/1
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F {
        display: grid;
        grid-template-columns:40%;
        justify-content: center;
        justify-items: end
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk {
        grid-area: 1/1;
        width: 400px
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk .styles_popupBody__UvrwH {
        max-width: 400px;
        display: block
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk div img {
        width: 100%;
        height: 100%
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_closeAll__qRW5d {
        margin-top: 10rem
    }
}

@media only screen and (max-width: 1024px) {
    .styles_popupsModal__2jkzV {
        padding: 3rem 1rem;
        height: 100%
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc {
        grid-template-rows:none;
        grid-auto-flow: dense;
        grid-template-columns:54%;
        justify-content: center;
        overflow: visible
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_buttonContainer__Y28Cc div {
        grid-area: 1/1;
        width: 400px
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F {
        grid-template-rows:none;
        grid-auto-flow: dense;
        grid-template-columns:54%;
        justify-content: center;
        overflow: visible
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_popup__UP0kk {
        height: 100%;
        width: 100%;
        max-height: 36rem;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        max-width: 400px
    }

    .styles_popupsModal__2jkzV .styles_content__Rv1UF .styles_popupsContainer__OiB3F .styles_closeAll__qRW5d {
        margin-top: 1rem;
        justify-self: end
    }
}

.styles_loading__w0Ib4 .MuiPaper-root {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: var(--border-radius);
    opacity: .8
}

.styles_loading__w0Ib4 .styles_splash__g0G3B {
    padding: 1rem;
    position: relative;
    background: var(--background-color-loading, #000);
    height: 100%;
    color: #fff
}

.styles_loading__w0Ib4 .styles_splash__g0G3B .styles_content__WbT0t {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fff
}

.styles_loading__w0Ib4 .styles_splash__g0G3B .styles_content__WbT0t .styles_loader__d0mMY {
    border-top: 5px solid var(--border-loading, #fdb82c);
    border-radius: 50%;
    border: 5px solid var(--border-loading, #fdb82c);
    border-top-color: var(--color-loading, #f3486a);
    width: 100px;
    height: 100px;
    animation: styles_spin__8P7qQ 1s linear infinite;
    margin: auto;
    left: 0;
    right: 0;
    top: calc(50% - 50px);
    position: absolute
}

.styles_loading__w0Ib4 .styles_splash__g0G3B p {
    position: absolute;
    right: 0;
    top: calc(50% + 100px);
    font-weight: var(--font-bold-light);
    font-size: 23px
}

@keyframes styles_spin__8P7qQ {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.styles_center__UN1oo {
    border: none !important;
    text-align: center
}

@media only screen and (max-width: 1441px) {
    .styles_splash__g0G3B > p {
        right: 45.8%
    }
}

.styles_maintanceModal__qGVgl {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.styles_maintanceModal__qGVgl .styles_container__lAh0L {
    height: 30rem;
    min-width: 30rem;
    background: #000;
    padding: 1rem;
    border-radius: 99%
}

.styles_maintanceModal__qGVgl .styles_container__lAh0L .styles_content__kdzdr {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    gap: 2rem
}

.styles_maintanceModal__qGVgl .styles_container__lAh0L .styles_content__kdzdr > img {
    width: 80px
}

.styles_maintanceModal__qGVgl .styles_container__lAh0L .styles_content__kdzdr > p {
    width: 250px;
    font-size: 15px;
    text-align: center
}

.styles_messageModal__JdGNX {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999
}

.styles_messageModal__JdGNX .styles_container__CleF4 {
    max-width: 100%;
    width: 49vh;
    height: 42vh;
    margin: 0;
    border-radius: var(--border-radius)
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: var(--background-color-modal-message);
    border-radius: var(--border-radius);
    padding: 2rem 0
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_image__UjJiz {
    display: flex;
    align-items: center;
    height: 15%;
    width: 25%
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_image__UjJiz img {
    height: 100%;
    width: 100%;
    object-fit: scale-down
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_message__JemSg {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: var(--font-bold-light);
    gap: 1.5rem;
    padding: 2rem;
    width: 90%;
    justify-content: center
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_message__JemSg > p {
    text-align: center
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_control__g7nTk {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content
}

.styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_control__g7nTk > button {
    border: 0;
    background: var(--background-color-button);
    color: var(--color-button);
    width: 15rem;
    height: 3rem;
    border-radius: var(--border-radius);
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .styles_messageModal__JdGNX .styles_container__CleF4 {
        max-width: 100%;
        width: 80vw;
        height: 30vh
    }

    .styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc {
        padding: 2rem 0
    }

    .styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_image__UjJiz {
        height: 22%;
        width: auto
    }

    .styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_image__UjJiz img {
        object-fit: contain;
        height: 100%;
        width: 100%
    }

    .styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_message__JemSg {
        width: 90%;
        justify-content: center
    }

    .styles_messageModal__JdGNX .styles_container__CleF4 .styles_content__a4AKc .styles_control__g7nTk {
        height: -moz-fit-content;
        height: fit-content
    }
}

.styles_navigationMobileHeading__yUw0W {
    display: flex;
    padding: 1.5rem 1rem;
    justify-content: space-between
}

.styles_navigationMobileHeading__yUw0W .styles_logoMenu__L1D3y img {
    max-width: 15rem;
    height: auto;
    cursor: pointer
}

.styles_navigationMobileHeading__yUw0W .styles_iconClose__9oMI_ {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.styles_navigationMobileHeading__yUw0W .styles_iconClose__9oMI_ svg {
    z-index: 2;
    color: #fff;
    font-size: 3rem
}

.styles_betSlip__9vYm0 {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    max-height: calc(100vh - 9.8rem);
    overflow-y: auto;
    overflow-x: hidden
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 {
    background: var(--secondary-color);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: var(--primary-color);
    border-radius: .5rem;
    padding: 1rem 3rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg img {
    max-width: 5rem;
    max-height: 8rem;
    object-fit: cover
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg p {
    color: var(--white);
    font-size: 1.3rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3.5rem;
    height: 100%
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a span {
    color: var(--textcolor);
    font-size: 1.2rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a .styles_id__tiyO1 {
    color: var(--white);
    font-size: 1.3rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a .styles_days__qXlSm {
    color: var(--button-two);
    font-size: 1.3rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_divisor__CmCVn {
    border-bottom: 1px solid var(--multiborder);
    margin: 1rem 0
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV label {
    color: var(--white);
    font-size: 1.2rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV img {
    width: 24px;
    height: auto
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_value__9SxHr {
    color: var(--active-color);
    font-size: 1.2rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt {
    display: flex;
    grid-template-columns:repeat(5, 1fr);
    gap: .5rem;
    margin-top: 2rem
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background-color: var(--primary-color);
    border: 1px solid transparent;
    border-radius: .5rem;
    font-family: dotum;
    color: var(--white);
    cursor: pointer;
    font-size: --font-size-md;
    padding: .6rem;
    transition: all .35s ease
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button img {
    width: 15px;
    height: auto;
    object-fit: cover
}

.styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button:hover {
    border: 1px solid var(--yellow-color)
}

@media (max-width: 1500px) {
    .styles_betSlip__9vYm0 .styles_content__sV3LV {
        overflow-x: auto
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV label, .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_value__9SxHr {
        font-size: 1.1rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj {
        gap: 2rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj h1 {
        font-size: 1.1rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV {
        justify-content: flex-end
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV input {
        width: 80%
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd .styles_number__POYZm {
        background: var(--primary-color);
        border: 1px solid transparent;
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: .7rem;
        font-weight: 100;
        padding: .8rem;
        transition: all .35s ease;
        width: 100%
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd .styles_number__POYZm:hover {
        background: var(--yellow-color);
        border: 1px solid transparent;
        color: var(--button-color)
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin: 2rem 0
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--multiborder);
        padding-bottom: .6rem;
        width: 100%
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 .styles_title__CC4Ny, .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 .styles_value__9SxHr {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN {
        position: relative;
        z-index: 1;
        background-color: var(--yellow-color);
        border: 0;
        border-radius: .5rem;
        color: var(--button-color);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 1rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        width: 100%
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_imagesLink__6wDWy {
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .styles_betSlip__9vYm0 .styles_content__sV3LV .styles_imagesLink__6wDWy .styles_imageLink__y18af {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width: 1024px) {
    .styles_betSlip__9vYm0 {
        display: none
    }

    .styles_betSlipMobile__F1VJ3 {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: var(--body-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: top;
        z-index: 100000;
        overflow-x: auto
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_iconClose__tJRvf {
        position: relative
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_iconClose__tJRvf svg {
        position: absolute;
        top: -.5rem;
        right: .5rem;
        color: #fff;
        font-size: 3rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV {
        overflow-x: auto
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 {
        background: var(--slidebox);
        border-radius: .5rem;
        padding: 2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        background: var(--header);
        border-radius: .5rem;
        padding: 1rem 3rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg img {
        max-width: 6rem;
        max-height: 8rem;
        object-fit: cover
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_level__ad2Dg p {
        color: var(--white);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        gap: 3.5rem;
        height: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: .5rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a span {
        color: var(--textcolor);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a .styles_id__tiyO1 {
        color: var(--white);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_top__RRzTj .styles_user__gF1WZ .styles_information__WQH9a .styles_days__qXlSm {
        color: var(--button-two);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_divisor__CmCVn {
        border-bottom: 1px solid var(--multiborder);
        margin: 1rem 0
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV label {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_inputItem__8EplV img {
        width: 24px;
        height: auto
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_informationsMonney___6IkF .styles_inputInformation__Zn210 .styles_value__9SxHr {
        color: var(--active-color);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt {
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        grid-gap: .5rem;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        background-color: transparent;
        border: 1px solid var(--social-box);
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: 1rem;
        padding: .6rem;
        transition: all .35s ease
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button img {
        width: 20px;
        height: auto;
        object-fit: cover
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_informationUser__24WH6 .styles_buttons__Gk8zt button:hover {
        background: var(--pointbox);
        border: 1px solid transparent
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldApostasy__IjkHf {
        background: var(--slidebox);
        border-radius: .5rem;
        margin: 1rem 0;
        padding: 1rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldApostasy__IjkHf .styles_top__RRzTj {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldApostasy__IjkHf .styles_top__RRzTj h1 {
        color: var(--textcolor);
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldApostasy__IjkHf .styles_top__RRzTj button {
        background-color: transparent;
        border: 0;
        color: var(--textcolor);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldApostasy__IjkHf .styles_text__eO87G {
        color: var(--white);
        font-size: 1.4rem;
        padding: 4rem 0 2rem;
        text-align: center
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg {
        background: var(--slidebox);
        border-radius: .5rem;
        margin: 1rem 0;
        padding: 1rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj h1 {
        color: var(--textcolor);
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV {
        display: flex;
        align-items: center;
        gap: .8rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV svg {
        color: var(--white);
        cursor: pointer;
        font-size: 2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV input {
        background-color: transparent;
        border: 1px solid var(--button-two);
        border-radius: .2rem;
        color: var(--white);
        font-size: 1.3rem;
        padding: .5rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_top__RRzTj .styles_updateInput__sYozV input:focus {
        outline: transparent;
        border: 1px solid var(--button-two)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd .styles_number__POYZm {
        background: var(--secondary-color);
        border: 0;
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        padding: .8rem 1rem;
        transition: all .4 ease;
        width: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd .styles_number__POYZm:hover {
        background-color: var(--button-two)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonValues__NGBNd .styles_number__POYZm:hover svg {
        color: var(--white)
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin: 2rem 0
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--multiborder);
        padding-bottom: .6rem;
        width: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 .styles_title__CC4Ny, .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_datasValues__HgkN8 .styles_data__nyPu2 .styles_value__9SxHr {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN {
        position: relative;
        z-index: 1;
        background-color: var(--yellow-color);
        border: 0;
        border-radius: .5rem;
        color: var(--button-color);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 1rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        width: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN:hover:before {
        width: 100%
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_betSlipMobile__F1VJ3 .styles_container__DfoFx .styles_content__sV3LV .styles_fieldsInput__UqQRg .styles_buttonData__uLogN:before {
        background: linear-gradient(114.26deg, #f3486a 13.41%, #f3486a 87.24%)
    }
}

.styles_alertModal___oWUc .MuiPaper-root {
    max-width: 100%;
    width: 80%;
    height: 40%;
    margin: 0;
    border-radius: .5rem;
    background: var(--primary-color);
    color: #fff
}

.styles_alertModal___oWUc .styles_content__89KAS {
    padding: 2.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_header__NOomh {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_header__NOomh > h1 {
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_header__NOomh > svg {
    cursor: pointer;
    font-size: 25px
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_message__Ugaff {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    align-items: center
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_message__Ugaff svg, .styles_alertModal___oWUc .styles_content__89KAS .styles_message__Ugaff > h1 {
    text-align: center;
    font-size: 2rem
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_message__Ugaff svg {
    font-size: 4rem;
    color: orange
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_controls__SXfOL {
    display: flex;
    justify-content: flex-end;
    gap: 1rem
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_controls__SXfOL > button {
    font-size: 1.4rem;
    padding: 1rem 2rem;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: .5rem;
    cursor: pointer
}

.styles_alertModal___oWUc .styles_content__89KAS .styles_controls__SXfOL > button:first-child, .styles_alertModal___oWUc .styles_content__89KAS .styles_controls__SXfOL > button:last-child {
    background-color: var(--yellow-color);
    color: var(--color-button)
}

@media screen and (max-width: 1024px) {
    .styles_alertModal___oWUc {
        z-index: 99999 !important
    }

    .styles_alertModal___oWUc .MuiPaper-root {
        height: 50%
    }

    .styles_alertModal___oWUc .styles_content__89KAS {
        gap: 2rem
    }

    .styles_alertModal___oWUc .styles_content__89KAS .styles_header__NOomh {
        margin-bottom: 0
    }

    .styles_alertModal___oWUc .styles_content__89KAS .styles_message__Ugaff {
        flex-direction: column;
        gap: 1rem
    }
}

.styles_timeWrapper__y_zA8 {
    display: flex;
    justify-content: center
}

.styles_timeWrapper__y_zA8 .styles_timer__oPvTl {
    font-family: Montserrat;
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_modalTimeLive__XadPN {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 20
}

.styles_modalTimeLive__XadPN .styles_container__SW8Vz {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 5px;
    padding: 3rem;
    width: 25%;
    height: 400px
}

.styles_modalTimeLive__XadPN .styles_container__SW8Vz .styles_content__uafa6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .styles_modalTimeLive__XadPN .styles_container__SW8Vz {
        width: 50%
    }
}

@media only screen and (max-width: 760px) {
    .styles_modalTimeLive__XadPN .styles_container__SW8Vz {
        width: 80%
    }
}

.styles_betItemData__w08bi {
    padding-bottom: 1rem;
    text-align: left;
    position: relative;
    background: var(--betItemData-background)
}

.styles_betItemData__w08bi .styles_lockItem__d75WT {
    min-height: 78px;
    position: absolute;
    top: 0;
    background: red;
    width: 100%;
    opacity: .5;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_betItemData__w08bi .styles_lockItem__d75WT .styles_image__CKKrV {
    opacity: 1 !important
}

.styles_betItemData__w08bi .styles_leagueData__Jt_By {
    display: flex
}

.styles_betItemData__w08bi .styles_leagueData__Jt_By .styles_league__U_tYv {
    font-size: 1.2rem;
    width: 80%
}

.styles_betItemData__w08bi .styles_leagueData__Jt_By .styles_buttonContainer__sOKsV {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 20%;
    text-align: right
}

.styles_betItemData__w08bi .styles_leagueData__Jt_By .styles_buttonContainer__sOKsV .styles_closeButton__RNnYR {
    z-index: 999;
    cursor: pointer
}

.styles_betItemData__w08bi .styles_marketData__QPlRk {
    display: flex
}

.styles_betItemData__w08bi .styles_marketData__QPlRk .styles_market__8Wz7r {
    color: var(--active-two);
    font-size: 1.2rem;
    width: 70%
}

.styles_betItemData__w08bi .styles_marketData__QPlRk .styles_price__8vJH6 {
    color: var(--price-color);
    font-size: 1.2rem;
    width: 30%;
    text-align: right
}

.styles_betItemData__w08bi span {
    margin: 6px 0
}

.styles_betItemData__w08bi .styles_game__O3eFS {
    display: block;
    font-size: 1.2rem
}

.styles_betItemData__w08bi .styles_divisor__RmOJZ {
    border-bottom: 1px solid var(--multiborder);
    padding-top: 1rem
}

.styles_betItemData__w08bi:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 1024px) {
    .styles_betItemData__w08bi span {
        margin: .1rem 0
    }
}

.styles_betItemData__Qh0dh {
    padding-bottom: 1rem;
    text-align: left;
    position: relative
}

.styles_betItemData__Qh0dh .styles_lockItem__C_2n4 {
    min-height: 78px;
    position: absolute;
    top: 0;
    background: red;
    width: 100%;
    opacity: .5;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_betItemData__Qh0dh .styles_lockItem__C_2n4 .styles_image__xJ49a {
    opacity: 1 !important
}

.styles_betItemData__Qh0dh .styles_leagueData__9zg6S {
    display: flex
}

.styles_betItemData__Qh0dh .styles_leagueData__9zg6S .styles_league__V5KC5 {
    font-size: 1.2rem;
    width: 80%
}

.styles_betItemData__Qh0dh .styles_leagueData__9zg6S .styles_buttonContainer__8o1u9 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 20%;
    text-align: right
}

.styles_betItemData__Qh0dh .styles_leagueData__9zg6S .styles_buttonContainer__8o1u9 .styles_closeButton__x_2n9 {
    z-index: 999;
    cursor: pointer
}

.styles_betItemData__Qh0dh .styles_marketData__pfdMV {
    display: flex
}

.styles_betItemData__Qh0dh .styles_marketData__pfdMV .styles_market__G85O6 {
    color: var(--active-two);
    font-size: 1.2rem;
    width: 70%
}

.styles_betItemData__Qh0dh .styles_marketData__pfdMV .styles_price__gRfVZ {
    color: var(--price-color);
    font-size: 1.2rem;
    width: 30%;
    text-align: right
}

.styles_betItemData__Qh0dh span {
    margin: 6px 0
}

.styles_betItemData__Qh0dh .styles_game__ZseMs {
    display: block;
    font-size: 1.2rem
}

.styles_betItemData__Qh0dh .styles_divisor__j3hHx {
    border-bottom: 1px solid var(--multiborder);
    padding-top: 1rem
}

.styles_betItemData__Qh0dh:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 1024px) {
    .styles_betItemData__Qh0dh span {
        margin: .1rem 0
    }
}

.styles_betSlip__L4epZ {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.styles_betSlip__L4epZ .styles_content__R1afz {
    height: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M {
    background: var(--secondary-color);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: var(--header);
    border-radius: .5rem;
    padding: 1rem 3rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u img {
    max-width: 5rem;
    max-height: 8rem;
    object-fit: cover
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u p {
    color: var(--white);
    font-size: 1.3rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3.5rem;
    height: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 span {
    color: var(--textcolor);
    font-size: 1.2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 .styles_id__d1rTx {
    color: var(--white);
    font-size: 1.3rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 .styles_days__aVzqZ {
    color: var(--button-two);
    font-size: 1.3rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_divisor__SMbK3 {
    border-bottom: 1px solid var(--multiborder);
    margin: 1rem 0
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU label {
    color: var(--white);
    font-size: 1.2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU img {
    width: 24px;
    height: auto
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_value__17KvU {
    color: var(--active-color);
    font-size: 1.2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: .5rem;
    gap: .5rem;
    margin-top: 2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background-color: var(--buttons-background-color);
    border: 1px solid transparent;
    border-radius: .5rem;
    color: var(--white);
    cursor: pointer;
    font-size: var(--font-size-md);
    padding: .6rem .4rem;
    transition: all .35s ease
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button img {
    width: 15px;
    height: auto;
    object-fit: cover
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button:hover {
    border: 1px solid var(--yellow-color)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L {
    background: var(--betslip-background);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ h1 {
    color: var(--textcolor);
    font-size: 1.3rem;
    font-weight: var(--font-bold-light)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ button {
    background-color: transparent;
    border: 0;
    color: var(--textcolor);
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: var(--font-bold-light)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_hide__WyFvY {
    display: none
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_text__x8UFJ {
    color: var(--white);
    font-size: 1.4rem;
    padding: 1rem 0;
    text-align: center
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o {
    display: flex;
    color: var(--white)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_league__90wWO {
    font-size: 1.2rem;
    width: 80%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_buttonContainer__Y6z12 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 20%;
    text-align: right
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_buttonContainer__Y6z12 .styles_closeButton__ROVeZ {
    cursor: pointer
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT {
    display: flex;
    margin: 6px 0
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT .styles_market__BC_Cs {
    color: var(--active-two);
    font-size: 1.2rem;
    width: 70%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT .styles_price__XYLfx {
    color: var(--price-color);
    font-size: 1.2rem;
    width: 30%;
    text-align: right
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu {
    background: var(--secondary-color);
    border-radius: .5rem;
    margin: 1rem 0;
    padding: 1rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ h1 {
    color: var(--textcolor);
    font-size: 1.3rem;
    font-weight: var(--font-bold-light)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m {
    display: flex;
    align-items: center;
    gap: .8rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m svg {
    color: var(--white);
    cursor: pointer;
    font-size: 2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m input {
    background-color: transparent;
    border: 1px solid var(--border-color-input);
    border-radius: .2rem;
    color: var(--white);
    font-size: 1.3rem;
    padding: .5rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m input:focus {
    outline: transparent;
    border: 1px solid var(--button-two)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt {
    display: grid;
    grid-template-columns:auto auto auto;
    align-items: center;
    grid-gap: .5rem;
    gap: .5rem;
    margin-top: 2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s {
    background-color: var(--buttons-background-color);
    border: 1px solid transparent;
    border-radius: .5rem;
    color: var(--white);
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .8rem 1rem;
    transition: all .35s ease;
    width: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s:hover {
    background-color: var(--yellow-color);
    color: var(--button-color)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s:hover svg {
    color: var(--white)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin: 2rem 0
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--multiborder);
    padding-bottom: .6rem;
    width: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_title__jXx_T, .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_value__17KvU {
    color: var(--white);
    font-size: 1.2rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonData__N6jbG {
    position: relative;
    z-index: 1;
    background-color: var(--yellow-color);
    border: 0;
    border-radius: .5rem;
    color: var(--button-color);
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 1rem 2rem;
    text-transform: capitalize;
    transition: all .3s ease;
    text-align: center;
    width: 100%
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonData__N6jbG span {
    height: 14px !important;
    width: 14px !important;
    color: #000
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonData__N6jbG:hover {
    background: var(--primary-color);
    color: var(--white)
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_imagesLink__SnzMS {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .5rem
}

.styles_betSlip__L4epZ .styles_content__R1afz .styles_imagesLink__SnzMS .styles_imageLink__uSA0w {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer
}

@media (max-width: 1500px) {
    .styles_betSlip__L4epZ .styles_content__R1afz {
        overflow-x: auto
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU label, .styles_betSlip__L4epZ .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_value__17KvU {
        font-size: 1.1rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ {
        gap: 2rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ h1 {
        font-size: 1.1rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m {
        justify-content: flex-end
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m input {
        width: 80%
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt {
        grid-template-columns:auto auto auto;
        align-items: center;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s {
        background: var(--buttons-background-color);
        border: 1px solid transparent;
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: .7rem;
        font-weight: 100;
        padding: .8rem;
        transition: all .35s ease;
        width: 100%
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s:hover {
        background: var(--yellow-color);
        border: 1px solid transparent;
        color: var(--button-color)
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin: 2rem 0
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--multiborder);
        padding-bottom: .6rem;
        width: 100%
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_title__jXx_T, .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_value__17KvU {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonData__N6jbG {
        position: relative;
        z-index: 1;
        background-color: var(--yellow-color);
        border: 0;
        border-radius: .5rem;
        color: var(--button-color);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 1rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        width: 100%
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonData__N6jbG span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_imagesLink__SnzMS {
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .styles_betSlip__L4epZ .styles_content__R1afz .styles_imagesLink__SnzMS .styles_imageLink__uSA0w {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media only screen and (max-width: 1024px) {
    .styles_betSlip__L4epZ {
        display: none
    }

    .styles_betSlipMobile__auI8u {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: var(--body-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: top;
        z-index: 99998;
        overflow-x: auto
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh {
        display: flex;
        align-items: flex-start;
        gap: 2rem;
        padding: 0 1rem
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-color: var(--secondary-color);
        border-radius: .5rem;
        margin: 2rem 0 1rem;
        padding: 1rem;
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU label {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU img {
        width: 24px;
        height: auto
    }

    .styles_betSlipMobile__auI8u .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_value__17KvU {
        color: var(--active-color);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 90%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_iconClose__RaXs8 {
        position: relative
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_iconClose__RaXs8 svg {
        position: absolute;
        top: -.5rem;
        right: .5rem;
        color: #fff;
        font-size: 3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz {
        overflow-x: auto
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M {
        background: var(--slidebox);
        border-radius: .5rem;
        padding: 2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        background: var(--header);
        border-radius: .5rem;
        padding: 1rem 3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u img {
        max-width: 6rem;
        max-height: 8rem;
        object-fit: cover
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_level__Kta_u p {
        color: var(--white);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
        gap: 3.5rem;
        height: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: .5rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 span {
        color: var(--textcolor);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 .styles_id__d1rTx {
        color: var(--white);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_top__Tjia_ .styles_user__YbZAG .styles_information__uHW56 .styles_days__aVzqZ {
        color: var(--button-two);
        font-size: 1.3rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_divisor__SMbK3 {
        border-bottom: 1px solid var(--multiborder);
        margin: 1rem 0
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU label {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_inputItem__rJisU img {
        width: 24px;
        height: auto
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_informationsMonney__C3_fh .styles_inputInformation__ztwzE .styles_value__17KvU {
        color: var(--active-color);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ {
        display: grid;
        grid-template-columns:repeat(5, 1fr);
        grid-gap: .5rem;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        background-color: transparent;
        border: 1px solid var(--social-box);
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: 1rem;
        padding: .6rem;
        transition: all .35s ease
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button img {
        width: 20px;
        height: auto;
        object-fit: cover
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_informationUser__gd_2M .styles_buttons__7YUMJ button:hover {
        background: var(--pointbox);
        border: 1px solid transparent
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L {
        background: var(--slidebox);
        border-radius: .5rem;
        margin: 1rem 0;
        padding: 1rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ h1 {
        color: var(--textcolor);
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_top__Tjia_ button {
        background-color: transparent;
        border: 0;
        color: var(--textcolor);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_text__x8UFJ {
        color: var(--white);
        font-size: 1.4rem;
        padding: 4rem 0 2rem;
        text-align: center
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o {
        display: flex;
        color: var(--white)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_league__90wWO {
        font-size: 1.2rem;
        width: 80%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_buttonContainer__Y6z12 {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 20%;
        text-align: right
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_bonusData__kJW4o .styles_buttonContainer__Y6z12 .styles_closeButton__ROVeZ {
        cursor: pointer
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT {
        display: flex;
        margin: 6px 0
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT .styles_market__BC_Cs {
        color: var(--active-two);
        font-size: 1.2rem;
        width: 70%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldApostasy__1Ew5L .styles_marketData__YZOMT .styles_price__XYLfx {
        color: var(--price-color);
        font-size: 1.2rem;
        width: 30%;
        text-align: right
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu {
        background: var(--slidebox);
        border-radius: .5rem;
        margin: 1rem 0;
        padding: 1rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ h1 {
        color: var(--textcolor);
        font-size: 1.3rem;
        font-weight: var(--font-bold-light)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m {
        display: flex;
        align-items: center;
        gap: .8rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m svg {
        color: var(--white);
        cursor: pointer;
        font-size: 2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m input {
        background-color: transparent;
        border: 1px solid var(--border-color-input);
        border-radius: .2rem;
        color: var(--white);
        font-size: 1.3rem;
        padding: .5rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_top__Tjia_ .styles_updateInput__Rsg6m input:focus {
        outline: transparent;
        border: 1px solid var(--button-two)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt {
        display: grid;
        grid-template-columns:auto auto auto;
        align-items: center;
        grid-gap: .5rem;
        gap: .5rem;
        margin-top: 2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s {
        background: var(--secondary-color);
        border: 0;
        border-radius: .5rem;
        color: var(--white);
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        padding: .8rem 1rem;
        transition: all .4 ease;
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s:hover {
        background-color: var(--button-two)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_buttonValues__4HeMt .styles_number__8vX2s:hover svg {
        color: var(--white)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin: 2rem 0
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--multiborder);
        padding-bottom: .6rem;
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_title__jXx_T, .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_datasValues__Uru4R .styles_data__kHY_i .styles_value__17KvU {
        color: var(--white);
        font-size: 1.2rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f {
        display: flex;
        gap: 1rem
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f .styles_buttonData__N6jbG {
        position: relative;
        z-index: 1;
        background-color: var(--yellow-color);
        border: 0;
        border-radius: .5rem;
        color: var(--button-color);
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 1rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f .styles_buttonData__N6jbG:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f .styles_buttonData__N6jbG:hover:before {
        width: 100%
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f .styles_buttonData__N6jbG span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_fieldsInput__JEyFu .styles_mobileSlipeBetButtons__ZjQ2f .styles_clear__FI5XI {
        background: var(--secondary-color);
        color: var(--white)
    }

    .styles_betSlipMobile__auI8u .styles_container__an1fr .styles_content__R1afz .styles_imgContainer__Q5JWs {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1rem
    }
}

.styles_content__AubOA {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    padding: .8rem 1rem;
    gap: 2rem;
    font-size: var(--font-size-md);
    color: var(--white);
    cursor: pointer;
    border-bottom: 1px solid var(--white);
    background: var(--hightlight-background);
    border-color: var(--hightlight-border)
}

.styles_content__AubOA .styles_sportIcon__6JZrl img {
    width: auto;
    height: 2.5rem
}

.styles_content__AubOA .styles_participantsName__zhTDm {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: .1rem
}

.styles_content__AubOA .styles_participantsName__zhTDm .styles_date__A7zWo {
    font-size: calc(var(--font-size-md) - .15rem)
}

.styles_content__AubOA .styles_participantsName__zhTDm .styles_participantContainer__l1NaU {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    font-size: calc(var(--font-size-md) - .15rem)
}

.styles_content__AubOA .styles_participantsName__zhTDm .styles_participantContainer__l1NaU img {
    height: 1.5rem;
    width: 1.5rem
}

.styles_content__AubOA:hover {
    background: var(--secondary-color)
}

.styles_content__rXAAV {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .8rem 1rem;
    gap: 2rem;
    cursor: pointer;
    border-bottom: 1px solid var(--white);
    background: var(--hightlight-background);
    border-color: var(--hightlight-border)
}

.styles_content__rXAAV .styles_leagueIcon__10C8X img, .styles_content__rXAAV .styles_sportIcon__eq4Sp img {
    width: auto;
    height: 2.5rem
}

.styles_content__rXAAV .styles_leagueName__VXgNN {
    width: 100%;
    color: var(--white);
    font-size: var(--font-size-md)
}

.styles_content__rXAAV:hover {
    background: var(--secondary-color)
}

.styles_accordionHighlights__gdUQc {
    border-top: 1px solid #fff
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    background: var(--slidebox);
    border-bottom: 1px solid var(--white);
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-size: 1.3rem;
    padding: 10px
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO .styles_nameIcon__ikwzA {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO .styles_rigth__xtI3C {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO .styles_rigth__xtI3C img {
    width: 24px;
    height: auto
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO .styles_rigth__xtI3C svg {
    color: var(--yellow-color);
    width: 2.4rem;
    height: 2.6rem;
    padding: .4rem
}

.styles_accordionHighlights__gdUQc .styles_accordionTitle__1jahO svg {
    color: var(--yellow-color);
    font-size: 2.5rem
}

.styles_accordionHighlights__gdUQc .styles_accordionLine__fF2J2 {
    border-bottom: 1px solid #fff;
    width: 100%
}

.styles_accordionSport__zaes1 {
    background-color: var(--navigation-sports-item-color);
    border-radius: .5rem
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-bottom: 1px solid var(--multiborder);
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    padding: .8rem 1rem
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W .styles_rigth__LoGJ9 {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W .styles_rigth__LoGJ9 img {
    width: 24px;
    height: auto
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W .styles_rigth__LoGJ9 svg {
    color: #fff;
    font-size: 1.5rem
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W p {
    color: var(--navigation-sports-game-number-color)
}

.styles_accordionSport__zaes1 .styles_accordionTitleSport__ks78W:hover {
    background: var(--primary-color)
}

.styles_accordionSport__zaes1 .styles_accordionLine__QgzIa {
    border-bottom: 1px solid #fff;
    width: 100%
}

.styles_accordionSportItem__nQszo {
    margin-top: 0
}

.styles_accordionSportItem__nQszo .styles_accordionTitleSportItem__mAEaW {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    padding: .8rem 1rem
}

.styles_accordionSportItem__nQszo .styles_accordionTitleSportItem__mAEaW .styles_rigth__xgEnq {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSportItem__nQszo .styles_accordionTitleSportItem__mAEaW .styles_rigth__xgEnq img {
    width: 24px;
    height: auto
}

.styles_accordionSportItem__nQszo .styles_accordionTitleSportItem__mAEaW .styles_rigth__xgEnq svg {
    color: #fff;
    font-size: 1.5rem
}

.styles_accordionSportItem__nQszo .styles_accordionTitleSportItem__mAEaW:hover {
    background: var(--primary-color)
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb {
    border-radius: .5rem;
    margin: 0 2rem
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb > div {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-color);
    cursor: pointer;
    padding: 1rem;
    transition: all .35s ease
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb > div p {
    color: var(--white);
    font-size: 1.2rem;
    transition: all .35s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb > div svg {
    display: none;
    color: var(--yellow-color);
    font-size: 2rem;
    transition: all .35s ease
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb > div > div {
    display: flex;
    align-items: center;
    gap: 0
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb > div > div:hover {
    padding: 0
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:hover {
    padding: 1rem
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:hover p {
    color: var(--yellow-color)
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:hover div {
    display: flex;
    gap: 1rem
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:hover div > svg {
    display: block
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:first-child {
    border-radius: .5rem .5rem 0 0
}

.styles_accordionSportItem__nQszo .styles_sportITemChildreen__LfIKb div:last-child {
    border-radius: 0 0 .5rem .5rem
}

.styles_accordionSportItem__nQszo .styles_accordionLine__fNucj {
    margin-top: 1rem;
    width: 100%
}

.styles_accordionSports__ekEJc {
    border-top: 1px solid #fff
}

.styles_accordionSports__ekEJc .styles_accordionTitle__Lka_L {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    background: var(--slidebox);
    color: #fff;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 10px 10px 5px
}

.styles_accordionSports__ekEJc .styles_accordionTitle__Lka_L .styles_rigth__7RqCX {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSports__ekEJc .styles_accordionTitle__Lka_L .styles_rigth__7RqCX img {
    width: 24px;
    height: auto
}

.styles_accordionSports__ekEJc .styles_accordionTitle__Lka_L .styles_rigth__7RqCX svg {
    color: var(--yellow-color);
    width: 2.4rem;
    height: 2.6rem;
    padding: .4rem 0
}

.styles_accordionSports__ekEJc .styles_accordionTitle__Lka_L svg {
    color: var(--yellow-color);
    font-size: 2.5rem
}

.styles_accordionSports__ekEJc .styles_accordionLine__pzsQx {
    border-bottom: 1px solid #fff;
    width: 100%
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy {
    display: grid;
    grid-template-columns:33% 33% 33%;
    grid-gap: .2rem;
    gap: .2rem
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_subMenuGridItem__UOobQ {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--secondary-color);
    padding: 1rem 0 1rem 1rem;
    cursor: pointer;
    font-size: 1.1rem
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_subMenuGridItem__UOobQ img {
    height: 1.5rem;
    width: 1.5rem
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_subMenuGridItem__UOobQ .styles_titleActive__r9osC {
    color: var(--yellow-color)
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_subMenuGridItem__UOobQ:not(.styles_firstRow__USLEb):hover {
    background: var(--primary-color)
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_firstRow__USLEb {
    background-color: var(--yellow-color);
    background-image: var(--navigation-sports-gradient)
}

.styles_navigationSports__wwvLe .styles_navigationGrid__NIiQy .styles_firstRow__USLEb:hover {
    opacity: .8
}

.styles_navigationSports__wwvLe > :last-child {
    border-bottom: 1px solid #fff
}

@media (max-width: 1500px) {
    .styles_navigationSports__wwvLe {
        overflow-x: auto
    }
}

@media only screen and (max-width: 1024px) {
    .styles_navigationSports__wwvLe {
        display: none
    }

    .styles_navigationSportsMobile__8E4bG {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: var(--body-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 100000;
        overflow-x: auto
    }

    .styles_navigationSportsMobile__8E4bG .styles_container__Kxjzq {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%
    }

    .styles_navigationSportsMobile__8E4bG .styles_container__Kxjzq .styles_content__B4QxK {
        overflow-x: auto;
        padding-bottom: 28rem
    }
}

.styles_footerMenu__XiQ3Q {
    display: none
}

@media screen and (max-width: 993px) {
    .styles_footerMenu__XiQ3Q {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        background-color: var(--background-footer);
        width: 100%;
        height: 7rem;
        padding: 2rem
    }

    .styles_footerMenu__XiQ3Q li {
        list-style: none;
        width: 100%
    }

    .styles_footerMenu__XiQ3Q li .styles_dGrid__phH_3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        transition: all .4s
    }

    .styles_footerMenu__XiQ3Q li .styles_dGrid__phH_3 span {
        transition: all .4s;
        color: var(--white)
    }

    .styles_footerMenu__XiQ3Q li .styles_dGrid__phH_3 span svg {
        color: var(--color-button);
        font-size: 2rem
    }

    .styles_footerMenu__XiQ3Q li .styles_dGrid__phH_3 span img {
        height: 3rem;
        width: auto
    }

    .styles_footerMenu__XiQ3Q li .styles_dGrid__phH_3 .styles_texta__Ar9Hq {
        margin-top: -2px
    }

    .styles_footerMenu__XiQ3Q .styles_headerBartwo__EClAE {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        left: 0;
        right: 0;
        bottom: 1rem;
        background-color: var(--background-color-button);
        width: 60px;
        height: 60px;
        border-radius: 50%
    }

    .styles_footerMenu__XiQ3Q .styles_headerBartwo__EClAE .styles_numItems__rOMpD {
        position: absolute;
        display: flex;
        justify-content: center;
        top: -.5rem;
        right: -.5rem;
        color: var(--black);
        background-color: var(--yellow-color);
        border-radius: 2rem;
        padding: 0 .5rem
    }

    .styles_footerMenu__XiQ3Q .styles_headerBartwo__EClAE .styles_middleButton__gb0Zf {
        min-width: 6rem
    }

    .styles_footerMenu__XiQ3Q .styles_headerBartwo__EClAE .styles_cros__9bcgh svg {
        color: var(--yellow-color);
        font-size: 2rem
    }
}

.styles_header__8C1zK {
    width: 100%;
    background-color: var(--background-color-header);
    padding: 0 0 .5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid var(--color-red);
    min-height: var(--headerThreeMinHeight, unset)
}

.styles_balance__gvaoE, .styles_btns__ZyEZu, .styles_headerMobile__dj_9L {
    display: none
}

@media only screen and (max-width: 1024px) {
    .styles_header__8C1zK {
        min-height: unset
    }

    .styles_balance__gvaoE {
        display: flex;
        color: var(--white);
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 1rem 0
    }

    .styles_balance__gvaoE .styles_balanceContainer__E8n4o span {
        margin-left: 1rem
    }

    .styles_balance__gvaoE span {
        color: var(--color-red)
    }

    .styles_balance__gvaoE svg {
        color: var(--white)
    }

    .styles_balance__gvaoE .styles_link__njBjE {
        display: flex;
        gap: 1rem;
        align-items: center
    }

    .styles_balance__gvaoE .styles_subMenuGridItemButton__fU6WB {
        display: flex;
        width: auto;
        padding: 0 1rem;
        height: 2.3rem;
        gap: .2rem;
        background-color: var(--color-red);
        border-radius: .6rem
    }

    .styles_balance__gvaoE .styles_subMenuGridItemButton__fU6WB a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        font-weight: 400;
        font-size: 1.3rem;
        white-space: nowrap;
        border-radius: .5rem;
        cursor: default;
        width: -moz-fit-content;
        width: fit-content;
        transition: all .35s ease
    }

    .styles_balance__gvaoE .styles_subMenuGridItemButton__fU6WB a svg {
        color: transparent;
        font-size: 3rem
    }

    .styles_balance__gvaoE .styles_subMenuGridItemButton__fU6WB a small {
        color: var(--color-red);
        font-size: 1.3rem
    }

    .styles_btns__ZyEZu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin: 0 auto;
        padding: 1rem 0
    }

    .styles_btns__ZyEZu button {
        position: relative;
        z-index: 1;
        min-width: 5.6rem;
        display: inline-block;
        background: var(--background-color-button);
        border: 0;
        border-radius: 1rem;
        color: var(--color-button);
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 6px 25px 8px;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center
    }

    .styles_btns__ZyEZu button:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_btns__ZyEZu button:hover:before {
        width: 100%
    }

    .styles_btns__ZyEZu button span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block;
        min-width: 5.6rem
    }
}

@media only screen and (max-width: 400px) {
    .styles_balance__gvaoE {
        gap: 3rem
    }

    .styles_balance__gvaoE .styles_balanceContainer__E8n4o {
        display: flex;
        align-items: center;
        flex-direction: column;
        font-weight: 700
    }

    .styles_balance__gvaoE .styles_balanceContainer__E8n4o span {
        font-weight: 400;
        margin-left: 0 !important
    }
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    transition: all .9s;
    height: var(--alt-header-size)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuLeft___B0UQ {
    display: flex;
    align-items: center;
    gap: 2rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuLeft___B0UQ .styles_logoMenu__qAyCR {
    padding: var(--logo-padding-desktop, 1rem);
    width: var(--logo-size, 250px);
    text-align: center
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuLeft___B0UQ .styles_logoMenu__qAyCR a img {
    max-width: 100%;
    max-height: 55px;
    cursor: pointer
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 2rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz svg {
    color: var(--yellow-color);
    cursor: pointer;
    font-size: 2.5rem;
    transition: all .35s ease
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz svg:hover {
    color: var(--yellow-color)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 {
    background-color: green;
    border-radius: .5rem;
    padding: 1rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2:last-child {
    background-color: var(--color-red)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq {
    display: flex;
    width: auto;
    height: 1.6rem;
    gap: .2rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 span, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq span {
    color: var(--white)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 svg, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq svg {
    color: var(--white);
    height: 100%;
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 img, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq img {
    height: 100%;
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 a, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-size: 1.3rem;
    white-space: nowrap;
    border-radius: .5rem;
    cursor: default;
    width: -moz-fit-content;
    width: fit-content;
    transition: all .35s ease
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 a svg, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq a svg {
    color: transparent;
    font-size: 3rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 a:hover, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq a:hover {
    background-color: var(--secondary-color)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 a:hover svg, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq a:hover svg {
    color: var(--yellow-color)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItemButton__MKym2 a small, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_mainMenu__7_lMz .styles_subMenuGridItem__6lvWq a small {
    color: var(--headerTextAlternateColor, var(--color-red));
    font-size: 1.3rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_marquee__uQm6M {
    color: #fff;
    max-width: 45rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_marquee__uQm6M p {
    margin-left: 30rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    margin-left: 1rem;
    width: 14%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje button {
    background-color: var(--color-red);
    border: 0;
    border-radius: 1rem;
    color: var(--white);
    cursor: pointer;
    font-size: 1rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: .2rem 1rem;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y {
    text-align: right
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_small__e3ydM {
    font-size: 10px;
    color: var(--white);
    margin-bottom: 4px;
    display: block
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y h6 {
    font-weight: var(--font-bold-light);
    color: var(--white);
    font-size: 14px;
    line-height: 110%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_button__wAc6Z {
    padding: 8px 20px 10px;
    font-size: 14px;
    font-weight: var(--font-bold-light);
    display: inline-block;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center;
    background: var(--button-one);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_button__wAc6Z:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: all .4s
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_button__wAc6Z:hover:before {
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_button__wAc6Z span {
    z-index: 1;
    position: relative;
    transition: all .4s
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_button__wAc6Z:before {
    background: linear-gradient(114.26deg, #f60 13.41%, #f60 87.24%)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_customDropdown__tGRwx .styles_customDropdownUser__yHSZv {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_customDropdown__tGRwx .styles_customDropdownUser__yHSZv .styles_icons__EgliA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box);
    position: relative
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_items__Sv56Y .styles_customDropdown__tGRwx .styles_customDropdownUser__yHSZv .styles_icons__EgliA svg {
    color: var(--white);
    font-size: 2rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_dashboarSocial__vGS53 {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_dashboarSocial__vGS53 .styles_icons__EgliA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    background: var(--social-box);
    position: relative
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_dashboarSocial__vGS53 .styles_icons__EgliA svg {
    color: #1877f2;
    font-size: 2rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje .styles_dashboarSocial__vGS53 .styles_icons__EgliA .styles_count__hucb4 {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    background: var(--button-one);
    color: var(--white);
    display: block;
    border-radius: 50%;
    font-size: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB {
    position: relative
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 button, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_selector__nQGIb button {
    color: #fff
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 button:after, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_selector__nQGIb button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 50%;
    width: 10px;
    font-size: 14px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 ul, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_selector__nQGIb ul {
    background-color: rgba(245, 244, 255, .229)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 ul li span, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_selector__nQGIb ul li span {
    color: #fff;
    font-size: 14px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_languageWrap__YI5TB .styles_flag__VSqrF {
    position: absolute;
    top: 4px;
    left: 0;
    width: 28px;
    height: 20px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel button {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: transparent;
    border: 0;
    border-radius: 1rem;
    color: var(--color-button);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: var(--font-bold-light);
    overflow: hidden;
    padding: 9px 40px 12px;
    text-transform: capitalize;
    transition: all .3s;
    text-align: center
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel button:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    transition: all .4s
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel button:hover:before {
    width: 100%
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel button span {
    z-index: 1;
    position: relative;
    transition: all .4s;
    display: block
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_buttonNavigation__1m3pO {
    color: var(--color-button);
    background-color: var(--color-red);
    margin-right: .8rem
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_menuBtnGrp___7Sel .styles_buttonNavigationTow__fPB9b {
    background-color: var(--color-red)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB {
    position: relative
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 button, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_selector__nQGIb button {
    color: #fff
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 button:after, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_selector__nQGIb button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 50%;
    width: 10px;
    font-size: 14px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 ul, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_selector__nQGIb ul {
    background-color: rgba(245, 244, 255, .229)
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_nice-select__Dg7v5 ul li span, .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_selector__nQGIb ul li span {
    color: #fff;
    font-size: 14px
}

.styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_languageWrap__YI5TB .styles_flag__VSqrF {
    position: absolute;
    top: 4px;
    left: 0;
    width: 28px;
    height: 20px
}

.styles_parallax__BOlY_ {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    width: 80rem;
    height: 100%;
    margin: 0 0 0 4rem
}

.styles_parallax__BOlY_ .styles_scroller__UnlWY {
    font-weight: var(--font-bold-light);
    text-transform: uppercase;
    align-items: center;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    height: 100%
}

.styles_parallax__BOlY_ span {
    display: block
}

@media screen and (max-width: 1300px) {
    .styles_headerDesktop__zhSAR .styles_content__NcDPr .styles_left__GbtaF .styles_dashboarWrap__KgAje {
        width: 15%
    }
}

.styles_drawerList__xQZF1 {
    background-color: var(--body-color);
    height: 100%;
    height: -webkit-fill-available;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 9.2rem;
    padding: 0
}

.styles_drawerList__xQZF1 .styles_item__dQWif {
    padding: .3rem 0
}

.styles_drawerList__xQZF1 .styles_item__dQWif .styles_box__VPgOE {
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_drawerList__xQZF1 .styles_item__dQWif .styles_box__VPgOE .styles_icon__Di_SD {
    height: 2rem;
    width: auto;
    object-fit: cover
}

.styles_drawerList__xQZF1 .styles_item__dQWif .styles_box__VPgOE .styles_icon__Di_SD svg {
    color: var(--white);
    width: 100%;
    height: 100%
}

.styles_drawerList__xQZF1 .styles_item__dQWif .styles_box__VPgOE .styles_icon__Di_SD img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.styles_drawerList__xQZF1 .styles_listText__mhTwM {
    white-space: nowrap;
    color: var(--color-button)
}

.styles_content__RKtgj {
    background-color: var(--body-color);
    overflow: hidden
}

.styles_content__RKtgj svg {
    color: var(--white)
}

.styles_content__RKtgj .styles_topHeader__U8j6S {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem
}

.styles_content__RKtgj .styles_topHeader__U8j6S .styles_name__pJPf_ {
    color: var(--white)
}

.styles_content__RKtgj .styles_topHeader__U8j6S .styles_link__7w4Xb {
    display: flex;
    align-items: center;
    gap: 2rem
}

.styles_content__RKtgj .styles_topHeader__U8j6S .styles_link__7w4Xb .styles_title__uK0E3 {
    height: 2rem;
    display: flex;
    align-items: center
}

.styles_content__RKtgj .styles_topHeader__U8j6S .styles_link__7w4Xb .styles_title__uK0E3 img {
    height: 2rem;
    width: auto
}

.styles_content__RKtgj .styles_drawerList__HxPWZ {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 {
    padding: .3rem 0;
    margin: 0 auto;
    display: flex
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_bannersGames__8WTfZ {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_bannersGames__8WTfZ img {
    width: 95%;
    height: auto
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_box__quHIF {
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_box__quHIF .styles_icon__eJDkh {
    height: 2rem;
    width: auto;
    object-fit: cover
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_box__quHIF .styles_icon__eJDkh svg {
    color: var(--white);
    width: 100%;
    height: 100%
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_item__NkkR8 .styles_box__quHIF .styles_icon__eJDkh img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.styles_content__RKtgj .styles_drawerList__HxPWZ .styles_listText__u8YnR {
    color: var(--color-button)
}

.styles_headerMobile__YZC_s {
    display: none
}

@media only screen and (max-width: 1024px) {
    .styles_headerMobile__YZC_s {
        display: block;
        width: 100%;
        background-color: var(--header);
        padding: var(--headerThreePaadingMobile, 1.5rem 1rem);
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 99997
    }

    .styles_headerMobile__YZC_s .styles_loginHeaderButtons__LQen4 {
        display: flex;
        gap: .5rem;
        width: 100%
    }

    .styles_headerMobile__YZC_s .styles_loginHeaderButtons__LQen4 .styles_buttonNavigation__ON3xy {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0;
        width: 100%;
        background-color: transparent;
        color: var(--yellow-color);
        border: 1px solid var(--yellow-color);
        border-radius: .3rem
    }

    .styles_headerMobile__YZC_s .styles_loginHeaderButtons__LQen4 .styles_buttonNavigationTow__ScxLw {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: 1rem 0;
        width: 100%;
        background-color: var(--yellow-color);
        color: var(--white);
        border: 1px solid var(--yellow-color);
        border-radius: .3rem
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .MuiPaper-root {
        background-color: var(--body-color)
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_logoMenu__R9fuX .styles_logo__27TDQ {
        display: flex;
        height: 100%
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_logoMenu__R9fuX .styles_logo__27TDQ img {
        max-width: var(--logo-size-mobile, 15rem);
        max-height: var(--logo-height-mobile, 33px);
        cursor: pointer
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC {
        position: relative
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_flag__B6X4q {
        position: absolute;
        top: 4px;
        left: 0;
        width: 28px;
        height: 20px
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_flag__B6X4q img {
        width: 100%;
        height: 100%
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_dashboarWrap__kvhuy {
        display: flex;
        gap: 20px;
        align-items: center
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_dashboarWrap__kvhuy .styles_dashboarSocial__ASntR {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_dashboarWrap__kvhuy .styles_dashboarSocial__ASntR .styles_icons__xHeBl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
        position: relative
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_dashboarWrap__kvhuy .styles_dashboarSocial__ASntR .styles_icons__xHeBl svg {
        color: #1877f2;
        font-size: 2rem
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ .styles_languageWrap__l84iC .styles_dashboarWrap__kvhuy .styles_dashboarSocial__ASntR .styles_icons__xHeBl .styles_count__UlvF4 {
        width: 10px;
        height: 10px;
        text-align: center;
        line-height: 10px;
        background: var(--button-one);
        color: var(--white);
        display: block;
        border-radius: 50%;
        font-size: 8px;
        position: absolute;
        top: 0;
        right: 0
    }

    .styles_headerMobile__YZC_s .styles_contentMobile__ZD_GA .styles_menuBtnGrp__5JcVJ svg {
        color: #fff;
        font-size: 3rem
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 7;
        background: var(--header-color);
        background-color: var(--header) !important;
        border-radius: 0 0 1rem 1rem;
        padding: 5px;
        max-height: calc(100vh - 130px);
        transform-origin: top;
        transition: all .4s !important
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D li {
        background: transparent;
        border-bottom: 1px solid rgba(136, 182, 255, .376);
        border-radius: 5px
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D li a {
        color: var(--white);
        font-weight: var(--font-bold-light);
        font-size: 16px;
        transition: all .3s;
        font-family: Inter, sans-serif;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 10px 12px 11px;
        font-size: var(--font-size-md)
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_btns__bgALY {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1rem
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_btns__bgALY button {
        position: relative;
        z-index: 1;
        display: inline-block;
        background: var(--yellow-color);
        border: 0;
        border-radius: 1rem;
        color: var(--color-button);
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: var(--font-bold-light);
        overflow: hidden;
        padding: 6px 25px 8px;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_btns__bgALY button:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_btns__bgALY button:hover:before {
        width: 100%
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_btns__bgALY button span {
        z-index: 1;
        position: relative;
        transition: all .4s;
        display: block
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy {
        display: flex;
        gap: 20px;
        align-items: center;
        margin-top: .5rem
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy button {
        display: inline-block;
        background: var(--yellow-color);
        border: 0;
        border-radius: 1rem;
        color: var(--color-button);
        font-size: 1.4rem;
        font-weight: var(--font-bold-light);
        padding: .8rem 2rem;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        font-size: var(--font-size-md)
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG {
        text-align: right
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_small__ggu9s {
        font-size: 10px;
        color: var(--white);
        margin-bottom: 4px;
        display: block
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG h6 {
        font-weight: var(--font-bold-light);
        color: var(--white);
        font-size: 14px;
        line-height: 110%
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_button__BtlBa {
        padding: 8px 20px 10px;
        font-size: 14px;
        font-weight: var(--font-bold-light);
        display: inline-block;
        text-transform: capitalize;
        transition: all .3s;
        text-align: center;
        background: var(--button-one);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        z-index: 1
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_button__BtlBa:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .4s
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_button__BtlBa:hover:before {
        width: 100%
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_button__BtlBa span {
        z-index: 1;
        position: relative;
        transition: all .4s
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_button__BtlBa:before {
        background: linear-gradient(114.26deg, #f60 13.41%, #f60 87.24%)
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_customDropdown__GdZ5G .styles_customDropdownUser__lNF4p {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box)
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_customDropdown__GdZ5G .styles_customDropdownUser__lNF4p .styles_icons__xHeBl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 33px;
        background: var(--social-box);
        position: relative
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_items__GP7xG .styles_customDropdown__GdZ5G .styles_customDropdownUser__lNF4p .styles_icons__xHeBl svg {
        color: var(--white);
        font-size: 2rem
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_selectMobile__irEeq {
        position: relative
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_selectMobile__irEeq .styles_flag__B6X4q {
        position: absolute;
        top: 4px;
        left: 0;
        width: 28px;
        height: 20px
    }

    .styles_headerMobile__YZC_s .styles_mainMenuMobile__huL1D .styles_dashboarWrap__kvhuy .styles_selectMobile__irEeq .styles_flag__B6X4q img {
        width: 100%;
        height: 100%
    }
}

.styles_accordionSport___877O {
    background-color: var(--navigation-sports-item-color);
    border-radius: .5rem
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-bottom: 1px solid var(--multiborder);
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    padding: .8rem 1rem
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo .styles_rigth__4IfHn {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo .styles_rigth__4IfHn img {
    width: 24px;
    height: auto
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo .styles_rigth__4IfHn svg {
    color: #fff;
    font-size: 1.5rem
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo p {
    color: var(--navigation-sports-game-number-color)
}

.styles_accordionSport___877O .styles_accordionTitleSport__25fIo:hover {
    background: var(--primary-color)
}

.styles_accordionSport___877O .styles_accordionLine__VsyMM {
    border-bottom: 1px solid #fff;
    width: 100%
}

.styles_accordionSportItem__WUJQ_ {
    margin-top: 0
}

.styles_accordionSportItem__WUJQ_ .styles_accordionTitleSportItem__73e6m {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    padding: .8rem 1rem
}

.styles_accordionSportItem__WUJQ_ .styles_accordionTitleSportItem__73e6m .styles_rigth__OqKD2 {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSportItem__WUJQ_ .styles_accordionTitleSportItem__73e6m .styles_rigth__OqKD2 img {
    width: 24px;
    height: auto
}

.styles_accordionSportItem__WUJQ_ .styles_accordionTitleSportItem__73e6m .styles_rigth__OqKD2 svg {
    color: #fff;
    font-size: 1.5rem
}

.styles_accordionSportItem__WUJQ_ .styles_accordionTitleSportItem__73e6m:hover {
    background: var(--primary-color)
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq {
    border-radius: .5rem;
    margin: 0 2rem
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq > div {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-color);
    cursor: pointer;
    padding: 1rem;
    transition: all .35s ease
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq > div p {
    color: var(--white);
    font-size: 1.2rem;
    transition: all .35s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq > div svg {
    display: none;
    color: var(--yellow-color);
    font-size: 2rem;
    transition: all .35s ease
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq > div > div {
    display: flex;
    align-items: center;
    gap: 0
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq > div > div:hover {
    padding: 0
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:hover {
    padding: 1rem
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:hover p {
    color: var(--yellow-color)
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:hover div {
    display: flex;
    gap: 1rem
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:hover div > svg {
    display: block
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:first-child {
    border-radius: .5rem .5rem 0 0
}

.styles_accordionSportItem__WUJQ_ .styles_sportITemChildreen__zjlvq div:last-child {
    border-radius: 0 0 .5rem .5rem
}

.styles_accordionSportItem__WUJQ_ .styles_accordionLine__v9_HL {
    margin-top: 1rem;
    width: 100%
}

.styles_accordionSports__m2_xG {
    border-top: 1px solid #fff
}

.styles_accordionSports__m2_xG .styles_accordionTitle__t2WlN {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    background: var(--slidebox);
    color: #fff;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 10px 10px 5px
}

.styles_accordionSports__m2_xG .styles_accordionTitle__t2WlN .styles_rigth__7nxCO {
    display: flex;
    align-items: center;
    gap: .5rem
}

.styles_accordionSports__m2_xG .styles_accordionTitle__t2WlN .styles_rigth__7nxCO img {
    width: 24px;
    height: auto
}

.styles_accordionSports__m2_xG .styles_accordionTitle__t2WlN .styles_rigth__7nxCO svg {
    color: var(--yellow-color);
    width: 2.4rem;
    height: 2.6rem;
    padding: .4rem 0
}

.styles_accordionSports__m2_xG .styles_accordionTitle__t2WlN svg {
    color: var(--yellow-color);
    font-size: 2.5rem
}

.styles_accordionSports__m2_xG .styles_accordionLine__OA_Jx {
    border-bottom: 1px solid #fff;
    width: 100%
}

.styles_navigationSportsTwo__qLpcS {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--navigation-sports-two-menu-gap, 2rem);
    border-right: 1px solid var(--color-red);
    height: 100%;
    width: 100%;
    padding: 2rem 2rem 0;
    overflow-y: auto
}

.styles_navigationSportsTwo__qLpcS .styles_boxNavigation__FwsKB {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--color-red);
    border-radius: 1rem;
    padding: 1rem;
    width: 100%
}

.styles_navigationSportsTwo__qLpcS .styles_boxNavigation__FwsKB p {
    display: grid;
    grid-template-columns:35px 1fr;
    align-items: center;
    grid-gap: .3rem;
    gap: .3rem;
    border-bottom: 1px solid var(--color-red);
    color: var(--white);
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 4.5rem;
    width: 100%;
    transition: all .35s ease
}

.styles_navigationSportsTwo__qLpcS .styles_boxNavigation__FwsKB p img {
    max-width: 3rem;
    max-height: 3rem;
    object-fit: cover
}

.styles_navigationSportsTwo__qLpcS .styles_boxNavigation__FwsKB p:hover {
    color: var(--color-red)
}

.styles_navigationSportsTwo__qLpcS .styles_boxNavigation__FwsKB p:last-child {
    border-bottom: initial
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu {
    display: grid;
    grid-template-columns:33% 33% 33%;
    grid-gap: .2rem;
    gap: .2rem
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_subMenuGridItem__4IZDY {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--secondary-color);
    padding: 1rem 0 1rem 1rem;
    cursor: pointer;
    font-size: 1.1rem
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_subMenuGridItem__4IZDY img {
    height: 1.5rem;
    width: 1.5rem
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_subMenuGridItem__4IZDY .styles_titleActive__ot9GP {
    color: var(--yellow-color)
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_subMenuGridItem__4IZDY:not(.styles_firstRow__r8TP4):hover {
    background: var(--primary-color)
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_firstRow__r8TP4 {
    background-color: var(--yellow-color);
    background-image: var(--navigation-sports-gradient)
}

.styles_navigationSportsTwo__qLpcS .styles_navigationGrid__EX4Mu .styles_firstRow__r8TP4:hover {
    opacity: .8
}

.styles_alternatePadding__wF0Sz {
    padding: 0 2rem
}

@media (max-width: 1600px) {
    .styles_navigationSportsTwo__qLpcS {
        overflow-y: auto
    }
}

@media only screen and (max-width: 1024px) {
    .styles_navigationSportsTwo__qLpcS {
        display: none
    }

    .styles_navigationSportsTwoMobile__fLgSK {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: var(--body-color);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 100000;
        overflow-x: auto
    }

    .styles_navigationSportsTwoMobile__fLgSK .styles_container__knzXa {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%
    }

    .styles_navigationSportsTwoMobile__fLgSK .styles_container__knzXa .styles_content__dEENu {
        overflow-y: auto;
        padding-bottom: 28rem
    }
}

/*# sourceMappingURL=81253055a9ba7bd7.css.map*/