:root {
    --breakpointXSmall: 0;
    --breakpointSmall: 480;
    --breakpointMedium: 720;
    --breakpointLarge: 960;
    --breakpointXLarge: 1300;
    --pageMaxWidth: 1300px;
    --rgbColorSky: 30, 175, 252;
    --rgbColorGold: 223, 172, 61;
    --rgbColorBronze: 144, 110, 36;
    --rgbColorGraphite: 81, 81, 81;
    --rgbColorSilver: 202, 202, 202;
    --rgbColorAsh: 245, 245, 245;
    --rgbColorSnow: 255, 255, 255;
    --rgbColorRuby: 214, 75, 60;
    --rgbColorViolet: 155, 89, 223;
    --rgbColorGrass: 93, 181, 102;
    --colorSky: #1eaffc;
    --colorSkyDark: #178bc9;
    --colorGold: #dfac3d;
    --colorGoldDark: #bd9132;
    --colorRuby: #d64b3c;
    --colorRubyDark: #af392c;
    --colorGrass: #5db566;
    --colorGrassDark: #468a4d;
    --colorCoal: #1d1d1b;
    --colorGraphite: #515151;
    --colorAsh: #f5f5f5;
    --colorSnow: #fff;
    --colorSilver: #cacaca;
    --colorViolet: #9b59df;
    --colorBronze: #906e24;
    --colorYellow: #f8e71c;
    --colorLoyalty1: #dc7f00;
    --colorLoyalty2: #a97e50;
    --colorLoyalty3: #ad7922;
    --colorLoyalty4: #5151ce;
    --colorLoyalty5: #1d86c6;
    --colorLoyalty6: #c84b1d;
    --colorLoyalty7: #24a2c6;
    --colorLoyalty8: #bb61cb;
    --colorLoyalty9: #e1b043;
    --colorLoyalty10: #4c4b55;
    --colorBlue1: #f3fcff;
    --colorBlue2: #cfeffe;
    --colorBlue3: #ace2fe;
    --colorBlue4: #89d6fe;
    --colorBlue5: #65c9fd;
    --colorBlue6: #42bcfd;
    --colorBlue7: #1eaffc;
    --colorBlue8: #1ca0e6;
    --colorBlue9: #1b9ce1;
    --colorBlue10: #178ccc;
    --colorBlue11: #1574a6;
    --colorBlue12: #136690;
    --colorBlue13: #11577b;
    --colorBlue14: #0e4865;
    --colorBlue15: #0c3a50;
    --colorBlue16: #0a2b3a;
    --colorYellow1: #fff8eb;
    --colorYellow2: #faebce;
    --colorYellow3: #f4dfb1;
    --colorYellow4: #efd294;
    --colorYellow5: #eac577;
    --colorYellow6: #e4b95a;
    --colorYellow7: #dfac3d;
    --colorYellow8: #ca9b37;
    --colorYellow9: #b48b31;
    --colorYellow10: #9f7a2c;
    --colorYellow11: #896a26;
    --colorYellow12: #745920;
    --colorYellow13: #5e491a;
    --colorYellow14: #493815;
    --colorYellow15: #33280f;
    --colorYellow16: #1e1709;
    --colorGreen1: #3fcb4e;
    --colorGreen2: #5fde6c;
    --colorGreen3: #95ea9e;
    --colorGreen4: #d9f8dc;
    --colorRed1: #ca2b2b;
    --colorRed2: #e03030;
    --colorRed3: #e49595;
    --colorRed4: #e49595;
    --colorGray1: #404040;
    --colorGray2: grey;
    --colorGray3: #bfbfbf;
    --colorGray4: #dadada;
    --colorGray5: #f3f3f3;
    --colorGray6: #fbfbfb;
    --fontRegular: 'Overpass', sans-serif;
    --fontBrand: 'BovineMVB', sans-serif;
    --fontBrandJapanese: 'Overpass', sans-serif;
    --sizeRoot: 16px;
    --lineHeight: 1;
    --fontSmall: 0.8rem;
    --fontLarge: 1.4rem;
    --sizeH1: 3.4rem;
    --sizeH2: 3rem;
    --sizeH3: 2.6rem;
    --sizeH4: 2.2rem;
    --sizeH5: 1.8rem;
    --sizeH6: 1.3rem;
    --spacingSmall: 12px;
    --spacingMedium: 18px;
    --spacingLarge: 24px;
    --spacingXLarge: 30px;
    --indexMain: 1;
    --indexGame: 4;
    --indexSecondaryBar: 100;
    --indexGameRedirect: 102;
    --indexOverlay: 102;
    --indexModal: 103;
    --topBarHeightGameView: 52px;
    --mainBarHeightSmall: 44px;
    --bottomBarDesktopHeight: 60px;
}
/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
*,
:after,
:before {
    border: 0 solid #eaecf0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    --tw-content: '';
}
:host,
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
        Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
body {
    line-height: inherit;
    margin: 0;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #98a2b3;
    opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #98a2b3;
    opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #98a2b3;
    opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #98a2b3;
    opacity: 1;
}
input::placeholder,
textarea::placeholder {
    color: #98a2b3;
    opacity: 1;
}
[role='button'],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    height: auto;
    max-width: 100%;
}
[hidden] {
    display: none;
}
@font-face {
    font-family: Bovine;
    font-weight: 400;
    src: url('../fonts/font-47a87964e8.woff') format('woff');
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(11, 165, 236, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(11, 165, 236, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(11, 165, 236, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
@media (min-width: 375px) {
    .container {
        max-width: 375px;
    }
}
@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}
@media (min-width: 720px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 960px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 1300px;
    }
}
.btn-reset {
    text-align: left;
}
.btn-reset:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.paragraph-button {
    background-color: transparent;
    border-style: none;
    font-weight: 400;
    line-height: 1.5;
    overflow: visible;
    padding: 0;
}
.paragraph-button:focus,
.paragraph-button:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}
.paragraph-button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.bg-dashed {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(66%, #000),
        color-stop(0, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(90deg, #000 66%, hsla(0, 0%, 100%, 0) 0);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 8px 1px;
}
.masked-circle-container {
    height: 1rem;
    overflow: hidden;
    position: relative;
    width: 0.5rem;
}
.masked-circle-left {
    left: -0.5rem;
}
.masked-circle-left,
.masked-circle-right {
    background-image: radial-gradient(transparent 0.5rem, #fff 0);
    height: 1rem;
    position: absolute;
    width: 1rem;
}
.masked-circle-right {
    right: -0.5rem;
}
.container {
    margin: auto;
    max-width: 1300px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
.bg-gradient-scene {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.3)),
        color-stop(8.1%, rgba(0, 0, 0, 0.296)),
        color-stop(15.5%, rgba(0, 0, 0, 0.285)),
        color-stop(22.5%, rgba(0, 0, 0, 0.269)),
        color-stop(29%, rgba(0, 0, 0, 0.247)),
        color-stop(35.3%, rgba(0, 0, 0, 0.222)),
        color-stop(41.2%, rgba(0, 0, 0, 0.194)),
        color-stop(47.1%, rgba(0, 0, 0, 0.165)),
        color-stop(52.9%, rgba(0, 0, 0, 0.135)),
        color-stop(58.8%, rgba(0, 0, 0, 0.106)),
        color-stop(64.7%, rgba(0, 0, 0, 0.078)),
        color-stop(71%, rgba(0, 0, 0, 0.053)),
        color-stop(77.5%, rgba(0, 0, 0, 0.031)),
        color-stop(84.5%, rgba(0, 0, 0, 0.015)),
        color-stop(91.9%, rgba(0, 0, 0, 0.004)),
        to(transparent)
    );
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.3) 0,
        rgba(0, 0, 0, 0.296) 8.1%,
        rgba(0, 0, 0, 0.285) 15.5%,
        rgba(0, 0, 0, 0.269) 22.5%,
        rgba(0, 0, 0, 0.247) 29%,
        rgba(0, 0, 0, 0.222) 35.3%,
        rgba(0, 0, 0, 0.194) 41.2%,
        rgba(0, 0, 0, 0.165) 47.1%,
        rgba(0, 0, 0, 0.135) 52.9%,
        rgba(0, 0, 0, 0.106) 58.8%,
        rgba(0, 0, 0, 0.078) 64.7%,
        rgba(0, 0, 0, 0.053) 71%,
        rgba(0, 0, 0, 0.031) 77.5%,
        rgba(0, 0, 0, 0.015) 84.5%,
        rgba(0, 0, 0, 0.004) 91.9%,
        transparent
    );
}
.text-shadow {
    text-shadow: 0.1rem 0.08rem 0 rgba(0, 0, 0, 0.2);
}
.text-shadow-bovine {
    text-shadow: 0.1em 0.08em 0 rgba(0, 0, 0, 0.2);
}
.text-link {
    --tw-text-opacity: 1;
    color: rgb(11 165 236 / var(--tw-text-opacity));
    cursor: pointer;
}
.gold-badge {
    border: 2px solid #f6cd62;
    -webkit-box-shadow: inset 0 0 2px 0 #c9a13f;
    box-shadow: inset 0 0 2px 0 #c9a13f;
}
.gold-badge,
.gold-check-icon {
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(118, 89, 19, 0)),
            color-stop(104.42%, rgba(129, 96, 17, 0.2))
        ),
        radial-gradient(
            28.81% 54.29% at 26.63% 33.13%,
            hsla(0, 0%, 100%, 0.29) 0,
            hsla(0, 0%, 100%, 0) 100%
        ),
        radial-gradient(82.29% 81.33% at 50% 52.21%, #fecc2b 0, #f1a420 100%);
    background: linear-gradient(
            180deg,
            rgba(118, 89, 19, 0),
            rgba(129, 96, 17, 0.2) 104.42%
        ),
        radial-gradient(
            28.81% 54.29% at 26.63% 33.13%,
            hsla(0, 0%, 100%, 0.29) 0,
            hsla(0, 0%, 100%, 0) 100%
        ),
        radial-gradient(82.29% 81.33% at 50% 52.21%, #fecc2b 0, #f1a420 100%);
    background-blend-mode: multiply, normal, normal;
}
.list-checkmark {
    list-style-image: url('');
    padding-left: 0.5rem;
}
.list-checkmark::marker {
    --tw-text-opacity: 1;
    color: rgb(18 183 106 / var(--tw-text-opacity));
    font-size: 1.25em;
}
.bg-gradient-dark-purple {
    --tw-gradient-from: #53389e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(83, 56, 158, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #7f56d9 var(--tw-gradient-to-position);
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-gold {
    background: linear-gradient(
        145.8deg,
        #fff852 -0.62%,
        #eecd1d 16.59%,
        #d39b0a 101.45%
    );
}
.focus-gray:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgba(208, 213, 221, 0.4);
}
.focus-blue:focus,
.focus-gray:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-blue:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgba(11, 165, 236, 0.3);
}
.focus-red:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgba(240, 68, 56, 0.3);
}
.focus-red:focus,
.focus-yellow:focus {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-yellow:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgba(223, 172, 61, 0.3);
}
.focus-green:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgba(18, 183, 106, 0.3);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.\!visible {
    visibility: visible !important;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.-inset-4 {
    inset: -1rem;
}
.inset-0 {
    inset: 0;
}
.inset-1 {
    inset: 0.25rem;
}
.inset-x-0 {
    left: 0;
    right: 0;
}
.-bottom-1 {
    bottom: -0.25rem;
}
.-bottom-10 {
    bottom: -2.5rem;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-3 {
    bottom: -0.75rem;
}
.-left-1 {
    left: -0.25rem;
}
.-left-2 {
    left: -0.5rem;
}
.-left-20 {
    left: -5rem;
}
.-left-4 {
    left: -1rem;
}
.-left-\[0\.5rem\] {
    left: -0.5rem;
}
.-left-\[1rem\] {
    left: -1rem;
}
.-right-1 {
    right: -0.25rem;
}
.-right-2 {
    right: -0.5rem;
}
.-right-4 {
    right: -1rem;
}
.-right-\[0\.8rem\] {
    right: -0.8rem;
}
.-top-10 {
    top: -2.5rem;
}
.-top-2 {
    top: -0.5rem;
}
.-top-3 {
    top: -0.75rem;
}
.-top-4 {
    top: -1rem;
}
.-top-px {
    top: -1px;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-10 {
    bottom: 2.5rem;
}
.bottom-12 {
    bottom: 3rem;
}
.bottom-16 {
    bottom: 4rem;
}
.bottom-2 {
    bottom: 0.5rem;
}
.bottom-3 {
    bottom: 0.75rem;
}
.bottom-4 {
    bottom: 1rem;
}
.bottom-5 {
    bottom: 1.25rem;
}
.bottom-8 {
    bottom: 2rem;
}
.bottom-\[0\.7rem\] {
    bottom: 0.7rem;
}
.bottom-\[18\%\] {
    bottom: 18%;
}
.bottom-\[40\%\] {
    bottom: 40%;
}
.bottom-\[5\%\] {
    bottom: 5%;
}
.bottom-\[7\%\] {
    bottom: 7%;
}
.bottom-full {
    bottom: 100%;
}
.left-0 {
    left: 0;
}
.left-1 {
    left: 0.25rem;
}
.left-1\/2 {
    left: 50%;
}
.left-3 {
    left: 0.75rem;
}
.left-4 {
    left: 1rem;
}
.left-\[16\%\] {
    left: 16%;
}
.left-\[24\%\] {
    left: 24%;
}
.left-\[30\%\] {
    left: 30%;
}
.left-\[34\%\] {
    left: 34%;
}
.left-\[46\%\] {
    left: 46%;
}
.left-\[50\%\] {
    left: 50%;
}
.left-\[60\%\] {
    left: 60%;
}
.left-\[65\%\] {
    left: 65%;
}
.left-full {
    left: 100%;
}
.right-0 {
    right: 0;
}
.right-1 {
    right: 0.25rem;
}
.right-1\/2 {
    right: 50%;
}
.right-2 {
    right: 0.5rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-6 {
    right: 1.5rem;
}
.right-\[-13px\] {
    right: -13px;
}
.right-full {
    right: 100%;
}
.top-0 {
    top: 0;
}
.top-1 {
    top: 0.25rem;
}
.top-1\/2 {
    top: 50%;
}
.top-1\/5 {
    top: 20%;
}
.top-10 {
    top: 2.5rem;
}
.top-16 {
    top: 4rem;
}
.top-2 {
    top: 0.5rem;
}
.top-3 {
    top: 0.75rem;
}
.top-4 {
    top: 1rem;
}
.top-8 {
    top: 2rem;
}
.top-9 {
    top: 2.25rem;
}
.top-\[-30px\] {
    top: -30px;
}
.top-\[-75\%\] {
    top: -75%;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[58\.8\%\] {
    top: 58.8%;
}
.top-full {
    top: 100%;
}
.isolate {
    isolation: isolate;
}
.-z-10 {
    z-index: -10;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-50 {
    z-index: 50;
}
.z-999 {
    z-index: 999;
}
.z-\[-1\] {
    z-index: -1;
}
.z-\[101\] {
    z-index: 101;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[2\] {
    z-index: 2;
}
.z-\[5\] {
    z-index: 5;
}
.z-\[6\] {
    z-index: 6;
}
.z-bottomBarMobile {
    z-index: 102;
}
.z-mainBar {
    z-index: 100;
}
.z-modal {
    z-index: 103;
}
.z-overlay {
    z-index: 102;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.col-span-full {
    grid-column: 1/-1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-end-1 {
    grid-column-end: 1;
}
.col-end-2 {
    grid-column-end: 2;
}
.col-end-3 {
    grid-column-end: 3;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-end-2 {
    grid-row-end: 2;
}
.clear-both {
    clear: both;
}
.-m-\[2px\] {
    margin: -2px;
}
.m-0 {
    margin: 0;
}
.m-1 {
    margin: 0.25rem;
}
.m-2 {
    margin: 0.5rem;
}
.m-3 {
    margin: 0.75rem;
}
.m-4 {
    margin: 1rem;
}
.m-auto {
    margin: auto;
}
.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-bottom: 0;
    margin-top: 0;
}
.my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.my-2\.5 {
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
}
.my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}
.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.my-\[1em\] {
    margin-bottom: 1em;
    margin-top: 1em;
}
.my-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.-mb-1 {
    margin-bottom: -0.25rem;
}
.-mb-4 {
    margin-bottom: -1rem;
}
.-ml-1 {
    margin-left: -0.25rem;
}
.-ml-4 {
    margin-left: -1rem;
}
.-mr-1 {
    margin-right: -0.25rem;
}
.-mr-4 {
    margin-right: -1rem;
}
.-mt-1 {
    margin-top: -0.25rem;
}
.-mt-2 {
    margin-top: -0.5rem;
}
.-mt-9 {
    margin-top: -2.25rem;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-0\.5 {
    margin-bottom: 0.125rem;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-2\.5 {
    margin-bottom: 0.625rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-32 {
    margin-bottom: 8rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-7 {
    margin-bottom: 1.75rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-\[1em\] {
    margin-bottom: 1em;
}
.ml-0 {
    margin-left: 0;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-3 {
    margin-left: 0.75rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-6 {
    margin-left: 1.5rem;
}
.ml-\[-1rem\] {
    margin-left: -1rem;
}
.ml-\[-3px\] {
    margin-left: -3px;
}
.ml-auto {
    margin-left: auto;
}
.mr-0 {
    margin-right: 0;
}
.mr-0\.5 {
    margin-right: 0.125rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-2\.5 {
    margin-right: 0.625rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-8 {
    margin-right: 2rem;
}
.mr-9 {
    margin-right: 2.25rem;
}
.mr-\[-5px\] {
    margin-right: -5px;
}
.mr-\[0\.5em\] {
    margin-right: 0.5em;
}
.mr-\[3px\] {
    margin-right: 3px;
}
.mr-auto {
    margin-right: auto;
}
.mr-px {
    margin-right: 1px;
}
.mt-0 {
    margin-top: 0;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-1\.5 {
    margin-top: 0.375rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-9 {
    margin-top: 2.25rem;
}
.mt-\[-1rem\] {
    margin-top: -1rem;
}
.mt-\[-52px\] {
    margin-top: -52px;
}
.mt-\[0\.5em\] {
    margin-top: 0.5em;
}
.mt-\[1\.5em\] {
    margin-top: 1.5em;
}
.mt-\[1em\] {
    margin-top: 1em;
}
.mt-\[20\%\] {
    margin-top: 20%;
}
.mt-\[2em\] {
    margin-top: 2em;
}
.mt-\[6\%\] {
    margin-top: 6%;
}
.mt-\[8vw\] {
    margin-top: 8vw;
}
.mt-auto {
    margin-top: auto;
}
.box-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.line-clamp-2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.\!inline {
    display: inline !important;
}
.inline {
    display: inline;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.table {
    display: table;
}
.flow-root {
    display: flow-root;
}
.grid {
    display: grid;
}
.inline-grid {
    display: inline-grid;
}
.hidden {
    display: none;
}
.aspect-4\/3 {
    aspect-ratio: 4/3;
}
.aspect-7\/5 {
    aspect-ratio: 7/5;
}
.aspect-\[3\/1\] {
    aspect-ratio: 3/1;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.aspect-video {
    aspect-ratio: 16/9;
}
.size-8 {
    height: 2rem;
    width: 2rem;
}
.h-0 {
    height: 0;
}
.h-1 {
    height: 0.25rem;
}
.h-1\.5 {
    height: 0.375rem;
}
.h-1\/2 {
    height: 50%;
}
.h-1\/4 {
    height: 25%;
}
.h-10 {
    height: 2.5rem;
}
.h-11 {
    height: 2.75rem;
}
.h-12 {
    height: 3rem;
}
.h-14 {
    height: 3.5rem;
}
.h-15 {
    height: 3.875rem;
}
.h-16 {
    height: 4rem;
}
.h-18 {
    height: 4.5rem;
}
.h-2 {
    height: 0.5rem;
}
.h-2\/3 {
    height: 66.666667%;
}
.h-20 {
    height: 5rem;
}
.h-200 {
    height: 50rem;
}
.h-3 {
    height: 0.75rem;
}
.h-3\/4 {
    height: 75%;
}
.h-3\/5 {
    height: 60%;
}
.h-32 {
    height: 8rem;
}
.h-4 {
    height: 1rem;
}
.h-4\/5 {
    height: 80%;
}
.h-40 {
    height: 10rem;
}
.h-44 {
    height: 11rem;
}
.h-48 {
    height: 12rem;
}
.h-5 {
    height: 1.25rem;
}
.h-52 {
    height: 13rem;
}
.h-6 {
    height: 1.5rem;
}
.h-64 {
    height: 16rem;
}
.h-7 {
    height: 1.75rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-96 {
    height: 24rem;
}
.h-\[0\.1em\] {
    height: 0.1em;
}
.h-\[1\.25em\] {
    height: 1.25em;
}
.h-\[1\.5em\] {
    height: 1.5em;
}
.h-\[1\.75em\] {
    height: 1.75em;
}
.h-\[1\.8em\] {
    height: 1.8em;
}
.h-\[10\%\] {
    height: 10%;
}
.h-\[1000vh\] {
    height: 1000vh;
}
.h-\[110vw\] {
    height: 110vw;
}
.h-\[1em\] {
    height: 1em;
}
.h-\[2\.3em\] {
    height: 2.3em;
}
.h-\[2\.6rem\] {
    height: 2.6rem;
}
.h-\[20vh\] {
    height: 20vh;
}
.h-\[215px\] {
    height: 215px;
}
.h-\[2px\] {
    height: 2px;
}
.h-\[3\.3rem\] {
    height: 3.3rem;
}
.h-\[470px\] {
    height: 470px;
}
.h-\[4em\] {
    height: 4em;
}
.h-\[4px\] {
    height: 4px;
}
.h-\[5\.7rem\] {
    height: 5.7rem;
}
.h-\[50px\] {
    height: 50px;
}
.h-\[50vh\] {
    height: 50vh;
}
.h-\[55px\] {
    height: 55px;
}
.h-\[56\.25vw\] {
    height: 56.25vw;
}
.h-\[68px\] {
    height: 68px;
}
.h-\[70\%\] {
    height: 70%;
}
.h-\[70px\] {
    height: 70px;
}
.h-\[70vh\] {
    height: 70vh;
}
.h-\[72px\] {
    height: 72px;
}
.h-\[74px\] {
    height: 74px;
}
.h-\[85\%\] {
    height: 85%;
}
.h-auto {
    height: auto;
}
.h-dvh {
    height: 100dvh;
}
.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.h-fontSize {
    height: 1em;
}
.h-full {
    height: 100%;
}
.h-inherit {
    height: inherit;
}
.h-max {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
.h-px {
    height: 1px;
}
.h-screen {
    height: 100vh;
}
.max-h-30 {
    max-height: 7.5rem;
}
.max-h-36 {
    max-height: 9rem;
}
.max-h-48 {
    max-height: 12rem;
}
.max-h-52 {
    max-height: 13rem;
}
.max-h-64 {
    max-height: 16rem;
}
.max-h-\[23\.75rem\] {
    max-height: 23.75rem;
}
.max-h-\[4\.5rem\] {
    max-height: 4.5rem;
}
.max-h-\[520px\] {
    max-height: 520px;
}
.max-h-\[55px\] {
    max-height: 55px;
}
.max-h-full {
    max-height: 100%;
}
.max-h-inherit {
    max-height: inherit;
}
.min-h-0 {
    min-height: 0;
}
.min-h-24 {
    min-height: 6rem;
}
.min-h-\[2\.6425rem\] {
    min-height: 2.6425rem;
}
.min-h-\[20\%\] {
    min-height: 20%;
}
.min-h-\[2rem\] {
    min-height: 2rem;
}
.min-h-\[400px\] {
    min-height: 400px;
}
.min-h-\[42px\] {
    min-height: 42px;
}
.min-h-\[44px\] {
    min-height: 44px;
}
.min-h-\[48px\] {
    min-height: 48px;
}
.min-h-\[50vh\] {
    min-height: 50vh;
}
.min-h-\[80vh\] {
    min-height: 80vh;
}
.min-h-\[84px\] {
    min-height: 84px;
}
.min-h-\[85vh\] {
    min-height: 85vh;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.w-0 {
    width: 0;
}
.w-1 {
    width: 0.25rem;
}
.w-1\/2 {
    width: 50%;
}
.w-1\/3 {
    width: 33.333333%;
}
.w-1\/4 {
    width: 25%;
}
.w-1\/5 {
    width: 20%;
}
.w-10 {
    width: 2.5rem;
}
.w-105 {
    width: 26.25rem;
}
.w-11 {
    width: 2.75rem;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-12 {
    width: 3rem;
}
.w-14 {
    width: 3.5rem;
}
.w-16 {
    width: 4rem;
}
.w-160 {
    width: 40rem;
}
.w-18 {
    width: 4.5rem;
}
.w-2 {
    width: 0.5rem;
}
.w-2\.5 {
    width: 0.625rem;
}
.w-2\/3 {
    width: 66.666667%;
}
.w-2\/5 {
    width: 40%;
}
.w-20 {
    width: 5rem;
}
.w-22 {
    width: 5.5rem;
}
.w-24 {
    width: 6rem;
}
.w-26 {
    width: 6.5rem;
}
.w-28 {
    width: 7rem;
}
.w-3 {
    width: 0.75rem;
}
.w-3\/5 {
    width: 60%;
}
.w-32 {
    width: 8rem;
}
.w-4 {
    width: 1rem;
}
.w-4\/5 {
    width: 80%;
}
.w-40 {
    width: 10rem;
}
.w-48 {
    width: 12rem;
}
.w-5 {
    width: 1.25rem;
}
.w-52 {
    width: 13rem;
}
.w-56 {
    width: 14rem;
}
.w-6 {
    width: 1.5rem;
}
.w-60 {
    width: 15rem;
}
.w-64 {
    width: 16rem;
}
.w-7 {
    width: 1.75rem;
}
.w-8 {
    width: 2rem;
}
.w-80 {
    width: 20rem;
}
.w-9 {
    width: 2.25rem;
}
.w-9\/12 {
    width: 75%;
}
.w-96 {
    width: 24rem;
}
.w-\[0\.4rem\] {
    width: 0.4rem;
}
.w-\[10vw\] {
    width: 10vw;
}
.w-\[120\%\] {
    width: 120%;
}
.w-\[168px\] {
    width: 168px;
}
.w-\[1ch\] {
    width: 1ch;
}
.w-\[1em\] {
    width: 1em;
}
.w-\[1px\] {
    width: 1px;
}
.w-\[2\.3em\] {
    width: 2.3em;
}
.w-\[2\.6rem\] {
    width: 2.6rem;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[22rem\] {
    width: 22rem;
}
.w-\[25rem\] {
    width: 25rem;
}
.w-\[26\%\] {
    width: 26%;
}
.w-\[3\.3rem\] {
    width: 3.3rem;
}
.w-\[3\.65rem\] {
    width: 3.65rem;
}
.w-\[30em\] {
    width: 30em;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[327px\] {
    width: 327px;
}
.w-\[32rem\] {
    width: 32rem;
}
.w-\[340px\] {
    width: 340px;
}
.w-\[37\.5rem\] {
    width: 37.5rem;
}
.w-\[44px\] {
    width: 44px;
}
.w-\[480px\] {
    width: 480px;
}
.w-\[5\.5em\] {
    width: 5.5em;
}
.w-\[5\.7rem\] {
    width: 5.7rem;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[68px\] {
    width: 68px;
}
.w-\[7\%\] {
    width: 7%;
}
.w-\[85\%\] {
    width: 85%;
}
.w-\[90\%\] {
    width: 90%;
}
.w-\[94\%\] {
    width: 94%;
}
.w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
}
.w-auto {
    width: auto;
}
.w-dvw {
    width: 100dvw;
}
.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-infinity {
    width: 999999rem;
}
.w-px {
    width: 1px;
}
.w-screen {
    width: 100vw;
}
.min-w-28 {
    min-width: 7rem;
}
.min-w-32 {
    min-width: 8rem;
}
.min-w-64 {
    min-width: 16rem;
}
.min-w-\[1\.3rem\] {
    min-width: 1.3rem;
}
.min-w-\[1\.8em\] {
    min-width: 1.8em;
}
.min-w-\[100px\] {
    min-width: 100px;
}
.min-w-\[18\%\] {
    min-width: 18%;
}
.min-w-\[20px\] {
    min-width: 20px;
}
.min-w-\[3rem\] {
    min-width: 3rem;
}
.min-w-\[66px\] {
    min-width: 66px;
}
.min-w-\[calc\(50\%-1rem\)\] {
    min-width: calc(50% - 1rem);
}
.min-w-full {
    min-width: 100%;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-4xl {
    max-width: 56rem;
}
.max-w-5xl {
    max-width: 64rem;
}
.max-w-64 {
    max-width: 16rem;
}
.max-w-72 {
    max-width: 18rem;
}
.max-w-7xl {
    max-width: 80rem;
}
.max-w-\[11\.5rem\] {
    max-width: 11.5rem;
}
.max-w-\[120px\] {
    max-width: 120px;
}
.max-w-\[1300px\] {
    max-width: 1300px;
}
.max-w-\[16ch\] {
    max-width: 16ch;
}
.max-w-\[17\%\] {
    max-width: 17%;
}
.max-w-\[240px\] {
    max-width: 240px;
}
.max-w-\[25em\] {
    max-width: 25em;
}
.max-w-\[25rem\] {
    max-width: 25rem;
}
.max-w-\[320px\] {
    max-width: 320px;
}
.max-w-\[34em\] {
    max-width: 34em;
}
.max-w-\[40\%\] {
    max-width: 40%;
}
.max-w-\[420px\] {
    max-width: 420px;
}
.max-w-\[46px\] {
    max-width: 46px;
}
.max-w-\[4rem\] {
    max-width: 4rem;
}
.max-w-\[70\%\] {
    max-width: 70%;
}
.max-w-\[75\%\] {
    max-width: 75%;
}
.max-w-\[8\.5rem\] {
    max-width: 8.5rem;
}
.max-w-\[85\%\] {
    max-width: 85%;
}
.max-w-\[8rem\] {
    max-width: 8rem;
}
.max-w-full {
    max-width: 100%;
}
.max-w-lg {
    max-width: 32rem;
}
.max-w-md {
    max-width: 28rem;
}
.max-w-measure {
    max-width: 34em;
}
.max-w-measure-narrow {
    max-width: 20em;
}
.max-w-none {
    max-width: none;
}
.max-w-page {
    max-width: 81.25rem;
}
.max-w-screen-xl {
    max-width: 1300px;
}
.max-w-screen-xs {
    max-width: 375px;
}
.max-w-sm {
    max-width: 24rem;
}
.max-w-xl {
    max-width: 36rem;
}
.max-w-xs {
    max-width: 20rem;
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.basis-0 {
    -ms-flex-preferred-size: 0px;
    flex-basis: 0px;
}
.basis-64 {
    -ms-flex-preferred-size: 16rem;
    flex-basis: 16rem;
}
.border-collapse {
    border-collapse: collapse;
}
.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-left {
    -webkit-transform-origin: left;
    transform-origin: left;
}
.origin-top-left {
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-6 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-6 {
    --tw-translate-x: -1.5rem;
}
.-translate-x-\[50\%\] {
    --tw-translate-x: -50%;
}
.-translate-x-\[50\%\],
.-translate-x-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
    --tw-translate-x: -100%;
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}
.-translate-y-1\/2,
.-translate-y-3\/4 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3\/4 {
    --tw-translate-y: -75%;
}
.-translate-y-\[3\%\] {
    --tw-translate-y: -3%;
}
.-translate-y-\[30\%\],
.-translate-y-\[3\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[30\%\] {
    --tw-translate-y: -30%;
}
.-translate-y-\[640px\] {
    --tw-translate-y: -640px;
}
.-translate-y-\[640px\],
.translate-x-6 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
    --tw-translate-x: 1.5rem;
}
.translate-x-\[10\%\] {
    --tw-translate-x: 10%;
}
.translate-x-\[10\%\],
.translate-y-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
    --tw-translate-y: 0px;
}
.translate-y-1 {
    --tw-translate-y: 0.25rem;
}
.translate-y-1,
.translate-y-1\.5 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\.5 {
    --tw-translate-y: 0.375rem;
}
.translate-y-full {
    --tw-translate-y: 100%;
}
.-rotate-90,
.translate-y-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
    --tw-rotate: -90deg;
}
.rotate-180 {
    --tw-rotate: 180deg;
}
.rotate-180,
.rotate-90 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
    --tw-rotate: 90deg;
}
.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
}
.scale-0,
.scale-75 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
}
.scale-x-\[0\.83\] {
    --tw-scale-x: 0.83;
}
.scale-x-\[0\.83\],
.scale-y-\[0\.65\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-\[0\.65\] {
    --tw-scale-y: 0.65;
}
.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@-webkit-keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.animate-\[shimmer_1s_infinite\] {
    -webkit-animation: shimmer 1s infinite;
    animation: shimmer 1s infinite;
}
@-webkit-keyframes backgroundHighlight {
    0% {
        background-color: rgba(31, 175, 252, 0);
    }
    40% {
        background-color: #1faffc;
    }
    to {
        background-color: rgba(31, 175, 252, 0);
        display: none;
    }
}
@keyframes backgroundHighlight {
    0% {
        background-color: rgba(31, 175, 252, 0);
    }
    40% {
        background-color: #1faffc;
    }
    to {
        background-color: rgba(31, 175, 252, 0);
        display: none;
    }
}
.animate-backgroundHighlight {
    -webkit-animation: backgroundHighlight 1s linear 3.3s;
    animation: backgroundHighlight 1s linear 3.3s;
}
@-webkit-keyframes fadeInText {
    0% {
        opacity: 0;
    }
    95% {
        opacity: 0.01;
    }
    to {
        opacity: 1;
    }
}
.animate-fadeInText {
    -webkit-animation: fadeInText 2s ease-in 0s forwards;
    animation: fadeInText 2s ease-in 0s forwards;
}
@keyframes fadeInText {
    0% {
        opacity: 0;
    }
    95% {
        opacity: 0.01;
    }
    to {
        opacity: 1;
    }
}
.animate-fadeInTextFast {
    -webkit-animation: fadeInText 1s ease-in 0s forwards;
    animation: fadeInText 1s ease-in 0s forwards;
}
@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.animate-fadeUp {
    -webkit-animation: fadeUp 0.5s ease-in-out forwards;
    animation: fadeUp 0.5s ease-in-out forwards;
}
@-webkit-keyframes gameViewLoaderAnimation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes gameViewLoaderAnimation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.animate-gameViewLoaderAnimation {
    -webkit-animation: gameViewLoaderAnimation 1s linear infinite;
    animation: gameViewLoaderAnimation 1s linear infinite;
}
@-webkit-keyframes gradient {
    0% {
        background-position: 100% 50%;
    }
    to {
        background-position: -100% 50%;
    }
}
@keyframes gradient {
    0% {
        background-position: 100% 50%;
    }
    to {
        background-position: -100% 50%;
    }
}
.animate-gradient {
    -webkit-animation: gradient;
    animation: gradient;
}
@-webkit-keyframes progressBarBlue {
    0% {
        background: #0ba5ec;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
@keyframes progressBarBlue {
    0% {
        background: #0ba5ec;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
.animate-progressBarBlue {
    -webkit-animation: progressBarBlue 1s ease forwards;
    animation: progressBarBlue 1s ease forwards;
}
@-webkit-keyframes progressBarWhite {
    0% {
        background: #fff;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
@keyframes progressBarWhite {
    0% {
        background: #fff;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
.animate-progressBarWhite {
    -webkit-animation: progressBarWhite 1s ease forwards;
    animation: progressBarWhite 1s ease forwards;
}
@-webkit-keyframes progressBarYellow {
    0% {
        background: #dfac3d;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
@keyframes progressBarYellow {
    0% {
        background: #dfac3d;
    }
    to {
        background: #12b76a;
        height: 24px;
        width: 24px;
    }
}
.animate-progressBarYellow {
    -webkit-animation: progressBarYellow 1s ease forwards;
    animation: progressBarYellow 1s ease forwards;
}
@-webkit-keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
.animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(1turn) scale(0.85);
        transform: rotate(1turn) scale(0.85);
    }
    to {
        -webkit-transform: rotate(2turn) scale(1);
        transform: rotate(2turn) scale(1);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(1turn) scale(0.85);
        transform: rotate(1turn) scale(0.85);
    }
    to {
        -webkit-transform: rotate(2turn) scale(1);
        transform: rotate(2turn) scale(1);
    }
}
.animate-rotate {
    -webkit-animation: rotate 1.6s cubic-bezier(0.37, 0.1, 0.58, 0.9) infinite;
    animation: rotate 1.6s cubic-bezier(0.37, 0.1, 0.58, 0.9) infinite;
}
@-webkit-keyframes spinDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
    }
}
@keyframes spinDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
    }
}
.animate-spinDown {
    -webkit-animation: spinDown 2s ease-out 0.1s forwards;
    animation: spinDown 2s ease-out 0.1s forwards;
}
@-webkit-keyframes zoom {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes zoom {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.animate-zoom {
    -webkit-animation: zoom 1s ease infinite alternate;
    animation: zoom 1s ease infinite alternate;
}
.cursor-copy {
    cursor: copy;
}
.cursor-pointer {
    cursor: pointer;
}
.touch-auto {
    -ms-touch-action: auto;
    touch-action: auto;
}
.touch-none {
    -ms-touch-action: none;
    touch-action: none;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.resize-none {
    resize: none;
}
.resize {
    resize: both;
}
.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
    scroll-snap-align: start;
}
.scroll-m-6 {
    scroll-margin: 1.5rem;
}
.scroll-p-10 {
    scroll-padding: 2.5rem;
}
.scroll-px-1 {
    scroll-padding-left: 0.25rem;
    scroll-padding-right: 0.25rem;
}
.list-disc {
    list-style-type: disc;
}
.list-none {
    list-style-type: none;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.grid-flow-row {
    grid-auto-flow: row;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.auto-rows-\[120px\] {
    grid-auto-rows: 120px;
}
.auto-rows-\[138px\] {
    grid-auto-rows: 138px;
}
.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-50-50 {
    grid-template-columns: 50% 50%;
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[3rem_1fr\] {
    grid-template-columns: 3rem 1fr;
}
.grid-cols-\[3rem_auto\] {
    grid-template-columns: 3rem auto;
}
.grid-cols-\[auto_1fr_auto_2fr\] {
    grid-template-columns: auto 1fr auto 2fr;
}
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col,
.flex-row {
    -webkit-box-direction: normal;
}
.flex-col {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.place-items-center {
    place-items: center;
}
.content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}
.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.justify-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.justify-stretch {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}
.justify-items-start {
    justify-items: start;
}
.justify-items-end {
    justify-items: end;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-x-2 {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.gap-x-4 {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.gap-y-1 {
    row-gap: 0.25rem;
}
.gap-y-2 {
    row-gap: 0.5rem;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
}
.divide-black\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(0, 0, 0, 0.1);
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(234 236 240 / var(--tw-divide-opacity));
}
.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.self-center {
    -ms-flex-item-align: center;
    align-self: center;
}
.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.justify-self-start {
    justify-self: start;
}
.justify-self-end {
    justify-self: end;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.scroll-smooth {
    scroll-behavior: smooth;
}
.truncate {
    overflow: hidden;
    white-space: nowrap;
}
.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis;
}
.hyphens-auto {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}
.break-words {
    overflow-wrap: break-word;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-\[16px\] {
    border-radius: 16px;
}
.rounded-\[50\%\] {
    border-radius: 50%;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.rounded-b-full {
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
}
.rounded-b-lg,
.rounded-l-lg {
    border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
    border-top-left-radius: 0.5rem;
}
.rounded-l-md {
    border-bottom-left-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
}
.rounded-l-xl {
    border-bottom-left-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}
.rounded-r-md {
    border-bottom-right-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.rounded-r-xl {
    border-bottom-right-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}
.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-\[1px\] {
    border-width: 1px;
}
.border-x {
    border-left-width: 1px;
    border-right-width: 1px;
}
.border-y {
    border-top-width: 1px;
}
.border-b,
.border-y {
    border-bottom-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-b-4 {
    border-bottom-width: 4px;
}
.border-l {
    border-left-width: 1px;
}
.border-l-0 {
    border-left-width: 0;
}
.border-r {
    border-right-width: 1px;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-r-\[0\.2em\] {
    border-right-width: 0.2em;
}
.border-r-\[1px\] {
    border-right-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-\[0\.2em\] {
    border-top-width: 0.2em;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-none {
    border-style: none;
}
.border-\[\#7aff88\] {
    --tw-border-opacity: 1;
    border-color: rgb(122 255 136 / var(--tw-border-opacity));
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
    border-color: hsla(0, 0%, 100%, 0.3);
}
.border-\[rgba\(30\2c 175\2c 252\2c 0\.3\)\] {
    border-color: rgba(30, 175, 252, 0.3);
}
.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-black\/10 {
    border-color: rgba(0, 0, 0, 0.1);
}
.border-black\/20 {
    border-color: rgba(0, 0, 0, 0.2);
}
.border-black\/5 {
    border-color: rgba(0, 0, 0, 0.05);
}
.border-black\/50 {
    border-color: rgba(0, 0, 0, 0.5);
}
.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(11 165 236 / var(--tw-border-opacity));
}
.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(185 230 254 / var(--tw-border-opacity));
}
.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(124 211 253 / var(--tw-border-opacity));
}
.border-blue-50 {
    --tw-border-opacity: 1;
    border-color: rgb(240 249 255 / var(--tw-border-opacity));
}
.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(11 165 236 / var(--tw-border-opacity));
}
.border-blue\/30 {
    border-color: rgba(11, 165, 236, 0.3);
}
.border-gray {
    --tw-border-opacity: 1;
    border-color: rgb(102 112 133 / var(--tw-border-opacity));
}
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(242 244 247 / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(234 236 240 / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(208 213 221 / var(--tw-border-opacity));
}
.border-gray-300\/80 {
    border-color: rgba(208, 213, 221, 0.8);
}
.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-green {
    --tw-border-opacity: 1;
    border-color: rgb(18 183 106 / var(--tw-border-opacity));
}
.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(108 233 166 / var(--tw-border-opacity));
}
.border-purple {
    --tw-border-opacity: 1;
    border-color: rgb(122 90 248 / var(--tw-border-opacity));
}
.border-purple-300 {
    --tw-border-opacity: 1;
    border-color: rgb(189 180 254 / var(--tw-border-opacity));
}
.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(240 68 56 / var(--tw-border-opacity));
}
.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 162 155 / var(--tw-border-opacity));
}
.border-transparent {
    border-color: transparent;
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/20 {
    border-color: hsla(0, 0%, 100%, 0.2);
}
.border-white\/30 {
    border-color: hsla(0, 0%, 100%, 0.3);
}
.border-white\/50 {
    border-color: hsla(0, 0%, 100%, 0.5);
}
.border-white\/80 {
    border-color: hsla(0, 0%, 100%, 0.8);
}
.border-yellow {
    --tw-border-opacity: 1;
    border-color: rgb(223 172 61 / var(--tw-border-opacity));
}
.border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(234 197 119 / var(--tw-border-opacity));
}
.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(223 172 61 / var(--tw-border-opacity));
}
.border-b-blue {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(11 165 236 / var(--tw-border-opacity));
}
.border-b-gray-100 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(242 244 247 / var(--tw-border-opacity));
}
.border-r-transparent {
    border-right-color: transparent;
}
.border-t-\[rgba\(255\2c 255\2c 255\2c 1\)\] {
    border-top-color: #fff;
}
.border-t-\[rgba\(30\2c 175\2c 252\2c 1\)\] {
    border-top-color: #1eaffc;
}
.border-t-current {
    border-top-color: currentColor;
}
.border-opacity-10 {
    --tw-border-opacity: 0.1;
}
.border-opacity-20 {
    --tw-border-opacity: 0.2;
}
.border-opacity-50 {
    --tw-border-opacity: 0.5;
}
.bg-\[\#1B9BE4\]\/70 {
    background-color: rgba(27, 155, 228, 0.7);
}
.bg-\[\#5db566aa\] {
    background-color: #5db566aa;
}
.bg-\[\#D7A20D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(215 162 13 / var(--tw-bg-opacity));
}
.bg-\[\#D7A20D\]\/50 {
    background-color: rgba(215, 162, 13, 0.5);
}
.bg-\[\#f4f5fa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 245 250 / var(--tw-bg-opacity));
}
.bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-\[\#ffffff60\] {
    background-color: #ffffff60;
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/10 {
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-black\/20 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-black\/25 {
    background-color: rgba(0, 0, 0, 0.25);
}
.bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-black\/5 {
    background-color: rgba(0, 0, 0, 0.05);
}
.bg-black\/50 {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-black\/70 {
    background-color: rgba(0, 0, 0, 0.7);
}
.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(11 165 236 / var(--tw-bg-opacity));
}
.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 230 254 / var(--tw-bg-opacity));
}
.bg-blue-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 251 255 / var(--tw-bg-opacity));
}
.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(124 211 253 / var(--tw-bg-opacity));
}
.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(54 191 250 / var(--tw-bg-opacity));
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(11 165 236 / var(--tw-bg-opacity));
}
.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 134 201 / var(--tw-bg-opacity));
}
.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 106 162 / var(--tw-bg-opacity));
}
.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 89 134 / var(--tw-bg-opacity));
}
.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(11 74 111 / var(--tw-bg-opacity));
}
.bg-blue-900\/40 {
    background-color: rgba(11, 74, 111, 0.4);
}
.bg-blue\/10 {
    background-color: rgba(11, 165, 236, 0.1);
}
.bg-blue\/40 {
    background-color: rgba(11, 165, 236, 0.4);
}
.bg-error {
    --tw-bg-opacity: 1;
    background-color: rgb(214 75 60 / var(--tw-bg-opacity));
}
.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(102 112 133 / var(--tw-bg-opacity));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}
.bg-gray-100\/20 {
    background-color: rgba(242, 244, 247, 0.2);
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}
.bg-gray-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 253 / var(--tw-bg-opacity));
}
.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(208 213 221 / var(--tw-bg-opacity));
}
.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(152 162 179 / var(--tw-bg-opacity));
}
.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/50 {
    background-color: rgba(249, 250, 251, 0.5);
}
.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(102 112 133 / var(--tw-bg-opacity));
}
.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 84 103 / var(--tw-bg-opacity));
}
.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 64 84 / var(--tw-bg-opacity));
}
.bg-gray-700\/50 {
    background-color: rgba(52, 64, 84, 0.5);
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 41 57 / var(--tw-bg-opacity));
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 24 40 / var(--tw-bg-opacity));
}
.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}
.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 223 / var(--tw-bg-opacity));
}
.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(166 244 197 / var(--tw-bg-opacity));
}
.bg-green-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 254 249 / var(--tw-bg-opacity));
}
.bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(108 233 166 / var(--tw-bg-opacity));
}
.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(50 213 131 / var(--tw-bg-opacity));
}
.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}
.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}
.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 152 85 / var(--tw-bg-opacity));
}
.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 122 72 / var(--tw-bg-opacity));
}
.bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 96 58 / var(--tw-bg-opacity));
}
.bg-green-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 79 49 / var(--tw-bg-opacity));
}
.bg-inherit {
    background-color: inherit;
}
.bg-logoGray {
    --tw-bg-opacity: 1;
    background-color: rgb(81 81 81 / var(--tw-bg-opacity));
}
.bg-loyalty-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 127 0 / var(--tw-bg-opacity));
}
.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(122 90 248 / var(--tw-bg-opacity));
}
.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}
.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(122 90 248 / var(--tw-bg-opacity));
}
.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}
.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 228 226 / var(--tw-bg-opacity));
}
.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 205 202 / var(--tw-bg-opacity));
}
.bg-red-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 250 / var(--tw-bg-opacity));
}
.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 162 155 / var(--tw-bg-opacity));
}
.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 112 102 / var(--tw-bg-opacity));
}
.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}
.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}
.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 45 32 / var(--tw-bg-opacity));
}
.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(180 35 24 / var(--tw-bg-opacity));
}
.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(145 32 24 / var(--tw-bg-opacity));
}
.bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(122 39 26 / var(--tw-bg-opacity));
}
.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(93 181 102 / var(--tw-bg-opacity));
}
.bg-transparent {
    background-color: transparent;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
    background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.bg-white\/40 {
    background-color: hsla(0, 0%, 100%, 0.4);
}
.bg-white\/60 {
    background-color: hsla(0, 0%, 100%, 0.6);
}
.bg-white\/80 {
    background-color: hsla(0, 0%, 100%, 0.8);
}
.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, 0.9);
}
.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(223 172 61 / var(--tw-bg-opacity));
}
.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 235 206 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 210 148 / var(--tw-bg-opacity));
}
.bg-yellow-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 253 235 / var(--tw-bg-opacity));
}
.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 197 119 / var(--tw-bg-opacity));
}
.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 185 90 / var(--tw-bg-opacity));
}
.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 248 235 / var(--tw-bg-opacity));
}
.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 172 61 / var(--tw-bg-opacity));
}
.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(180 139 49 / var(--tw-bg-opacity));
}
.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(137 106 38 / var(--tw-bg-opacity));
}
.bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 73 26 / var(--tw-bg-opacity));
}
.bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 40 15 / var(--tw-bg-opacity));
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}
.bg-opacity-25 {
    --tw-bg-opacity: 0.25;
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3;
}
.bg-opacity-5 {
    --tw-bg-opacity: 0.05;
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}
.bg-opacity-70 {
    --tw-bg-opacity: 0.7;
}
.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}
.bg-opacity-90 {
    --tw-bg-opacity: 0.9;
}
.bg-\[linear-gradient\(60deg\2c
    rgb\(0_0_0_\/_0\%\)_0\%\2c
    rgb\(0_0_0_\/_30\%\)_80\%\2c
    rgb\(0_0_0_\/_40\%\)_100\%\)\2c
    url\(\'\.\.\/widgets\/LoyaltyInfo\/images\/loyalty\.jpg\'\)\],
.xixi {
    background-image: linear-gradient(
            60deg,
            transparent,
            rgba(0, 0, 0, 0.3) 80%,
            rgba(0, 0, 0, 0.4)
        ),
        url('../images/img-e155b10a5c.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/assets\/bg-login-mobile\.jpg\'\)\] {
    background-image: url('');
}
.bg-\[url\(\'\.\.\/\.\.\/stories\/yds\/assets\/bg\.png\'\)\] {
    background-image: url('');
}
.bg-\[url\(\'\.\.\/widgets\/LoyaltyInfo\/images\/loyalty-mobile\.jpg\'\)\] {
    background-image: url('');
}
.bg-\[url\(\'assets\/lowpoly-pattern\.png\'\)\] {
    background-image: url('');
}
.bg-\[url\(\'https\:\/\/www\.gstatic\.com\/recaptcha\/api2\/logo_48\.png\'\)\] {
    background-image: url('');
}
.bg-\[url\(\.\.\/\.\.\/assets\/lowpoly-pattern-small\.png\)\] {
    background-image: url('');
}
.bg-\[url\(\.\.\/widgets\/gamification\/Badge\/types\/Gingerbread\/assets\/numbers\.png\)\] {
    background-image: url('');
}
.bg-campaign-default-background {
    background-image: url('svg-22ed0dd737.svg');
}
.bg-campaign-default-background-left {
    background-image: url('');
}
.bg-campaign-default-background-right {
    background-image: url('');
}
.bg-cashier-header {
    background-image: url('');
}
.bg-faq-hero-background {
    background-image: url('');
}
.bg-gradient-to-b {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-black\/70 {
    --tw-gradient-from: rgba(0, 0, 0, 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80 {
    --tw-gradient-from: rgba(0, 0, 0, 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/90 {
    --tw-gradient-from: rgba(0, 0, 0, 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue,
.from-blue-500 {
    --tw-gradient-from: #0ba5ec var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(11, 165, 236, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-800 {
    --tw-gradient-from: #065986 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(6, 89, 134, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-300 {
    --tw-gradient-from: #d0d5dd var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(208, 213, 221, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-400 {
    --tw-gradient-from: #98a2b3 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(152, 162, 179, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-100\/10 {
    --tw-gradient-to: rgba(242, 244, 247, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgba(242, 244, 247, 0.1) var(--tw-gradient-via-position),
        var(--tw-gradient-to);
}
.via-gray-100\/50 {
    --tw-gradient-to: rgba(242, 244, 247, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgba(242, 244, 247, 0.5) var(--tw-gradient-via-position),
        var(--tw-gradient-to);
}
.to-black\/0 {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-black\/10 {
    --tw-gradient-to: rgba(0, 0, 0, 0.1) var(--tw-gradient-to-position);
}
.to-black\/20 {
    --tw-gradient-to: rgba(0, 0, 0, 0.2) var(--tw-gradient-to-position);
}
.to-blue-600 {
    --tw-gradient-to: #0086c9 var(--tw-gradient-to-position);
}
.to-blue-900 {
    --tw-gradient-to: #0b4a6f var(--tw-gradient-to-position);
}
.to-gray-500 {
    --tw-gradient-to: #667085 var(--tw-gradient-to-position);
}
.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-contain {
    background-size: contain;
}
.bg-cover {
    background-size: cover;
}
.bg-full {
    background-size: 100%;
}
.bg-bottom {
    background-position: bottom;
}
.bg-center {
    background-position: 50%;
}
.bg-left {
    background-position: 0;
}
.bg-left-bottom {
    background-position: 0 100%;
}
.bg-right-bottom {
    background-position: 100% 100%;
}
.bg-top {
    background-position: top;
}
.bg-repeat {
    background-repeat: repeat;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.fill-white {
    fill: #fff;
}
.stroke-0 {
    stroke-width: 0;
}
.stroke-1 {
    stroke-width: 1;
}
.stroke-2 {
    stroke-width: 2;
}
.stroke-4 {
    stroke-width: 4;
}
.stroke-6 {
    stroke-width: 6;
}
.stroke-8 {
    stroke-width: 8;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.p-0 {
    padding: 0;
}
.p-0\.5 {
    padding: 0.125rem;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-2\.5 {
    padding: 0.625rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[0\.5\%\] {
    padding: 0.5%;
}
.p-\[1vw\] {
    padding: 1vw;
}
.p-\[2px\] {
    padding: 2px;
}
.p-px {
    padding: 1px;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-\[0\.5em\] {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.px-\[1em\] {
    padding-left: 1em;
    padding-right: 1em;
}
.px-\[calc\(0\.78125vw\)\] {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
}
.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
}
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
}
.py-18 {
    padding-bottom: 4.5rem;
    padding-top: 4.5rem;
}
.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.py-\[0\.4rem\] {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
}
.py-\[0\.5em\] {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}
.py-\[18px\] {
    padding-bottom: 18px;
    padding-top: 18px;
}
.py-\[1px\] {
    padding-bottom: 1px;
    padding-top: 1px;
}
.py-\[3em\] {
    padding-bottom: 3em;
    padding-top: 3em;
}
.py-\[3px\] {
    padding-bottom: 3px;
    padding-top: 3px;
}
.py-px {
    padding-bottom: 1px;
    padding-top: 1px;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-16 {
    padding-bottom: 4rem;
}
.pb-18 {
    padding-bottom: 4.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-2\.5 {
    padding-bottom: 0.625rem;
}
.pb-24 {
    padding-bottom: 6rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-32 {
    padding-bottom: 8rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-9 {
    padding-bottom: 2.25rem;
}
.pb-\[10\%\] {
    padding-bottom: 10%;
}
.pb-\[100\%\] {
    padding-bottom: 100%;
}
.pb-\[113\.5\%\] {
    padding-bottom: 113.5%;
}
.pb-\[139\%\] {
    padding-bottom: 139%;
}
.pb-\[141\%\] {
    padding-bottom: 141%;
}
.pb-\[145\%\] {
    padding-bottom: 145%;
}
.pb-\[150\%\] {
    padding-bottom: 150%;
}
.pb-\[154\%\] {
    padding-bottom: 154%;
}
.pb-\[160\%\] {
    padding-bottom: 160%;
}
.pb-\[162\.5\%\] {
    padding-bottom: 162.5%;
}
.pb-\[175\%\] {
    padding-bottom: 175%;
}
.pb-\[20\%\] {
    padding-bottom: 20%;
}
.pb-\[250\%\] {
    padding-bottom: 250%;
}
.pb-\[2px\] {
    padding-bottom: 2px;
}
.pb-\[30\%\] {
    padding-bottom: 30%;
}
.pb-\[319\%\] {
    padding-bottom: 319%;
}
.pb-\[38\%\] {
    padding-bottom: 38%;
}
.pb-\[430\%\] {
    padding-bottom: 430%;
}
.pb-\[64px\] {
    padding-bottom: 64px;
}
.pb-\[85\%\] {
    padding-bottom: 85%;
}
.pb-\[94\.44444445\%\] {
    padding-bottom: 94.44444445%;
}
.pl-0 {
    padding-left: 0;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-10 {
    padding-left: 2.5rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-3 {
    padding-left: 0.75rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-5 {
    padding-left: 1.25rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pl-7 {
    padding-left: 1.75rem;
}
.pl-inherit {
    padding-left: inherit;
}
.pr-0 {
    padding-right: 0;
}
.pr-0\.5 {
    padding-right: 0.125rem;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pr-12 {
    padding-right: 3rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-3 {
    padding-right: 0.75rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-12 {
    padding-top: 3rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-16 {
    padding-top: 4rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-3 {
    padding-top: 0.75rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[10\%\] {
    padding-top: 10%;
}
.pt-\[56px\] {
    padding-top: 56px;
}
.pt-px {
    padding-top: 1px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-start {
    text-align: start;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.font-bovine {
    font-family: Bovine, sans-serif;
}
.text-\[0\.6em\] {
    font-size: 0.6em;
}
.text-\[0\.8125em\] {
    font-size: 0.8125em;
}
.text-\[0\.875rem\] {
    font-size: 0.875rem;
}
.text-\[1\.23vw\] {
    font-size: 1.23vw;
}
.text-\[1\.2em\] {
    font-size: 1.2em;
}
.text-\[1\.2vw\] {
    font-size: 1.2vw;
}
.text-\[1\.5vw\] {
    font-size: 1.5vw;
}
.text-\[10vw\] {
    font-size: 10vw;
}
.text-\[1em\] {
    font-size: 1em;
}
.text-\[1rem\] {
    font-size: 1rem;
}
.text-\[2em\] {
    font-size: 2em;
}
.text-\[2rem\] {
    font-size: 2rem;
}
.text-\[3\.5vw\] {
    font-size: 3.5vw;
}
.text-\[4rem\] {
    font-size: 4rem;
}
.text-body-lg {
    font-size: 18px;
    line-height: 28px;
}
.text-body-md {
    font-size: 16px;
    line-height: 24px;
}
.text-body-sm {
    font-size: 14px;
    line-height: 20px;
}
.text-body-xl {
    font-size: 20px;
    line-height: 30px;
}
.text-body-xs {
    font-size: 12px;
    line-height: 18px;
}
.text-body-xxs {
    font-size: 10px;
    line-height: 16px;
}
.text-display-lg {
    font-size: 48px;
    line-height: 60px;
}
.text-display-md {
    font-size: 36px;
    line-height: 44px;
}
.text-display-sm {
    font-size: 30px;
    line-height: 38px;
}
.text-display-xl {
    font-size: 60px;
    line-height: 72px;
}
.text-display-xs {
    font-size: 24px;
    line-height: 32px;
}
.text-h1 {
    font-size: 124px;
    line-height: 124px;
}
.text-h2 {
    font-size: 80px;
    line-height: 80px;
}
.text-h3 {
    font-size: 48px;
    line-height: 48px;
}
.text-h4 {
    font-size: 36px;
    line-height: 40px;
}
.text-h5 {
    font-size: 32px;
    line-height: 36px;
}
.text-h6 {
    font-size: 28px;
    line-height: 32px;
}
.text-mobile-header {
    font-size: 40px;
    line-height: 40px;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.capitalize {
    text-transform: capitalize;
}
.italic {
    font-style: italic;
}
.leading-4 {
    line-height: 1rem;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-\[1\.5629\] {
    line-height: 1.5629;
}
.leading-none {
    line-height: 1;
}
.leading-normal {
    line-height: 1.5;
}
.tracking-wide {
    letter-spacing: 0.025em;
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/40 {
    color: rgba(0, 0, 0, 0.4);
}
.text-black\/50 {
    color: rgba(0, 0, 0, 0.5);
}
.text-black\/70 {
    color: rgba(0, 0, 0, 0.7);
}
.text-blue,
.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(11 165 236 / var(--tw-text-opacity));
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(0 134 201 / var(--tw-text-opacity));
}
.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(2 106 162 / var(--tw-text-opacity));
}
.text-blue-750 {
    --tw-text-opacity: 1;
    color: rgb(19 102 144 / var(--tw-text-opacity));
}
.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(6 89 134 / var(--tw-text-opacity));
}
.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(11 74 111 / var(--tw-text-opacity));
}
.text-blue\/10 {
    color: rgba(11, 165, 236, 0.1);
}
.text-current {
    color: currentColor;
}
.text-error {
    --tw-text-opacity: 1;
    color: rgb(214 75 60 / var(--tw-text-opacity));
}
.text-gray {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity));
}
.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(242 244 247 / var(--tw-text-opacity));
}
.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(234 236 240 / var(--tw-text-opacity));
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(208 213 221 / var(--tw-text-opacity));
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(152 162 179 / var(--tw-text-opacity));
}
.text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity));
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(71 84 103 / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(52 64 84 / var(--tw-text-opacity));
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(16 24 40 / var(--tw-text-opacity));
}
.text-green {
    --tw-text-opacity: 1;
    color: rgb(18 183 106 / var(--tw-text-opacity));
}
.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(2 122 72 / var(--tw-text-opacity));
}
.text-inherit {
    color: inherit;
}
.text-logoGray {
    --tw-text-opacity: 1;
    color: rgb(81 81 81 / var(--tw-text-opacity));
}
.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(89 37 220 / var(--tw-text-opacity));
}
.text-red {
    --tw-text-opacity: 1;
    color: rgb(240 68 56 / var(--tw-text-opacity));
}
.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(249 112 102 / var(--tw-text-opacity));
}
.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 68 56 / var(--tw-text-opacity));
}
.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(180 35 24 / var(--tw-text-opacity));
}
.text-transparent {
    color: transparent;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/50 {
    color: hsla(0, 0%, 100%, 0.5);
}
.text-white\/70 {
    color: hsla(0, 0%, 100%, 0.7);
}
.text-white\/75 {
    color: hsla(0, 0%, 100%, 0.75);
}
.text-white\/80 {
    color: hsla(0, 0%, 100%, 0.8);
}
.text-yellow,
.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(223 172 61 / var(--tw-text-opacity));
}
.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(180 139 49 / var(--tw-text-opacity));
}
.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(137 106 38 / var(--tw-text-opacity));
}
.text-opacity-30 {
    --tw-text-opacity: 0.3;
}
.text-opacity-60 {
    --tw-text-opacity: 0.6;
}
.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}
.placeholder-gray-500::-webkit-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 112 133 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 112 133 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 112 133 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 112 133 / var(--tw-placeholder-opacity));
}
.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(102 112 133 / var(--tw-placeholder-opacity));
}
.opacity-0 {
    opacity: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
}
.shadow,
.shadow-2xl {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
    --tw-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
    --tw-shadow-colored: 0px 24px 48px -12px var(--tw-shadow-color);
}
.shadow-3xl {
    --tw-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    --tw-shadow-colored: 0px 32px 64px -12px var(--tw-shadow-color);
}
.shadow-3xl,
.shadow-lg {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
        0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color),
        0px 12px 16px -4px var(--tw-shadow-color);
}
.shadow-md {
    --tw-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06),
        0px 4px 8px -2px rgba(16, 24, 40, 0.1);
    --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color),
        0px 4px 8px -2px var(--tw-shadow-color);
}
.shadow-md,
.shadow-progressBar {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-progressBar {
    --tw-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
    --tw-shadow-colored: inset 1px 1px 3px var(--tw-shadow-color);
}
.shadow-sm {
    --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06),
        0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color),
        0px 1px 3px 0px var(--tw-shadow-color);
}
.shadow-sm,
.shadow-table {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-table {
    --tw-shadow: -100px 100px 150px 0px #3440541f;
    --tw-shadow-colored: -100px 100px 150px 0px var(--tw-shadow-color);
}
.shadow-xl {
    --tw-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03),
        0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    --tw-shadow-colored: 0px 8px 8px -4px var(--tw-shadow-color),
        0px 20px 24px -4px var(--tw-shadow-color);
}
.shadow-xl,
.shadow-xs {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xs {
    --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
}
.shadow-black\/30 {
    --tw-shadow-color: rgba(0, 0, 0, 0.3);
    --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring,
.ring-1 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-2,
.ring-4 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-blue-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
}
.ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(242 244 247 / var(--tw-ring-opacity));
}
.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(234 236 240 / var(--tw-ring-opacity));
}
.ring-gray-200\/50 {
    --tw-ring-color: rgba(234, 236, 240, 0.5);
}
.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(208 213 221 / var(--tw-ring-opacity));
}
.ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 228 226 / var(--tw-ring-opacity));
}
.ring-yellow {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(223 172 61 / var(--tw-ring-opacity));
}
.ring-offset-0 {
    --tw-ring-offset-width: 0px;
}
.blur {
    --tw-blur: blur(8px);
}
.blur,
.blur-sm {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
    --tw-blur: blur(4px);
}
.brightness-50 {
    --tw-brightness: brightness(0.5);
}
.brightness-50,
.brightness-75 {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-75 {
    --tw-brightness: brightness(0.75);
}
.drop-shadow-\[0_0_5px_rgba\(0_0_0_\/_80\%\)\] {
    --tw-drop-shadow: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}
.drop-shadow-\[0_0_5px_rgba\(0_0_0_\/_80\%\)\],
.drop-shadow-md {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07))
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}
.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
}
.backdrop-blur,
.backdrop-blur-lg {
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
}
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
}
.backdrop-blur-md,
.backdrop-blur-sm {
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.transition {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: color, background-color, border-color, fill,
        stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow,
        -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke,
        opacity, -webkit-text-decoration-color, -webkit-box-shadow,
        -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter, -webkit-text-decoration-color,
        -webkit-box-shadow, -webkit-transform, -webkit-filter,
        -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-\[width\] {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-opacity {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-shadow {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-width {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-100 {
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.duration-1000 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.duration-200 {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.duration-300 {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.duration-3000 {
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
}
.duration-500 {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.duration-700 {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.ease-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
    will-change: transform;
}
@-webkit-keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        -webkit-transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
        transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
    }
}
@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        -webkit-transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
        transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
    }
}
@-webkit-keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        -webkit-transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
        transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
    }
}
@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        -webkit-transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
        transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
    }
}
.animate-in {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-name: enter;
    animation-name: enter;
}
.fade-in {
    --tw-enter-opacity: 0;
}
.duration-100 {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
}
.duration-1000 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.duration-200 {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
.duration-300 {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.duration-3000 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.duration-500 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.duration-700 {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}
.ease-in {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.ease-out {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.paused {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.direction-alternate {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.repeat-infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.mask-r-4 {
    -webkit-mask-image: linear-gradient(
            to right,
            transparent,
            transparent 0,
            #000 16px
        ),
        var(--mask-scroll-space);
    mask-image: linear-gradient(to right, transparent, transparent 0, #000 16px),
        var(--mask-scroll-space);
}
.mask-l-4,
.mask-r-4 {
    --mask-scroll-space: none;
}
.mask-l-4 {
    -webkit-mask-image: linear-gradient(
            to left,
            transparent,
            transparent 0,
            #000 16px
        ),
        var(--mask-scroll-space);
    mask-image: linear-gradient(to left, transparent, transparent 0, #000 16px),
        var(--mask-scroll-space);
}
.mask-x-2 {
    -webkit-mask-image: linear-gradient(
        270deg,
        transparent 0,
        #000 8px,
        #000 calc(100% - 8px),
        transparent
    );
    mask-image: linear-gradient(
        270deg,
        transparent 0,
        #000 8px,
        #000 calc(100% - 8px),
        transparent
    );
}
.mask-x-2,
.mask-x-4 {
    --mask-scroll-space: none;
}
.mask-x-4 {
    -webkit-mask-image: linear-gradient(
        270deg,
        transparent 0,
        #000 16px,
        #000 calc(100% - 16px),
        transparent
    );
    mask-image: linear-gradient(
        270deg,
        transparent 0,
        #000 16px,
        #000 calc(100% - 16px),
        transparent
    );
}
.mask-y-4 {
    --mask-scroll-space: none;
    -webkit-mask-image: linear-gradient(
        0deg,
        transparent 0,
        #000 16px,
        #000 calc(100% - 16px),
        transparent
    );
    mask-image: linear-gradient(
        0deg,
        transparent 0,
        #000 16px,
        #000 calc(100% - 16px),
        transparent
    );
}
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}
.\[background-position-x\:_0\] {
    background-position-x: 0;
}
.\[background-position-x\:_1\.9\%\] {
    background-position-x: 1.9%;
}
.\[background-position-x\:_11\.9\%\] {
    background-position-x: 11.9%;
}
.\[background-position-x\:_16\.3\%\] {
    background-position-x: 16.3%;
}
.\[background-position-x\:_22\.9\%\] {
    background-position-x: 22.9%;
}
.\[background-position-x\:_23\.1\%\] {
    background-position-x: 23.1%;
}
.\[background-position-x\:_31\.3\%\] {
    background-position-x: 31.3%;
}
.\[background-position-x\:_33\.7\%\] {
    background-position-x: 33.7%;
}
.\[background-position-x\:_39\.05\%\] {
    background-position-x: 39.05%;
}
.\[background-position-x\:_44\.4\%\] {
    background-position-x: 44.4%;
}
.\[background-position-x\:_46\.5\%\] {
    background-position-x: 46.5%;
}
.\[background-position-x\:_53\.6\%\] {
    background-position-x: 53.6%;
}
.\[background-position-x\:_55\.9\%\] {
    background-position-x: 55.9%;
}
.\[background-position-x\:_61\.3\%\] {
    background-position-x: 61.3%;
}
.\[background-position-x\:_66\%\] {
    background-position-x: 66%;
}
.\[background-position-x\:_69\.2\%\] {
    background-position-x: 69.2%;
}
.\[background-position-x\:_75\.7\%\] {
    background-position-x: 75.7%;
}
.\[background-position-x\:_77\.7\%\] {
    background-position-x: 77.7%;
}
.\[background-position-x\:_8\.54\%\] {
    background-position-x: 8.54%;
}
.\[background-position-x\:_82\.8\%\] {
    background-position-x: 82.8%;
}
.\[background-position-x\:_88\.4\%\] {
    background-position-x: 88.4%;
}
.\[background-position-x\:_91\%\] {
    background-position-x: 91%;
}
.\[background-position-x\:_99\%\] {
    background-position-x: 99%;
}
.\[background-position-x\:_99\.7\%\] {
    background-position-x: 99.7%;
}
.\[background-size\:_auto_100\%\] {
    background-size: auto 100%;
}
.\[background-size\:_auto_200\%\] {
    background-size: auto 200%;
}
.\[clip-path\:polygon\(10\%_0\%\2c
    100\%_0\2c
    100\%_100\%\2c
    10\%_100\%\2c
    0\%_50\%\)\] {
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
}
.\[grid-template-columns\:_repeat\(auto-fit\2c _minmax\(168px\2c _1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}
.\[grid-template-columns\:_repeat\(auto-fit\2c _minmax\(256px\2c _1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
}
.\[origin\:\%s\] {
    origin: %s;
}
.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:bottom-0:before {
    bottom: 0;
    content: var(--tw-content);
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:right-0:before {
    content: var(--tw-content);
    right: 0;
}
.before\:top-0:before {
    content: var(--tw-content);
    top: 0;
}
.before\:h-1\/2:before {
    content: var(--tw-content);
    height: 50%;
}
.before\:h-\[70\%\]:before {
    content: var(--tw-content);
    height: 70%;
}
.before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
}
.before\:w-\[1\%\]:before {
    content: var(--tw-content);
    width: 1%;
}
.before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
}
.before\:max-w-\[1000px\]:before {
    content: var(--tw-content);
    max-width: 1000px;
}
.before\:bg-gray-600:before {
    --tw-bg-opacity: 1;
    background-color: rgb(71 84 103 / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.before\:bg-\[url\(\'\.\.\/widgets\/WelcomeOffer\/welcome-offer\.png\'\)\]:before {
    background-image: url('../images/img-10b7124659.png');
    content: var(--tw-content);
}
.before\:bg-gaming-profile-gradient:before {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#f9fafb),
        color-stop(40%, rgba(249, 250, 251, 0.3)),
        color-stop(70%, rgb(249 250 251/5%)),
        to(rgba(249, 250, 251, 0))
    );
    background-image: linear-gradient(
        0deg,
        #f9fafb,
        rgba(249, 250, 251, 0.3) 40%,
        rgb(249 250 251/5%) 70%,
        rgba(249, 250, 251, 0)
    );
    content: var(--tw-content);
}
.before\:bg-contain:before {
    background-size: contain;
    content: var(--tw-content);
}
.before\:bg-center:before {
    background-position: 50%;
    content: var(--tw-content);
}
.before\:bg-right-bottom:before {
    background-position: 100% 100%;
    content: var(--tw-content);
}
.before\:bg-no-repeat:before {
    background-repeat: no-repeat;
    content: var(--tw-content);
}
.before\:content-\[\'\'\]:before {
    --tw-content: '';
    content: var(--tw-content);
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:-bottom-2:after {
    bottom: -0.5rem;
    content: var(--tw-content);
}
.after\:left-2:after {
    content: var(--tw-content);
    left: 0.5rem;
}
.after\:block:after {
    content: var(--tw-content);
    display: block;
}
.after\:h-\[0\.1rem\]:after {
    content: var(--tw-content);
    height: 0.1rem;
}
.after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
}
.after\:w-11:after {
    content: var(--tw-content);
    width: 2.75rem;
}
.after\:w-\[95\%\]:after {
    content: var(--tw-content);
    width: 95%;
}
.after\:bg-gray-300:after {
    --tw-bg-opacity: 1;
    background-color: rgb(208 213 221 / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.first\:mt-2:first-child {
    margin-top: 0.5rem;
}
.first\:rounded-l:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.first\:rounded-l-sm:first-child {
    border-bottom-left-radius: 0.125rem;
    border-top-left-radius: 0.125rem;
}
.first\:border-t-0:first-child {
    border-top-width: 0;
}
.first\:pl-4:first-child {
    padding-left: 1rem;
}
.first\:text-left:first-child {
    text-align: left;
}
.last\:rounded-r:last-child {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.last\:rounded-r-sm:last-child {
    border-bottom-right-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}
.last\:border-b-0:last-child {
    border-bottom-width: 0;
}
.last\:pr-4:last-child {
    padding-right: 1rem;
}
.odd\:bg-gray-50:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.odd\:bg-opacity-10:nth-child(odd) {
    --tw-bg-opacity: 0.1;
}
.last-of-type\:border-0:last-of-type {
    border-width: 0;
}
.hover\:rotate-\[1080deg\]:hover {
    --tw-rotate: 1080deg;
}
.hover\:rotate-\[1080deg\]:hover,
.hover\:scale-105:hover {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
}
.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}
.hover\:scale-110:hover,
.hover\:scale-\[95\%\]:hover {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[95\%\]:hover {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
}
.hover\:scale-\[99\%\]:hover {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-blue-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(240 249 255 / var(--tw-border-opacity));
}
.hover\:border-blue-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(2 106 162 / var(--tw-border-opacity));
}
.hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(234 236 240 / var(--tw-border-opacity));
}
.hover\:border-gray-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.hover\:border-yellow-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(180 139 49 / var(--tw-border-opacity));
}
.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(11 165 236 / var(--tw-bg-opacity));
}
.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(2 106 162 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white\/10:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
}
.hover\:bg-white\/90:hover {
    background-color: hsla(0, 0%, 100%, 0.9);
}
.hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 139 49 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1;
}
.hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4;
}
.hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05;
}
.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(2 106 162 / var(--tw-text-opacity));
}
.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(6 89 134 / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(152 162 179 / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(52 64 84 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.hover\:opacity-80:hover {
    opacity: 0.8;
}
.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
}
.hover\:shadow-lg:hover,
.hover\:shadow:hover {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
    --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
        0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color),
        0px 12px 16px -4px var(--tw-shadow-color);
}
.hover\:ring-yellow-600:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(180 139 49 / var(--tw-ring-opacity));
}
.focus\:bg-black:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.focus\:bg-blue-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}
.focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4;
}
.focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05;
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:ring-4:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
}
.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(185 230 254 / var(--tw-ring-opacity));
}
.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(234 236 240 / var(--tw-ring-opacity));
}
.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(208 213 221 / var(--tw-ring-opacity));
}
.focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(223 172 61 / var(--tw-ring-opacity));
}
.focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3;
}
.focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4;
}
.disabled\:border-blue-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(185 230 254 / var(--tw-border-opacity));
}
.disabled\:border-blue-25:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(245 251 255 / var(--tw-border-opacity));
}
.disabled\:border-gray-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(234 236 240 / var(--tw-border-opacity));
}
.disabled\:border-yellow-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(239 210 148 / var(--tw-border-opacity));
}
.disabled\:bg-blue-200:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(185 230 254 / var(--tw-bg-opacity));
}
.disabled\:bg-blue-25:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(245 251 255 / var(--tw-bg-opacity));
}
.disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.disabled\:bg-yellow:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(223 172 61 / var(--tw-bg-opacity));
}
.disabled\:bg-yellow-200:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(239 210 148 / var(--tw-bg-opacity));
}
.disabled\:text-blue-300:disabled {
    --tw-text-opacity: 1;
    color: rgb(124 211 253 / var(--tw-text-opacity));
}
.disabled\:text-gray-300:disabled {
    --tw-text-opacity: 1;
    color: rgb(208 213 221 / var(--tw-text-opacity));
}
.disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(152 162 179 / var(--tw-text-opacity));
}
.disabled\:text-white:disabled {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.disabled\:opacity-100:disabled {
    opacity: 1;
}
.disabled\:ring-yellow:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(223 172 61 / var(--tw-ring-opacity));
}
.group:nth-child(odd) .group-odd\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:visible {
    visibility: visible;
}
@-webkit-keyframes pulse-icon {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes pulse-icon {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.group:hover .group-hover\:animate-pulse-icon {
    -webkit-animation: pulse-icon 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: pulse-icon 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.group:hover .group-hover\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}
.group:focus .group-focus\:visible {
    visibility: visible;
}
.group:focus .group-focus\:ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.group:focus .group-focus\:ring-1,
.group:focus .group-focus\:ring-4 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.group:focus .group-focus\:ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.group:focus .group-focus\:ring-blue-500\/30 {
    --tw-ring-color: rgba(11, 165, 236, 0.3);
}
.group:focus .group-focus\:ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(208 213 221 / var(--tw-ring-opacity));
}
.group:active .group-active\:visible {
    visibility: visible;
}
.group[data-state='closed'] .group-\[\[data-state\=closed\]\]\:rotate-0 {
    --tw-rotate: 0deg;
}
.group[data-state='closed'] .group-\[\[data-state\=closed\]\]\:rotate-0,
.group[data-state='open'] .group-\[\[data-state\=open\]\]\:rotate-180 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-state='open'] .group-\[\[data-state\=open\]\]\:rotate-180 {
    --tw-rotate: 180deg;
}
.peer:checked ~ .peer-checked\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(11 165 236 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(0 134 201 / var(--tw-text-opacity));
}
.peer:checked ~ .peer-checked\:ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(11 165 236 / var(--tw-ring-opacity));
}
.peer:checked ~ .peer-checked\:ring-blue-500\/30 {
    --tw-ring-color: rgba(11, 165, 236, 0.3);
}
.peer:focus ~ .peer-focus\:ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.peer:focus ~ .peer-focus\:ring-blue-500\/30 {
    --tw-ring-color: rgba(11, 165, 236, 0.3);
}
.peer:focus ~ .peer-focus\:after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.peer:focus ~ .peer-focus\:after\:-inset-\[10px\]:after {
    content: var(--tw-content);
    inset: -10px;
}
.peer:focus ~ .peer-focus\:after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content);
}
.peer:focus ~ .peer-focus\:after\:border-4:after {
    border-width: 4px;
    content: var(--tw-content);
}
.peer:focus ~ .peer-focus\:after\:border-blue-100:after {
    --tw-border-opacity: 1;
    border-color: rgb(224 242 254 / var(--tw-border-opacity));
    content: var(--tw-content);
}
.peer:focus ~ .peer-focus\:after\:content-\[\"\"\]:after {
    --tw-content: '';
    content: var(--tw-content);
}
.has-\[\:focus\]\:border-blue-300:has(:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(124 211 253 / var(--tw-border-opacity));
}
.has-\[\:focus\]\:ring-4:has(:focus) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.has-\[\:focus\]\:ring-blue-100:has(:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
}
.data-\[state\=checked\]\:translate-x-4[data-state='checked'] {
    --tw-translate-x: 1rem;
}
.data-\[state\=checked\]\:translate-x-4[data-state='checked'],
.data-\[state\=checked\]\:translate-x-5[data-state='checked'] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-5[data-state='checked'] {
    --tw-translate-x: 1.25rem;
}
@-webkit-keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height);
    }
    to {
        height: 0;
    }
}
@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height);
    }
    to {
        height: 0;
    }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state='closed'] {
    -webkit-animation: accordion-up 0.2s ease-out;
    animation: accordion-up 0.2s ease-out;
}
@-webkit-keyframes accordion-down {
    0% {
        height: 0;
    }
    to {
        height: var(--radix-accordion-content-height);
    }
}
@keyframes accordion-down {
    0% {
        height: 0;
    }
    to {
        height: var(--radix-accordion-content-height);
    }
}
.data-\[state\=open\]\:animate-accordion-down[data-state='open'] {
    -webkit-animation: accordion-down 0.2s ease-out;
    animation: accordion-down 0.2s ease-out;
}
.data-\[state\=checked\]\:bg-blue-700[data-state='checked'] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 106 162 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-green-700[data-state='checked'] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 122 72 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-red-700[data-state='checked'] {
    --tw-bg-opacity: 1;
    background-color: rgb(180 35 24 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-yellow-700[data-state='checked'] {
    --tw-bg-opacity: 1;
    background-color: rgb(137 106 38 / var(--tw-bg-opacity));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
}
@media (min-width: 480px) {
    .sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .sm\:mt-8 {
        margin-top: 2rem;
    }
    .sm\:h-10 {
        height: 2.5rem;
    }
    .sm\:h-11 {
        height: 2.75rem;
    }
    .sm\:h-12 {
        height: 3rem;
    }
    .sm\:h-16 {
        height: 4rem;
    }
    .sm\:h-3 {
        height: 0.75rem;
    }
    .sm\:h-4 {
        height: 1rem;
    }
    .sm\:h-5 {
        height: 1.25rem;
    }
    .sm\:h-6 {
        height: 1.5rem;
    }
    .sm\:h-7 {
        height: 1.75rem;
    }
    .sm\:h-8 {
        height: 2rem;
    }
    .sm\:h-9 {
        height: 2.25rem;
    }
    .sm\:h-fontSize {
        height: 1em;
    }
    .sm\:h-full {
        height: 100%;
    }
    .sm\:w-3 {
        width: 0.75rem;
    }
    .sm\:w-5 {
        width: 1.25rem;
    }
    .sm\:min-w-32 {
        min-width: 8rem;
    }
    .sm\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sm\:gap-2 {
        gap: 0.5rem;
    }
    .sm\:gap-4 {
        gap: 1rem;
    }
    .sm\:stroke-0 {
        stroke-width: 0;
    }
    .sm\:stroke-1 {
        stroke-width: 1;
    }
    .sm\:stroke-2 {
        stroke-width: 2;
    }
    .sm\:stroke-4 {
        stroke-width: 4;
    }
    .sm\:stroke-6 {
        stroke-width: 6;
    }
    .sm\:stroke-8 {
        stroke-width: 8;
    }
    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .sm\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .sm\:text-body-md {
        font-size: 16px;
        line-height: 24px;
    }
    .sm\:text-body-sm {
        font-size: 14px;
        line-height: 20px;
    }
    .sm\:text-body-xs {
        font-size: 12px;
        line-height: 18px;
    }
    .sm\:font-semibold {
        font-weight: 600;
    }
}
@media (min-width: 720px) {
    .md\:relative {
        position: relative;
    }
    .md\:left-4 {
        left: 1rem;
    }
    .md\:right-4 {
        right: 1rem;
    }
    .md\:right-\[-30px\] {
        right: -30px;
    }
    .md\:top-32 {
        top: 8rem;
    }
    .md\:top-\[60px\] {
        top: 60px;
    }
    .md\:order-none {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .md\:col-start-1 {
        grid-column-start: 1;
    }
    .md\:col-start-2 {
        grid-column-start: 2;
    }
    .md\:col-start-3 {
        grid-column-start: 3;
    }
    .md\:col-end-2 {
        grid-column-end: 2;
    }
    .md\:col-end-3 {
        grid-column-end: 3;
    }
    .md\:col-end-4 {
        grid-column-end: 4;
    }
    .md\:row-start-1 {
        grid-row-start: 1;
    }
    .md\:row-end-1 {
        grid-row-end: 1;
    }
    .md\:m-14 {
        margin: 3.5rem;
    }
    .md\:m-4 {
        margin: 1rem;
    }
    .md\:m-8 {
        margin: 2rem;
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .md\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-16 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }
    .md\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem;
    }
    .md\:my-32 {
        margin-bottom: 8rem;
        margin-top: 8rem;
    }
    .md\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mb-12 {
        margin-bottom: 3rem;
    }
    .md\:mb-16 {
        margin-bottom: 4rem;
    }
    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .md\:mb-8 {
        margin-bottom: 2rem;
    }
    .md\:ml-1 {
        margin-left: 0.25rem;
    }
    .md\:ml-2 {
        margin-left: 0.5rem;
    }
    .md\:ml-4 {
        margin-left: 1rem;
    }
    .md\:mr-0 {
        margin-right: 0;
    }
    .md\:mr-16 {
        margin-right: 4rem;
    }
    .md\:mr-2 {
        margin-right: 0.5rem;
    }
    .md\:mr-4 {
        margin-right: 1rem;
    }
    .md\:mr-\[2em\] {
        margin-right: 2em;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mt-12 {
        margin-top: 3rem;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:mt-2 {
        margin-top: 0.5rem;
    }
    .md\:mt-4 {
        margin-top: 1rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:mt-9 {
        margin-top: 2.25rem;
    }
    .md\:mt-\[5em\] {
        margin-top: 5em;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:h-10 {
        height: 2.5rem;
    }
    .md\:h-11 {
        height: 2.75rem;
    }
    .md\:h-12 {
        height: 3rem;
    }
    .md\:h-16 {
        height: 4rem;
    }
    .md\:h-2 {
        height: 0.5rem;
    }
    .md\:h-3 {
        height: 0.75rem;
    }
    .md\:h-4 {
        height: 1rem;
    }
    .md\:h-5 {
        height: 1.25rem;
    }
    .md\:h-6 {
        height: 1.5rem;
    }
    .md\:h-7 {
        height: 1.75rem;
    }
    .md\:h-8 {
        height: 2rem;
    }
    .md\:h-9 {
        height: 2.25rem;
    }
    .md\:h-\[1\.3rem\] {
        height: 1.3rem;
    }
    .md\:h-\[17rem\] {
        height: 17rem;
    }
    .md\:h-\[640px\] {
        height: 640px;
    }
    .md\:h-\[84px\] {
        height: 84px;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-fontSize {
        height: 1em;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:max-h-200 {
        max-height: 50rem;
    }
    .md\:max-h-56 {
        max-height: 14rem;
    }
    .md\:max-h-\[738px\] {
        max-height: 738px;
    }
    .md\:min-h-\[24em\] {
        min-height: 24em;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-1\/3 {
        width: 33.333333%;
    }
    .md\:w-2\/5 {
        width: 40%;
    }
    .md\:w-3 {
        width: 0.75rem;
    }
    .md\:w-36 {
        width: 9rem;
    }
    .md\:w-40 {
        width: 10rem;
    }
    .md\:w-5 {
        width: 1.25rem;
    }
    .md\:w-8\/12 {
        width: 66.666667%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
    .md\:w-96 {
        width: 24rem;
    }
    .md\:w-\[193px\] {
        width: 193px;
    }
    .md\:w-\[2px\] {
        width: 2px;
    }
    .md\:w-\[340px\] {
        width: 340px;
    }
    .md\:w-\[5\.5rem\] {
        width: 5.5rem;
    }
    .md\:w-\[560px\] {
        width: 560px;
    }
    .md\:w-\[85vw\] {
        width: 85vw;
    }
    .md\:w-\[944px\] {
        width: 944px;
    }
    .md\:w-\[calc\(50\%-1rem\)\] {
        width: calc(50% - 1rem);
    }
    .md\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .md\:min-w-32 {
        min-width: 8rem;
    }
    .md\:max-w-2xl {
        max-width: 42rem;
    }
    .md\:max-w-5xl {
        max-width: 64rem;
    }
    .md\:max-w-\[15\%\] {
        max-width: 15%;
    }
    .md\:max-w-\[500px\] {
        max-width: 500px;
    }
    .md\:max-w-\[550px\] {
        max-width: 550px;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:max-w-measure {
        max-width: 34em;
    }
    .md\:max-w-xs {
        max-width: 20rem;
    }
    .md\:flex-\[3\] {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
    }
    .md\:flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .md\:basis-\[425px\] {
        -ms-flex-preferred-size: 425px;
        flex-basis: 425px;
    }
    .md\:basis-\[519px\] {
        -ms-flex-preferred-size: 519px;
        flex-basis: 519px;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-25-50-25 {
        grid-template-columns: 25% 50% 25%;
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr;
    }
    .md\:grid-rows-100 {
        grid-template-rows: 100%;
    }
    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .md\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .md\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .md\:flex-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .md\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .md\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .md\:gap-10 {
        gap: 2.5rem;
    }
    .md\:gap-12 {
        gap: 3rem;
    }
    .md\:gap-2 {
        gap: 0.5rem;
    }
    .md\:gap-3 {
        gap: 0.75rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-x-4 {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    .md\:gap-y-2 {
        row-gap: 0.5rem;
    }
    .md\:self-auto {
        -ms-flex-item-align: auto;
        align-self: auto;
    }
    .md\:whitespace-nowrap {
        white-space: nowrap;
    }
    .md\:rounded {
        border-radius: 0.25rem;
    }
    .md\:rounded-2xl {
        border-radius: 1rem;
    }
    .md\:rounded-lg {
        border-radius: 0.5rem;
    }
    .md\:border-b-0 {
        border-bottom-width: 0;
    }
    .md\:bg-\[url\(\'\.\.\/\.\.\/assets\/bg-login\.jpg\'\)\] {
        background-image: url('');
    }
    .md\:bg-\[length\:350px\] {
        background-size: 350px;
    }
    .md\:bg-contain {
        background-size: contain;
    }
    .md\:bg-cover {
        background-size: cover;
    }
    .md\:bg-fixed {
        background-attachment: fixed;
    }
    .md\:bg-bottom {
        background-position: bottom;
    }
    .md\:bg-center {
        background-position: 50%;
    }
    .md\:bg-no-repeat {
        background-repeat: no-repeat;
    }
    .md\:stroke-0 {
        stroke-width: 0;
    }
    .md\:stroke-1 {
        stroke-width: 1;
    }
    .md\:stroke-2 {
        stroke-width: 2;
    }
    .md\:stroke-4 {
        stroke-width: 4;
    }
    .md\:stroke-6 {
        stroke-width: 6;
    }
    .md\:stroke-8 {
        stroke-width: 8;
    }
    .md\:p-0 {
        padding: 0;
    }
    .md\:p-3 {
        padding: 0.75rem;
    }
    .md\:p-4 {
        padding: 1rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .md\:py-1 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }
    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .md\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
    }
    .md\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .md\:py-22 {
        padding-bottom: 5.5rem;
        padding-top: 5.5rem;
    }
    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .md\:py-\[0\.45rem\] {
        padding-bottom: 0.45rem;
        padding-top: 0.45rem;
    }
    .md\:pb-12 {
        padding-bottom: 3rem;
    }
    .md\:pb-16 {
        padding-bottom: 4rem;
    }
    .md\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .md\:pb-4 {
        padding-bottom: 1rem;
    }
    .md\:pb-8 {
        padding-bottom: 2rem;
    }
    .md\:pb-\[10\%\] {
        padding-bottom: 10%;
    }
    .md\:pb-\[2em\] {
        padding-bottom: 2em;
    }
    .md\:pl-2 {
        padding-left: 0.5rem;
    }
    .md\:pl-4 {
        padding-left: 1rem;
    }
    .md\:pr-12 {
        padding-right: 3rem;
    }
    .md\:pr-20 {
        padding-right: 5rem;
    }
    .md\:pt-0 {
        padding-top: 0;
    }
    .md\:pt-12 {
        padding-top: 3rem;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:pt-2 {
        padding-top: 0.5rem;
    }
    .md\:pt-32 {
        padding-top: 8rem;
    }
    .md\:pt-\[2em\] {
        padding-top: 2em;
    }
    .md\:pt-\[5\%\] {
        padding-top: 5%;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-right {
        text-align: right;
    }
    .md\:text-start {
        text-align: start;
    }
    .md\:text-\[1\.5em\] {
        font-size: 1.5em;
    }
    .md\:text-\[1em\] {
        font-size: 1em;
    }
    .md\:text-\[2em\] {
        font-size: 2em;
    }
    .md\:text-\[3em\] {
        font-size: 3em;
    }
    .md\:text-body-md {
        font-size: 16px;
        line-height: 24px;
    }
    .md\:text-body-sm {
        font-size: 14px;
        line-height: 20px;
    }
    .md\:text-body-xl {
        font-size: 20px;
        line-height: 30px;
    }
    .md\:text-body-xs {
        font-size: 12px;
        line-height: 18px;
    }
    .md\:text-display-2xl {
        font-size: 72px;
        line-height: 90px;
    }
    .md\:text-display-lg {
        font-size: 48px;
        line-height: 60px;
    }
    .md\:text-display-md {
        font-size: 36px;
        line-height: 44px;
    }
    .md\:text-display-xl {
        font-size: 60px;
        line-height: 72px;
    }
    .md\:text-display-xs {
        font-size: 24px;
        line-height: 32px;
    }
    .md\:text-h3 {
        font-size: 48px;
        line-height: 48px;
    }
    .md\:text-h4 {
        font-size: 36px;
        line-height: 40px;
    }
    .md\:text-h5 {
        font-size: 32px;
        line-height: 36px;
    }
    .md\:text-h6 {
        font-size: 28px;
        line-height: 32px;
    }
    .md\:font-bold {
        font-weight: 700;
    }
    .md\:font-semibold {
        font-weight: 600;
    }
    .md\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
    .md\:opacity-80 {
        opacity: 0.8;
    }
    .md\:shadow-lg {
        --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
            0px 12px 16px -4px rgba(16, 24, 40, 0.08);
        --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color),
            0px 12px 16px -4px var(--tw-shadow-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .before\:md\:w-\[65\%\]:before {
        content: var(--tw-content);
        width: 65%;
    }
    .md\:before\:w-\[0\%\]:before {
        content: var(--tw-content);
        width: 0;
    }
    .md\:first\:pl-8:first-child {
        padding-left: 2rem;
    }
    .md\:last\:pr-8:last-child {
        padding-right: 2rem;
    }
    .group:hover .md\:group-hover\:visible {
        visibility: visible;
    }
    .group:hover .md\:group-hover\:blur-sm {
        --tw-blur: blur(4px);
        -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
            var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
            var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
            var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
            var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
}
@media (min-width: 960px) {
    .lg\:right-36 {
        right: 9rem;
    }
    .lg\:my-0 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .lg\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:mb-4 {
        margin-bottom: 1rem;
    }
    .lg\:ml-2 {
        margin-left: 0.5rem;
    }
    .lg\:mt-16 {
        margin-top: 4rem;
    }
    .lg\:mt-\[6\.5em\] {
        margin-top: 6.5em;
    }
    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:h-10 {
        height: 2.5rem;
    }
    .lg\:h-11 {
        height: 2.75rem;
    }
    .lg\:h-12 {
        height: 3rem;
    }
    .lg\:h-16 {
        height: 4rem;
    }
    .lg\:h-2 {
        height: 0.5rem;
    }
    .lg\:h-3 {
        height: 0.75rem;
    }
    .lg\:h-4 {
        height: 1rem;
    }
    .lg\:h-5 {
        height: 1.25rem;
    }
    .lg\:h-6 {
        height: 1.5rem;
    }
    .lg\:h-7 {
        height: 1.75rem;
    }
    .lg\:h-8 {
        height: 2rem;
    }
    .lg\:h-9 {
        height: 2.25rem;
    }
    .lg\:h-\[7\.5rem\] {
        height: 7.5rem;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:h-fontSize {
        height: 1em;
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:w-3 {
        width: 0.75rem;
    }
    .lg\:w-5 {
        width: 1.25rem;
    }
    .lg\:w-\[28rem\] {
        width: 28rem;
    }
    .lg\:w-\[412px\] {
        width: 412px;
    }
    .lg\:w-\[7\.5rem\] {
        width: 7.5rem;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:min-w-32 {
        min-width: 8rem;
    }
    .lg\:max-w-3xl {
        max-width: 48rem;
    }
    .lg\:max-w-5xl {
        max-width: 64rem;
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .lg\:flex-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .lg\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .lg\:gap-2 {
        gap: 0.5rem;
    }
    .lg\:gap-24 {
        gap: 6rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:border-r {
        border-right-width: 1px;
    }
    .lg\:bg-\[length\:550px\] {
        background-size: 550px;
    }
    .lg\:stroke-0 {
        stroke-width: 0;
    }
    .lg\:stroke-1 {
        stroke-width: 1;
    }
    .lg\:stroke-2 {
        stroke-width: 2;
    }
    .lg\:stroke-4 {
        stroke-width: 4;
    }
    .lg\:stroke-6 {
        stroke-width: 6;
    }
    .lg\:stroke-8 {
        stroke-width: 8;
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:pt-0 {
        padding-top: 0;
    }
    .lg\:text-\[1\.6666667vw\] {
        font-size: 1.6666667vw;
    }
    .lg\:text-\[3rem\] {
        font-size: 3rem;
    }
    .lg\:text-body-md {
        font-size: 16px;
        line-height: 24px;
    }
    .lg\:text-body-sm {
        font-size: 14px;
        line-height: 20px;
    }
    .lg\:text-body-xs {
        font-size: 12px;
        line-height: 18px;
    }
    .lg\:text-h6 {
        font-size: 28px;
        line-height: 32px;
    }
    .lg\:font-bold {
        font-weight: 700;
    }
    .lg\:font-semibold {
        font-weight: 600;
    }
}
@media (min-width: 1300px) {
    .xl\:left-\[75\%\] {
        left: 75%;
    }
    .xl\:h-10 {
        height: 2.5rem;
    }
    .xl\:h-11 {
        height: 2.75rem;
    }
    .xl\:h-12 {
        height: 3rem;
    }
    .xl\:h-16 {
        height: 4rem;
    }
    .xl\:h-3 {
        height: 0.75rem;
    }
    .xl\:h-4 {
        height: 1rem;
    }
    .xl\:h-5 {
        height: 1.25rem;
    }
    .xl\:h-6 {
        height: 1.5rem;
    }
    .xl\:h-7 {
        height: 1.75rem;
    }
    .xl\:h-8 {
        height: 2rem;
    }
    .xl\:h-9 {
        height: 2.25rem;
    }
    .xl\:h-\[65em\] {
        height: 65em;
    }
    .xl\:h-fontSize {
        height: 1em;
    }
    .xl\:h-full {
        height: 100%;
    }
    .xl\:w-160 {
        width: 40rem;
    }
    .xl\:w-3 {
        width: 0.75rem;
    }
    .xl\:w-5 {
        width: 1.25rem;
    }
    .xl\:w-\[65vw\] {
        width: 65vw;
    }
    .xl\:min-w-32 {
        min-width: 8rem;
    }
    .xl\:max-w-5xl {
        max-width: 64rem;
    }
    .xl\:gap-2 {
        gap: 0.5rem;
    }
    .xl\:gap-4 {
        gap: 1rem;
    }
    .xl\:bg-cover {
        background-size: cover;
    }
    .xl\:stroke-0 {
        stroke-width: 0;
    }
    .xl\:stroke-1 {
        stroke-width: 1;
    }
    .xl\:stroke-2 {
        stroke-width: 2;
    }
    .xl\:stroke-4 {
        stroke-width: 4;
    }
    .xl\:stroke-6 {
        stroke-width: 6;
    }
    .xl\:stroke-8 {
        stroke-width: 8;
    }
    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .xl\:text-\[0\.8vw\] {
        font-size: 0.8vw;
    }
    .xl\:text-\[21px\] {
        font-size: 21px;
    }
    .xl\:text-body-md {
        font-size: 16px;
        line-height: 24px;
    }
    .xl\:text-body-sm {
        font-size: 14px;
        line-height: 20px;
    }
    .xl\:text-body-xs {
        font-size: 12px;
        line-height: 18px;
    }
    .xl\:font-semibold {
        font-weight: 600;
    }
}
@media (min-width: 720px) {
    @media (orientation: landscape) {
        .md\:landscape\:text-\[0\.8125em\] {
            font-size: 0.8125em;
        }
    }
}
.\[\&\:not\(\:first-child\)\]\:mb-\[-5px\]:not(:first-child) {
    margin-bottom: -5px;
}
.\[\&\:not\(\:first-child\)\]\:mt-\[5px\]:not(:first-child) {
    margin-top: 5px;
}
.\[\&\>a\]\:whitespace-nowrap > a {
    white-space: nowrap;
}
.\[\&\>a\]\:text-white > a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\>a\]\:underline > a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.\[\&\>a\]\:focus\:text-gray-100:focus > a,
.\[\&\>a\]\:hover\:text-gray-100:hover > a {
    --tw-text-opacity: 1;
    color: rgb(242 244 247 / var(--tw-text-opacity));
}
@font-face {
    font-display: fallback;
    font-family: BovineMVB;
    src: url('../fonts/font-47a87964e8.woff') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 400;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: italic;
    font-weight: 400;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 500;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: italic;
    font-weight: 500;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 600;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: italic;
    font-weight: 600;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: normal;
    font-weight: 700;
    src: url('') format('woff2'), url('') format('woff');
}
@font-face {
    font-family: Overpass;
    font-style: italic;
    font-weight: 700;
    src: url('') format('woff2'), url('') format('woff');
}
html {
    -webkit-font-smoothing: antialiased;
    font-size: var(--sizeRoot);
    text-rendering: geometricPrecision;
}
body {
    --tw-text-opacity: 1;
    color: rgb(52 64 84 / var(--tw-text-opacity));
    font-family: var(--fontRegular);
    font-size: 1rem;
    line-height: var(--lineHeight);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}
h1 {
    font-size: var(--sizeH1);
}
h2 {
    font-size: var(--sizeH2);
}
h3 {
    font-size: var(--sizeH3);
}
h4 {
    font-size: var(--sizeH4);
}
h5 {
    font-size: var(--sizeH5);
}
h6 {
    font-size: var(--sizeH6);
    font-weight: 500;
}
p {
    font-size: 1rem;
    line-height: 1.1;
    margin: 0 0 0.5em;
}
a {
    color: var(--colorSky);
}
body {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
#fc_frame {
    bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
}
@media (min-width: 720px) {
    #fc_frame {
        bottom: calc(env(safe-area-inset-bottom) + 70px) !important;
    }
}
#fc_frame:not(.fc-open) {
    z-index: 98 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-transition: background-color 5000000s ease-in-out 0s;
    transition: background-color 5000000s ease-in-out 0s;
}
#qc-cmp2-main {
    pointer-events: auto;
}
.UserLoyaltyLevel-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 5px;
    position: relative;
}
.UserLoyaltyLevel-containerFullSize {
    height: 100%;
    width: 100%;
}
.UserLoyaltyLevel-borderRadiusOverflowHiddenFix {
    -webkit-mask-image: url('');
}
.UserLoyaltyLevel-backgroundBase {
    border-radius: 50%;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.UserLoyaltyLevel-backgroundTransparent {
    height: 85%;
    width: 85%;
}
.UserLoyaltyLevel-backgroundCampaign {
    background-color: #c9362f;
    height: 100%;
    width: 100%;
}
.UserLoyaltyLevel-segmentBackground {
    height: 100%;
    width: 100%;
}
.UserLoyaltyLevel-segment1 {
    background-color: var(--colorLoyalty1);
}
.UserLoyaltyLevel-segment2 {
    background-color: var(--colorLoyalty2);
}
.UserLoyaltyLevel-segment3 {
    background-color: var(--colorLoyalty3);
}
.UserLoyaltyLevel-segment4 {
    background-color: var(--colorLoyalty4);
}
.UserLoyaltyLevel-segment5 {
    background-color: var(--colorLoyalty5);
}
.UserLoyaltyLevel-segment6 {
    background-color: var(--colorLoyalty6);
}
.UserLoyaltyLevel-segment7 {
    background-color: var(--colorLoyalty7);
}
.UserLoyaltyLevel-segment8 {
    background-color: var(--colorLoyalty8);
}
.UserLoyaltyLevel-segment9 {
    background-color: var(--colorLoyalty9);
}
.UserLoyaltyLevel-segment10 {
    background-color: var(--colorLoyalty10);
}
.UserLoyaltyLevel-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2.2em;
    justify-content: center;
    position: relative;
    width: 2.2em;
}
@media (min-width: 720px) {
    .UserLoyaltyLevel-content {
        height: 2.3em;
        width: 2.3em;
    }
}
.UserLoyaltyLevel-progressCircle {
    height: 85%;
    left: 50%;
    padding: 0.5%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%;
}
.UserLoyaltyLevel-progressCircleCampaign {
    height: 100%;
    padding: 3%;
    width: 100%;
}
.UserLoyaltyLevel-labelWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: var(--colorSnow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2px;
    position: relative;
}
.UserLoyaltyLevel-label {
    font-size: 0.3em;
    line-height: 1.3em;
}
.UserLoyaltyLevel-labelWrapperCampaign {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 100px;
    height: 77.5%;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: 77.5%;
}
.UserLoyaltyLevel-labelCampaign {
    font-size: 0.5em;
    font-weight: 700;
    padding: 0.4em 0.3em;
    text-transform: uppercase;
}
.UserLoyaltyLevel-dateCampaign {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    align-items: center;
    background-color: var(--colorSnow);
    color: var(--colorGraphite);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.6em;
    font-weight: 700;
    justify-content: center;
}
@media (min-width: 720px) {
    .UserLoyaltyLevel-dateCampaign {
        font-size: 0.7em;
    }
}
.UserLoyaltyLevel-rewardIndicator {
    font-size: 8px;
    position: absolute;
    right: 12.5%;
    top: 12.5%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 1;
}
.UserLoyaltyLevel-animationBase {
    -webkit-filter: blur(0);
    filter: blur(0);
    will-change: transform;
}
.UserLoyaltyLevel-levelUpAnimationStart {
    -webkit-animation: UserLoyaltyLevel-levelUpAnimationStart 1s
        cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: UserLoyaltyLevel-levelUpAnimationStart 1s
        cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.UserLoyaltyLevel-levelUpAnimationMid {
    -webkit-animation: UserLoyaltyLevel-levelUpAnimationMid 0.3s linear forwards;
    animation: UserLoyaltyLevel-levelUpAnimationMid 0.3s linear forwards;
}
.UserLoyaltyLevel-levelUpAnimationEnd {
    -webkit-animation: UserLoyaltyLevel-levelUpAnimationEnd 0.2s
        cubic-bezier(0, 0.035, 0.195, 1);
    animation: UserLoyaltyLevel-levelUpAnimationEnd 0.2s
        cubic-bezier(0, 0.035, 0.195, 1);
}
@-webkit-keyframes UserLoyaltyLevel-levelUpAnimationStart {
    0%,
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
    50% {
        -webkit-transform: translateY(10px) scale(1.5);
        transform: translateY(10px) scale(1.5);
    }
}
@keyframes UserLoyaltyLevel-levelUpAnimationStart {
    0%,
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
    50% {
        -webkit-transform: translateY(10px) scale(1.5);
        transform: translateY(10px) scale(1.5);
    }
}
@-webkit-keyframes UserLoyaltyLevel-levelUpAnimationMid {
    0% {
        -webkit-transform: translate(0) scale(1.5);
        transform: translate(0) scale(1.5);
    }
    20% {
        -webkit-transform: translate(0) scale(1.1);
        transform: translate(0) scale(1.1);
    }
    40% {
        -webkit-transform: translate(0) scale(1.1);
        transform: translate(0) scale(1.1);
    }
    60% {
        -webkit-transform: translate(0) scale(1.03);
        transform: translate(0) scale(1.03);
    }
    80% {
        -webkit-transform: translate(0) scale(1.03);
        transform: translate(0) scale(1.03);
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
}
@keyframes UserLoyaltyLevel-levelUpAnimationMid {
    0% {
        -webkit-transform: translate(0) scale(1.5);
        transform: translate(0) scale(1.5);
    }
    20% {
        -webkit-transform: translate(0) scale(1.1);
        transform: translate(0) scale(1.1);
    }
    40% {
        -webkit-transform: translate(0) scale(1.1);
        transform: translate(0) scale(1.1);
    }
    60% {
        -webkit-transform: translate(0) scale(1.03);
        transform: translate(0) scale(1.03);
    }
    80% {
        -webkit-transform: translate(0) scale(1.03);
        transform: translate(0) scale(1.03);
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
}
@-webkit-keyframes UserLoyaltyLevel-levelUpAnimationEnd {
    0% {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
}
@keyframes UserLoyaltyLevel-levelUpAnimationEnd {
    0% {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
}
.UserLoyaltyLevel-levelAnimation {
    -webkit-animation: UserLoyaltyLevel-levelAnimation 0.5s;
    animation: UserLoyaltyLevel-levelAnimation 0.5s;
}
@-webkit-keyframes UserLoyaltyLevel-levelAnimation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes UserLoyaltyLevel-levelAnimation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.UserLoyaltyLevel-animationBackgroundEnd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.UserLoyaltyLevel-animationBackground {
    -webkit-animation: UserLoyaltyLevel-backgroundAnimation 1s
        cubic-bezier(0, 0.035, 0.195, 1);
    animation: UserLoyaltyLevel-backgroundAnimation 1s
        cubic-bezier(0, 0.035, 0.195, 1);
}
@-webkit-keyframes UserLoyaltyLevel-backgroundAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}
@keyframes UserLoyaltyLevel-backgroundAnimation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}
.Flag-flag {
    -webkit-animation: Flag-wind 1s steps(17) infinite;
    animation: Flag-wind 1s steps(17) infinite;
    background-image: url('');
    background-position: 0 0;
    padding-bottom: 137.36264%;
}
@-webkit-keyframes Flag-wind {
    to {
        background-position-y: 100%;
    }
}
@keyframes Flag-wind {
    to {
        background-position-y: 100%;
    }
}
.SceneChest-chest {
    bottom: 0;
    left: 0;
    position: absolute;
}
.SceneChest-hitRect {
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.SceneChest-hitRect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.SceneChest-hitRect:hover + .SceneChest-zoomEffect {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.SceneChest-glowEffect:before {
    background: radial-gradient(
        ellipse at center,
        #ffc800 0,
        rgba(255, 200, 0, 0) 65%,
        transparent 100%
    );
    border-radius: 50%;
    content: '';
    height: 130%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 150%;
}
.SceneChest-hitRect:hover + .SceneChest-glowEffect:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.SceneChest-content {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.SceneChest-image {
    position: relative;
}
.SceneChest-base {
    will-change: opacity;
}
.SceneChest-lid {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    position: absolute;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.SceneChest-oneByOne {
    -webkit-animation: SceneChest-fadeIn 0.6s ease forwards;
    animation: SceneChest-fadeIn 0.6s ease forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    opacity: 0;
}
@-webkit-keyframes SceneChest-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes SceneChest-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.ChallengeStatusIndicator-indicator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: #515151;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 100%;
}
.ChallengeStatusIndicator-indicator:before {
    color: currentColor;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
}
.ChallengeStatusIndicator-indicator:after,
.ChallengeStatusIndicator-indicator:before {
    background-color: currentColor;
    border-radius: 50%;
    content: '';
    padding-bottom: 100%;
    width: 100%;
}
.ChallengeStatusIndicator-indicator:after {
    display: block;
    height: 100%;
}
.ChallengeStatusIndicator-indicatorPulse:before {
    -webkit-animation: ChallengeStatusIndicator-pulseFade 1.5s infinite;
    animation: ChallengeStatusIndicator-pulseFade 1.5s infinite;
}
.ChallengeStatusIndicator-indicatorPulse:after {
    -webkit-animation: ChallengeStatusIndicator-pulseScale 1.5s infinite;
    animation: ChallengeStatusIndicator-pulseScale 1.5s infinite;
}
.ChallengeStatusIndicator-indicatorOpacity:after,
.ChallengeStatusIndicator-indicatorOpacity:before {
    mix-blend-mode: normal;
    opacity: 0.3;
}
.ChallengeStatusIndicator-indicatorOpacity:not(
        .ChallengeStatusIndicator-indicatorPulse
    ):before {
    content: normal;
}
.ChallengeStatusIndicator-indicatorOpacity:not(
        .ChallengeStatusIndicator-indicatorPulse
    ):after {
    opacity: 0.6;
}
.ChallengeStatusIndicator-indicatorContent {
    fill: #515151;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 2;
}
.ChallengeStatusIndicator-indicatorIcon {
    fill: '#fff';
    position: absolute;
    width: 50%;
    z-index: 2;
}
@-webkit-keyframes ChallengeStatusIndicator-pulseFade {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes ChallengeStatusIndicator-pulseFade {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@-webkit-keyframes ChallengeStatusIndicator-pulseScale {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        opacity: 0.6;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0.6;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes ChallengeStatusIndicator-pulseScale {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        opacity: 0.6;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0.6;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
    background: none;
    border: 0;
    cursor: pointer;
    filter: alpha(opacity=40);
    font-size: 32px;
    opacity: 0.4;
    position: absolute;
    top: 20px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    z-index: 2;
}
.carousel .control-arrow:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: '';
    display: inline-block;
    margin: 0 5px;
}
.carousel .control-disabled.control-arrow {
    cursor: inherit;
    display: none;
    filter: alpha(opacity=0);
    opacity: 0;
}
.carousel .control-prev.control-arrow {
    left: 0;
}
.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff;
}
.carousel .control-next.control-arrow {
    right: 0;
}
.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff;
}
.carousel {
    position: relative;
    width: 100%;
}
.carousel img {
    display: inline-block;
    pointer-events: none;
    width: 100%;
}
.carousel .carousel {
    position: relative;
}
.carousel .control-arrow {
    background: none;
    border: 0;
    font-size: 18px;
    margin-top: -13px;
    outline: 0;
    top: 50%;
}
.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden;
}
.carousel .thumbs {
    list-style: none;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    white-space: nowrap;
}
.carousel .thumb {
    border: 3px solid #fff;
    display: inline-block;
    margin-right: 6px;
    overflow: hidden;
    padding: 2px;
    -webkit-transition: border 0.15s ease-in;
    transition: border 0.15s ease-in;
    white-space: nowrap;
    width: 80px;
}
.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none;
}
.carousel .thumb.selected,
.carousel .thumb:hover {
    border: 3px solid #333;
}
.carousel .thumb img {
    vertical-align: top;
}
.carousel.carousel-slider {
    margin: 0;
    position: relative;
}
.carousel.carousel-slider .control-arrow {
    bottom: 0;
    color: #fff;
    font-size: 26px;
    margin-top: 0;
    padding: 5px;
    top: 0;
}
.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, 0.2);
}
.carousel .slider-wrapper {
    margin: auto;
    -webkit-transition: height 0.15s ease-in;
    transition: height 0.15s ease-in;
    width: 100%;
}
.carousel .slider-wrapper.axis-horizontal .slider {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.stretchItems .carousel .slider-wrapper.axis-horizontal .slider {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.carousel .slider-wrapper.axis-horizontal .slider .slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.carousel .slider-wrapper.axis-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.carousel .slider-wrapper.axis-vertical .slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.carousel .slider {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.carousel .slider.animated {
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.carousel .slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0;
    min-width: 100%;
    position: relative;
}
.carousel .slide img {
    border: 0;
    vertical-align: top;
    width: 100%;
}
.carousel .slide iframe {
    border: 0;
    display: inline-block;
    margin: 0 40px 40px;
    width: calc(100% - 80px);
}
.carousel .slide .legend {
    border-radius: 10px;
    bottom: 40px;
    color: #fff;
    font-size: 12px;
    left: 50%;
    margin-left: -45%;
    opacity: 0.25;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 90%;
}
.carousel .control-dots {
    margin: 16px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.carousel .control-dots .dot {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 0.5rem;
    opacity: 0.5;
    padding: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    width: 20px;
}
.white .carousel .control-dots .dot {
    background-color: var(--colorSnow);
}
.blue .carousel .control-dots .dot {
    background-color: var(--colorSky);
}
.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
    opacity: 1;
}
.carousel .carousel-status {
    color: #fff;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    top: 0;
}
.carousel:hover .slide .legend {
    opacity: 1;
}
.ChallengeCard-card {
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 hsla(0, 0%, 70%, 0.5);
    box-shadow: 0 1px 1px 0 hsla(0, 0%, 70%, 0.5);
    height: 100%;
    padding: 1vw 0 0 6vw;
}
.ChallengeCard-card,
.ChallengeCard-infoArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.ChallengeCard-infoArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
}
.ChallengeCard-heading {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.7em;
    text-align: center;
    text-transform: uppercase;
}
@media (min-width: 480px) {
    .ChallengeCard-heading {
        font-size: 1.3rem;
    }
}
.ChallengeCard-button {
    font-size: 0.9rem;
}
.ChallengeCard-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.ChallengeCard-side.ChallengeCard-left {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
@media (max-width: 320px) {
    .ChallengeCard-side.ChallengeCard-left {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}
.ChallengeCard-side.ChallengeCard-right {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.ChallengeCard-chest {
    position: relative;
}
.ChallengeCard-box {
    position: relative;
    width: 18vw;
}
.ChallengeCard-statusIndicator {
    position: absolute;
    top: 67%;
    width: 100%;
}
.ChallengeCard-statusProgressBar {
    position: absolute;
    top: 54%;
    width: 100%;
}
.ChallengeCard-progressLabel {
    font-size: 4.375vw;
    text-align: center;
}
.common-hover-elevation-0,
.common-hover-elevation-0-ns,
.common-hover-elevation-1,
.common-hover-elevation-1-ns,
.common-hover-elevation-2,
.common-hover-elevation-2-ns,
.common-hover-elevation-3,
.common-hover-elevation-3-ns,
.common-hover-elevation-4,
.common-hover-elevation-4-ns,
.common-hover-elevation-5,
.common-hover-elevation-5-ns {
    -webkit-transition: -webkit-box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.common-elevation-0 {
    -webkit-box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.125);
}
.common-elevation-0-dark,
.common-hover-elevation-0:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.2);
}
.common-elevation-1 {
    -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.125);
}
.common-elevation-1-dark,
.common-hover-elevation-1:hover {
    -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.2);
}
.common-elevation-2 {
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.125);
}
.common-elevation-2-dark,
.common-hover-elevation-2:hover {
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.2);
}
.common-elevation-3 {
    -webkit-box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.125);
}
.common-elevation-3-filter {
    -webkit-filter: drop-shadow(0 0 1rem rgba(60, 64, 67, 0.5));
    filter: drop-shadow(0 0 1rem rgb(60 64 67/50%));
}
.common-elevation-3-dark,
.common-hover-elevation-3:hover {
    -webkit-box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.2);
}
.common-elevation-4 {
    -webkit-box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.125);
}
.common-elevation-4-dark,
.common-hover-elevation-4:hover {
    -webkit-box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.2);
}
.common-elevation-5 {
    -webkit-box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.125);
    box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.125);
}
.common-elevation-5-dark,
.common-hover-elevation-5:hover {
    -webkit-box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.2);
    box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.2);
}
@media screen and (min-width: 720px) {
    .common-elevation-0-ns {
        -webkit-box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.125);
    }
    .common-elevation-0-ns-dark,
    .common-hover-elevation-0-ns:hover {
        -webkit-box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.2);
    }
    .common-elevation-1-ns {
        -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.125);
    }
    .common-elevation-1-ns-dark,
    .common-hover-elevation-1-ns:hover {
        -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 0.25rem 0.125rem rgba(60, 64, 67, 0.2);
    }
    .common-elevation-2-ns {
        -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.125);
    }
    .common-elevation-2-ns-dark,
    .common-hover-elevation-2-ns:hover {
        -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 0.5rem 0.25rem rgba(60, 64, 67, 0.2);
    }
    .common-elevation-3-ns {
        -webkit-box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.125);
    }
    .common-elevation-3-ns-dark,
    .common-hover-elevation-3-ns:hover {
        -webkit-box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 1rem 0.5rem rgba(60, 64, 67, 0.2);
    }
    .common-elevation-4-ns {
        -webkit-box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.125);
    }
    .common-elevation-4-ns-dark,
    .common-hover-elevation-4-ns:hover {
        -webkit-box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 2rem 1rem rgba(60, 64, 67, 0.2);
    }
    .common-elevation-5-ns {
        -webkit-box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.125);
        box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.125);
    }
    .common-elevation-5-ns-dark,
    .common-hover-elevation-5-ns:hover {
        -webkit-box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.2);
        box-shadow: 0 0 4rem 2rem rgba(60, 64, 67, 0.2);
    }
}
.common-h-mbs {
    height: var(--mainBarHeightSmall);
}
.common-h-mbl {
    height: var(--topBarHeightGameView);
}
.common-h-sb {
    height: var(--bottomBarDesktopHeight);
}
.common-h-icon-05 {
    height: 0.5rem;
}
.common-h-icon-1 {
    height: 1rem;
}
.common-h-icon-2 {
    height: 1.25rem;
}
.common-h-icon-3 {
    height: 1.5rem;
}
.common-h-icon-4 {
    height: 2rem;
}
.common-h-icon-5 {
    height: 3rem;
}
.common-h-icon-6 {
    height: 4rem;
}
@media screen and (min-width: 720px) {
    .common-h-icon-05-ns {
        height: 0.5rem;
    }
    .common-h-icon-1-ns {
        height: 1rem;
    }
    .common-h-icon-2-ns {
        height: 1.25rem;
    }
    .common-h-icon-3-ns {
        height: 1.5rem;
    }
    .common-h-icon-4-ns {
        height: 2rem;
    }
    .common-h-icon-5-ns {
        height: 3rem;
    }
    .common-h-icon-6-ns {
        height: 4rem;
    }
}
.common-vw-100 {
    width: 100vw;
}
.common-w-icon-05 {
    width: 0.5rem;
}
.common-w-icon-1 {
    width: 1rem;
}
.common-w-icon-2 {
    width: 1.25rem;
}
.common-w-icon-3 {
    width: 1.5rem;
}
.common-w-icon-4 {
    width: 2rem;
}
.common-w-icon-5 {
    width: 3rem;
}
.common-w-icon-6 {
    width: 4rem;
}
.common-w-icon-7 {
    width: 6rem;
}
.common-w-icon-8 {
    width: 8rem;
}
@media screen and (min-width: 720px) {
    .common-vw-100-ns {
        width: 100vw;
    }
    .common-w-icon-05-ns {
        width: 0.5rem;
    }
    .common-w-icon-1-ns {
        width: 1rem;
    }
    .common-w-icon-2-ns {
        width: 1.25rem;
    }
    .common-w-icon-3-ns {
        width: 1.5rem;
    }
    .common-w-icon-4-ns {
        width: 2rem;
    }
    .common-w-icon-5-ns {
        width: 3rem;
    }
    .common-w-icon-6-ns {
        width: 4rem;
    }
    .common-w-icon-7-ns {
        width: 6rem;
    }
    .common-w-icon-8-ns {
        width: 8rem;
    }
}
.common-z-secondaryBar {
    z-index: var(--indexSecondaryBar);
}
.common-z-game {
    z-index: var(--indexGame);
}
.common-z-overlay {
    z-index: var(--indexOverlay);
}
.common-fill-sky {
    fill: var(--colorSky);
}
.common-fill-skyDark {
    fill: var(--colorSkyDark);
}
.common-fill-gold {
    fill: var(--colorGold);
}
.common-fill-goldDark {
    fill: var(--colorGoldDark);
}
.common-fill-ruby {
    fill: var(--colorRuby);
}
.common-fill-rubyDark {
    fill: var(--colorRubyDark);
}
.common-fill-grass {
    fill: var(--colorGrass);
}
.common-fill-grassDark {
    fill: var(--colorGrassDark);
}
.common-fill-coal {
    fill: var(--colorCoal);
}
.common-fill-graphite {
    fill: var(--colorGraphite);
}
.common-fill-silver {
    fill: var(--colorSilver);
}
.common-fill-ash {
    fill: var(--colorAsh);
}
.common-fill-snow {
    fill: var(--colorSnow);
}
.common-fill-bronze {
    fill: var(--colorBronze);
}
.common-fill-violet {
    fill: var(--colorViolet);
}
.common-sky {
    color: var(--colorSky);
}
.common-hover-sky:hover,
.common-skyDark {
    color: var(--colorSkyDark);
}
.common-gold {
    color: var(--colorGold);
}
.common-goldDark,
.common-hover-gold:hover {
    color: var(--colorGoldDark);
}
.common-ruby {
    color: var(--colorRuby);
}
.common-hover-ruby:hover,
.common-rubyDark {
    color: var(--colorRubyDark);
}
.common-grass {
    color: var(--colorGrass);
}
.common-grassDark,
.common-hover-grass:hover {
    color: var(--colorGrassDark);
}
.common-coal,
.common-hover-coal:hover {
    color: var(--colorCoal);
}
.common-graphite,
.common-hover-gradient:hover {
    color: var(--colorGraphite);
}
.common-hover-silver:hover,
.common-silver {
    color: var(--colorSilver);
}
.common-ash,
.common-hover-ash:hover {
    color: var(--colorAsh);
}
.common-hover-snow:hover,
.common-snow {
    color: var(--colorSnow);
}
.common-blue-1 {
    color: var(--colorBlue1);
}
.common-blue-2 {
    color: var(--colorBlue2);
}
.common-blue-3 {
    color: var(--colorBlue3);
}
.common-blue-4 {
    color: var(--colorBlue4);
}
.common-blue-5 {
    color: var(--colorBlue5);
}
.common-blue-6 {
    color: var(--colorBlue6);
}
.common-blue-7 {
    color: var(--colorBlue7);
}
.common-blue-8 {
    color: var(--colorBlue8);
}
.common-blue-9 {
    color: var(--colorBlue9);
}
.common-blue-10 {
    color: var(--colorBlue10);
}
.common-blue-11 {
    color: var(--colorBlue11);
}
.common-blue-12 {
    color: var(--colorBlue12);
}
.common-blue-13 {
    color: var(--colorBlue13);
}
.common-blue-14 {
    color: var(--colorBlue14);
}
.common-blue-15 {
    color: var(--colorBlue15);
}
.common-blue-16 {
    color: var(--colorBlue16);
}
.common-yellow-1 {
    color: var(--colorYellow1);
}
.common-yellow-2 {
    color: var(--colorYellow2);
}
.common-yellow-3 {
    color: var(--colorYellow3);
}
.common-yellow-4 {
    color: var(--colorYellow4);
}
.common-yellow-5 {
    color: var(--colorYellow5);
}
.common-yellow-6 {
    color: var(--colorYellow6);
}
.common-yellow-7 {
    color: var(--colorYellow7);
}
.common-yellow-8 {
    color: var(--colorYellow8);
}
.common-yellow-9 {
    color: var(--colorYellow9);
}
.common-yellow-10 {
    color: var(--colorYellow10);
}
.common-yellow-11 {
    color: var(--colorYellow11);
}
.common-yellow-12 {
    color: var(--colorYellow12);
}
.common-yellow-13 {
    color: var(--colorYellow13);
}
.common-yellow-14 {
    color: var(--colorYellow14);
}
.common-yellow-15 {
    color: var(--colorYellow15);
}
.common-yellow-16 {
    color: var(--colorYellow16);
}
.common-gray-1 {
    color: var(--colorGray1);
}
.common-gray-2 {
    color: var(--colorGray2);
}
.common-gray-3 {
    color: var(--colorGray3);
}
.common-gray-4 {
    color: var(--colorGray4);
}
.common-gray-5 {
    color: var(--colorGray5);
}
.common-gray-6 {
    color: var(--colorGray6);
}
.common-green-1 {
    color: var(--colorGreen1);
}
.common-green-2 {
    color: var(--colorGreen2);
}
.common-green-3 {
    color: var(--colorGreen3);
}
.common-green-4 {
    color: var(--colorGreen4);
}
.common-red-1 {
    color: var(--colorRed1);
}
.common-red-2 {
    color: var(--colorRed2);
}
.common-red-3 {
    color: var(--colorRed3);
}
.common-red-4 {
    color: var(--colorRed4);
}
.common-bronze {
    color: var(--colorBronze);
}
.common-violet {
    color: var(--colorViolet);
}
.common-bg-sky {
    background-color: var(--colorSky);
}
.common-bg-skyDark {
    background-color: var(--colorSkyDark);
}
.common-bg-gold {
    background-color: var(--colorGold);
}
.common-bg-goldDark {
    background-color: var(--colorGoldDark);
}
.common-bg-ruby {
    background-color: var(--colorRuby);
}
.common-bg-rubyDark {
    background-color: var(--colorRubyDark);
}
.common-bg-grass {
    background-color: var(--colorGrass);
}
.common-bg-grassDark {
    background-color: var(--colorGrassDark);
}
.common-bg-coal {
    background-color: var(--colorCoal);
}
.common-bg-graphite {
    background-color: var(--colorGraphite);
}
.common-bg-silver {
    background-color: var(--colorSilver);
}
.common-bg-ash {
    background-color: var(--colorAsh);
}
.common-bg-snow {
    background-color: var(--colorSnow);
}
.common-bg-blue-1 {
    background-color: var(--colorBlue1);
}
.common-bg-blue-2 {
    background-color: var(--colorBlue2);
}
.common-bg-blue-3 {
    background-color: var(--colorBlue3);
}
.common-bg-blue-4 {
    background-color: var(--colorBlue4);
}
.common-bg-blue-5 {
    background-color: var(--colorBlue5);
}
.common-bg-blue-6 {
    background-color: var(--colorBlue6);
}
.common-bg-blue-7 {
    background-color: var(--colorBlue7);
}
.common-bg-blue-8 {
    background-color: var(--colorBlue8);
}
.common-bg-blue-9 {
    background-color: var(--colorBlue9);
}
.common-bg-blue-10 {
    background-color: var(--colorBlue10);
}
.common-bg-blue-11 {
    background-color: var(--colorBlue11);
}
.common-bg-blue-12 {
    background-color: var(--colorBlue12);
}
.common-bg-blue-13 {
    background-color: var(--colorBlue13);
}
.common-bg-blue-14 {
    background-color: var(--colorBlue14);
}
.common-bg-blue-15 {
    background-color: var(--colorBlue15);
}
.common-bg-blue-16 {
    background-color: var(--colorBlue16);
}
.common-bg-yellow-1 {
    background-color: var(--colorYellow1);
}
.common-bg-yellow-2 {
    background-color: var(--colorYellow2);
}
.common-bg-yellow-3 {
    background-color: var(--colorYellow3);
}
.common-bg-yellow-4 {
    background-color: var(--colorYellow4);
}
.common-bg-yellow-5 {
    background-color: var(--colorYellow5);
}
.common-bg-yellow-6 {
    background-color: var(--colorYellow6);
}
.common-bg-yellow-7 {
    background-color: var(--colorYellow7);
}
.common-bg-yellow-8 {
    background-color: var(--colorYellow8);
}
.common-bg-yellow-9 {
    background-color: var(--colorYellow9);
}
.common-bg-yellow-10 {
    background-color: var(--colorYellow10);
}
.common-bg-yellow-11 {
    background-color: var(--colorYellow11);
}
.common-bg-yellow-12 {
    background-color: var(--colorYellow12);
}
.common-bg-yellow-13 {
    background-color: var(--colorYellow13);
}
.common-bg-yellow-14 {
    background-color: var(--colorYellow14);
}
.common-bg-yellow-15 {
    background-color: var(--colorYellow15);
}
.common-bg-yellow-16 {
    background-color: var(--colorYellow16);
}
.common-bg-gray-1 {
    background-color: var(--colorGray1);
}
.common-bg-gray-2 {
    background-color: var(--colorGray2);
}
.common-bg-gray-3 {
    background-color: var(--colorGray3);
}
.common-bg-gray-4 {
    background-color: var(--colorGray4);
}
.common-bg-gray-5 {
    background-color: var(--colorGray5);
}
.common-bg-gray-6 {
    background-color: var(--colorGray6);
}
.common-bg-green-1 {
    background-color: var(--colorGreen1);
}
.common-bg-green-2 {
    background-color: var(--colorGreen2);
}
.common-bg-green-3 {
    background-color: var(--colorGreen3);
}
.common-bg-green-4 {
    background-color: var(--colorGreen4);
}
.common-bg-red-1 {
    background-color: var(--colorRed1);
}
.common-bg-red-2 {
    background-color: var(--colorRed2);
}
.common-bg-red-3 {
    background-color: var(--colorRed3);
}
.common-bg-red-4 {
    background-color: var(--colorRed4);
}
.common-bg-bronze {
    background-color: var(--colorBronze);
}
.common-bg-violet {
    background-color: var(--colorViolet);
}
.common-b--sky {
    border-color: var(--colorSky);
}
.common-b--gold {
    border-color: var(--colorGold);
}
.common-b--ruby {
    border-color: var(--colorRuby);
}
.common-b--grass {
    border-color: var(--colorGrass);
}
.common-b--coal {
    border-color: var(--colorCoal);
}
.common-b--graphite {
    border-color: var(--colorGraphite);
}
.common-b--silver {
    border-color: var(--colorSilver);
}
.common-b--ash {
    border-color: var(--colorAsh);
}
.common-b--snow {
    border-color: var(--colorSnow);
}
.common-b--blue-1 {
    border-color: var(--colorBlue1);
}
.common-b--blue-2 {
    border-color: var(--colorBlue2);
}
.common-b--blue-3 {
    border-color: var(--colorBlue3);
}
.common-b--blue-4 {
    border-color: var(--colorBlue4);
}
.common-b--blue-5 {
    border-color: var(--colorBlue5);
}
.common-b--blue-6 {
    border-color: var(--colorBlue6);
}
.common-b--blue-7 {
    border-color: var(--colorBlue7);
}
.common-b--blue-8 {
    border-color: var(--colorBlue8);
}
.common-b--blue-9 {
    border-color: var(--colorBlue9);
}
.common-b--blue-10 {
    border-color: var(--colorBlue10);
}
.common-b--blue-11 {
    border-color: var(--colorBlue11);
}
.common-b--blue-12 {
    border-color: var(--colorBlue12);
}
.common-b--blue-13 {
    border-color: var(--colorBlue13);
}
.common-b--blue-14 {
    border-color: var(--colorBlue14);
}
.common-b--blue-15 {
    border-color: var(--colorBlue15);
}
.common-b--blue-16 {
    border-color: var(--colorBlue16);
}
.common-b--yellow-1 {
    border-color: var(--colorYellow1);
}
.common-b--yellow-2 {
    border-color: var(--colorYellow2);
}
.common-b--yellow-3 {
    border-color: var(--colorYellow3);
}
.common-b--yellow-4 {
    border-color: var(--colorYellow4);
}
.common-b--yellow-5 {
    border-color: var(--colorYellow5);
}
.common-b--yellow-6 {
    border-color: var(--colorYellow6);
}
.common-b--yellow-7 {
    border-color: var(--colorYellow7);
}
.common-b--yellow-8 {
    border-color: var(--colorYellow8);
}
.common-b--yellow-9 {
    border-color: var(--colorYellow9);
}
.common-b--yellow-10 {
    border-color: var(--colorYellow10);
}
.common-b--yellow-11 {
    border-color: var(--colorYellow11);
}
.common-b--yellow-12 {
    border-color: var(--colorYellow12);
}
.common-b--yellow-13 {
    border-color: var(--colorYellow13);
}
.common-b--yellow-14 {
    border-color: var(--colorYellow14);
}
.common-b--yellow-15 {
    border-color: var(--colorYellow15);
}
.common-b--yellow-16 {
    border-color: var(--colorYellow16);
}
.common-b--gray-1 {
    border-color: var(--colorGray1);
}
.common-b--gray-2 {
    border-color: var(--colorGray2);
}
.common-b--gray-3 {
    border-color: var(--colorGray3);
}
.common-b--gray-4 {
    border-color: var(--colorGray4);
}
.common-b--gray-5 {
    border-color: var(--colorGray5);
}
.common-b--gray-6 {
    border-color: var(--colorGray6);
}
.common-b--green-1 {
    border-color: var(--colorGreen1);
}
.common-b--green-2 {
    border-color: var(--colorGreen2);
}
.common-b--green-3 {
    border-color: var(--colorGreen3);
}
.common-b--green-4 {
    border-color: var(--colorGreen4);
}
.common-b--red-1 {
    border-color: var(--colorRed1);
}
.common-b--red-2 {
    border-color: var(--colorRed2);
}
.common-b--red-3 {
    border-color: var(--colorRed3);
}
.common-b--red-4 {
    border-color: var(--colorRed4);
}
.common-b--bronze {
    border-color: var(--colorBronze);
}
.common-b--violet {
    border-color: var(--colorViolet);
}
.common-hover-sky:hover {
    color: var(--colorSkyDark);
}
.common-hover-gold:hover {
    color: var(--colorGoldDark);
}
.common-hover-ruby:hover {
    color: var(--colorRubyDark);
}
.common-hover-grass:hover {
    color: var(--colorGrassDark);
}
.common-hover-graphite:hover {
    color: var(--colorGraphite);
}
.common-hover-graphite-80:hover {
    color: #747474;
}
.common-hover-silver:hover {
    color: var(--colorSilver);
}
.common-hover-snow:hover {
    color: var(--colorSnow);
}
.common-hover-bg-sky:hover {
    background-color: var(--colorSkyDark);
}
.common-hover-bg-gold:hover {
    background-color: var(--colorGoldDark);
}
.common-hover-bg-ruby:hover {
    background-color: var(--colorRubyDark);
}
.common-hover-bg-grass:hover {
    background-color: var(--colorGrassDark);
}
.common-hover-bg-coal:hover {
    background-color: var(--colorCoal);
}
.common-hover-bg-graphite:hover {
    background-color: var(--colorGraphite);
}
.common-hover-bg-silver:hover {
    background-color: var(--colorSilver);
}
.common-hover-bg-snow:hover {
    background-color: var(--colorSnow);
}
.common-hover-bg-bronze:hover {
    background-color: var(--colorBronze);
}
.common-hover-bg-violet:hover {
    background-color: var(--colorViolet);
}
.common-hover-bg-ash:hover {
    background-color: var(--colorAsh);
}
.common-font-brand {
    font-family: var(--fontBrand);
    font-weight: 400;
}
.common-font-brand:lang(ja) {
    font-family: var(--fontBrandJapanese);
    font-weight: 700;
}
.common-ts {
    text-shadow: 0.1em 0.08em 0 rgba(0, 0, 0, 0.2);
}
:lang(ja) .common-tl-ja {
    text-align: left;
}
:lang(ja) .common-tc-ja {
    text-align: center;
}
@media screen and (min-width: 720px) and (max-width: 959px) {
    :lang(ja) .common-tc-ja-md {
        text-align: center;
    }
}
@media screen and (min-width: 720px) {
    :lang(ja) .common-tc-ja-ns {
        text-align: center;
    }
}
.common-pointer-event-none {
    pointer-events: none;
}
.common-hide-child .common-child {
    visibility: hidden;
}
.common-hide-child:active .common-child,
.common-hide-child:focus .common-child,
.common-hide-child:hover .common-child {
    visibility: visible;
}
.common-scroll-smooth {
    -webkit-overflow-scrolling: touch;
}
.common-grid {
    display: grid;
}
.common-grid-inline {
    display: inline-grid;
}
.common-grid-gap-0 {
    grid-gap: 0;
}
.common-grid-gap-1 {
    grid-gap: 0.25rem;
}
.common-grid-gap-2 {
    grid-gap: 0.5rem;
}
.common-grid-gap-3 {
    grid-gap: 1rem;
}
.common-grid-gap-4 {
    grid-gap: 2rem;
}
.common-grid-row {
    grid-column: 1/-1;
}
.common-grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.common-grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.common-grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.common-grid-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media screen and (min-width: 720px) and (max-width: 959px) {
    .common-grid-m {
        display: grid;
    }
    .common-grid-inline-m {
        display: inline-grid;
    }
    .common-grid-gap-0-m {
        grid-gap: 0;
    }
    .common-grid-gap-1-m {
        grid-gap: 0.25rem;
    }
    .common-grid-gap-2-m {
        grid-gap: 0.5rem;
    }
    .common-grid-gap-3-m {
        grid-gap: 1rem;
    }
    .common-grid-gap-4-m {
        grid-gap: 2rem;
    }
    .common-grid-row-m {
        grid-column: 1/-1;
    }
    .common-grid-col-2-m {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .common-grid-col-3-m {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .common-grid-col-4-m {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .common-grid-col-5-m {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media screen and (min-width: 960px) and (max-width: 1299px) {
    .common-grid-l {
        display: grid;
    }
    .common-grid-inline-l {
        display: inline-grid;
    }
    .common-grid-gap-0-l {
        grid-gap: 0;
    }
    .common-grid-gap-1-l {
        grid-gap: 0.25rem;
    }
    .common-grid-gap-2-l {
        grid-gap: 0.5rem;
    }
    .common-grid-gap-3-l {
        grid-gap: 1rem;
    }
    .common-grid-gap-4-l {
        grid-gap: 2rem;
    }
    .common-grid-row-l {
        grid-column: 1/-1;
    }
    .common-grid-col-2-l {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .common-grid-col-3-l {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .common-grid-col-4-l {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .common-grid-col-5-l {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media screen and (min-width: 1300px) {
    .common-grid-xl {
        display: grid;
    }
    .common-grid-inline-xl {
        display: inline-grid;
    }
    .common-grid-gap-0-xl {
        grid-gap: 0;
    }
    .common-grid-gap-1-xl {
        grid-gap: 0.25rem;
    }
    .common-grid-gap-2-xl {
        grid-gap: 0.5rem;
    }
    .common-grid-gap-3-xl {
        grid-gap: 1rem;
    }
    .common-grid-gap-4-xl {
        grid-gap: 2rem;
    }
    .common-grid-row-xl {
        grid-column: 1/-1;
    }
    .common-grid-col-2-xl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .common-grid-col-3-xl {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .common-grid-col-4-xl {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .common-grid-col-5-xl {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media screen and (min-width: 720px) {
    .common-grid-ns {
        display: grid;
    }
    .common-grid-inline-ns {
        display: inline-grid;
    }
    .common-grid-gap-0-ns {
        grid-gap: 0;
    }
    .common-grid-gap-1-ns {
        grid-gap: 0.25rem;
    }
    .common-grid-gap-2-ns {
        grid-gap: 0.5rem;
    }
    .common-grid-gap-3-ns {
        grid-gap: 1rem;
    }
    .common-grid-gap-4-ns {
        grid-gap: 2rem;
    }
    .common-grid-row-ns {
        grid-column: 1/-1;
    }
    .common-grid-col-2-ns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .common-grid-col-3-ns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .common-grid-col-4-ns {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .common-grid-col-5-ns {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.common-containerPadding {
    padding-left: 1rem;
    padding-right: 1rem;
}
.common-containerSize {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--pageMaxWidth);
    width: 100%;
}
@media screen and (min-width: 720px) {
    .common-containerPadding-ns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .common-containerSize-ns {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--pageMaxWidth);
        width: 100%;
    }
}
.LiveCasino-container {
    *zoom: 1;
    font-size: 3.125vw;
}
@media (min-width: 720px) {
    .LiveCasino-container {
        background-image: url('');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        font-size: 10px;
        height: 640px;
        width: 100%;
    }
}
@media (min-width: 1261px) {
    .LiveCasino-container {
        font-size: 0.7930214vw;
        height: 64.1em;
    }
}
@media (min-width: 720px) {
    .LiveCasino-containerWinter {
        background-image: url('');
    }
}
.LiveCasino-inner {
    height: 100%;
    margin: auto;
    max-width: 85em;
    position: relative;
}
.LiveCasino-categories {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 2.7em;
    width: 100%;
}
@media (max-width: 959px) {
    .LiveCasino-categories {
        display: none;
    }
}
.LiveCasino-category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: transparent;
    border: none;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    line-height: 1;
    padding: 0;
}
.LiveCasino-category,
.LiveCasino-categoryIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.LiveCasino-categoryIcon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #3db069;
    border-radius: 50%;
    height: 4.6em;
    justify-content: center;
    margin: 0 auto 1.3em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 4.6em;
}
.LiveCasino-category:focus .LiveCasino-categoryIcon,
.LiveCasino-category:hover .LiveCasino-categoryIcon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.LiveCasino-iconHolder {
    fill: #fff;
    display: block;
    width: 45%;
}
.LiveCasino-categoryTitle {
    font-size: 1.3em;
}
.LiveCasino-content {
    *zoom: 1;
    text-align: center;
}
@media (min-width: 720px) {
    .LiveCasino-content {
        color: #fff;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 45%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }
}
@media (max-width: 719px) {
    .LiveCasino-content:before {
        background-image: url('');
        background-position: 50%;
        background-size: cover;
        content: '';
        display: block;
        height: 83.4375vw;
        margin-bottom: 2em;
        width: 100%;
    }
}
@media (max-width: 719px) {
    .LiveCasino-contentWinter:before {
        background-image: url('');
    }
}
.LiveCasino-heading {
    font-size: 2.6em;
    margin: 0;
}
@media (max-width: 719px) {
    .LiveCasino-heading:lang(ja) {
        padding: 0 1em;
        text-align: left;
    }
}
@media (min-width: 720px) {
    .LiveCasino-heading {
        font-size: 6em;
    }
    .LiveCasino-heading:lang(ja) {
        font-size: 5em;
    }
}
.LiveCasino-description {
    font-size: 1.5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 12em;
}
@media (max-width: 719px) {
    .LiveCasino-description:lang(ja) {
        text-align: left;
    }
}
@media (min-width: 720px) {
    .LiveCasino-description {
        font-size: 1.8em;
        max-width: none;
    }
}
.LiveCasino-buttonHolder {
    font-size: 1.5em;
    margin-bottom: 3em;
    margin-top: 1.1em;
}
@media (min-width: 720px) {
    .LiveCasino-buttonHolder {
        margin-bottom: 0;
        margin-top: 4.5em;
    }
}
.LiveCasino-button {
    font-size: 1.5em;
}