.yarl__fullsize {
    height: 100%;
    width: 100%
}

.yarl__relative {
    position: relative
}

.yarl__portal {
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);
    z-index: var(--yarl__portal_zindex,9999)
}

.yarl__portal_open {
    opacity: 1
}

.yarl__container {
    background-color: var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));
    bottom: 0;
    left: 0;
    outline: none;
    overflow: hidden;
    overscroll-behavior: var(--yarl__controller_overscroll_behavior,contain);
    position: absolute;
    right: 0;
    top: 0;
    touch-action: var(--yarl__controller_touch_action,none);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.yarl__carousel {
    align-content: center;
    align-items: stretch;
    display: flex;
    flex: 0 0 auto;
    height: 100%;
    justify-content: center;
    opacity: var(--yarl__pull_opacity,1);
    transform: translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));
    width: calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))
}

.yarl__carousel_with_slides {
    -moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);
    column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)
}

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

.yarl__slide {
    flex: 1;
    overflow: hidden;
    padding: calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);
    position: relative
}

[dir=rtl] .yarl__slide {
    --yarl__direction: -1
}

.yarl__slide_image {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    touch-action: var(--yarl__controller_touch_action,none);
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.yarl__slide_image_cover {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.yarl__slide_image_loading {
    opacity: 0
}

@media screen and (min-width: 800px) {
    .yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
        -webkit-backface-visibility:hidden;
        -webkit-transform: translateZ(0);
        -webkit-transform-style: preserve-3d
    }
}

.yarl__slide_placeholder {
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.yarl__slide_loading {
    animation: yarl__delayed_fadein 1s linear;
    color: var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))
}

.yarl__slide_loading line {
    animation: yarl__stroke_opacity 1s linear infinite
}

.yarl__slide_loading line:first-of-type {
    animation-delay: -1.875s
}

.yarl__slide_loading line:nth-of-type(2) {
    animation-delay: -1.75s
}

.yarl__slide_loading line:nth-of-type(3) {
    animation-delay: -1.625s
}

.yarl__slide_loading line:nth-of-type(4) {
    animation-delay: -1.5s
}

.yarl__slide_loading line:nth-of-type(5) {
    animation-delay: -1.375s
}

.yarl__slide_loading line:nth-of-type(6) {
    animation-delay: -1.25s
}

.yarl__slide_loading line:nth-of-type(7) {
    animation-delay: -1.125s
}

.yarl__slide_loading line:nth-of-type(8) {
    animation-delay: -1s
}

.yarl__slide_error {
    color: var(--yarl__slide_icon_error_color,red);
    height: var(--yarl__slide_icon_error_size,48px);
    width: var(--yarl__slide_icon_error_size,48px)
}

@media(prefers-reduced-motion) {
    .yarl__portal,.yarl__slide {
        transition: unset
    }

    .yarl__slide_loading,.yarl__slide_loading line {
        animation: unset
    }
}

.yarl__toolbar {
    bottom: auto;
    display: flex;
    justify-content: flex-end;
    left: auto;
    padding: var(--yarl__toolbar_padding,8px);
    position: absolute;
    right: 0;
    top: 0
}

[dir=rtl] .yarl__toolbar {
    bottom: auto;
    left: 0;
    right: auto;
    top: 0
}

.yarl__icon {
    height: var(--yarl__icon_size,32px);
    width: var(--yarl__icon_size,32px)
}

.yarl__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--yarl__button_background_color,transparent);
    border: var(--yarl__button_border,0);
    color: var(--yarl__color_button,hsla(0,0%,100%,.8));
    cursor: pointer;
    filter: var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));
    line-height: 0;
    margin: var(--yarl__button_margin,0);
    outline: none;
    padding: var(--yarl__button_padding,8px);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.yarl__button:focus {
    color: var(--yarl__color_button_active,#fff)
}

.yarl__button:focus:not(:focus-visible) {
    color: var(--yarl__color_button,hsla(0,0%,100%,.8))
}

.yarl__button:focus-visible {
    color: var(--yarl__color_button_active,#fff)
}

@media(hover: hover) {
    .yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover {
        color:var(--yarl__color_button_active,#fff)
    }
}

.yarl__button:disabled {
    color: var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));
    cursor: default
}

.yarl__navigation_next,.yarl__navigation_prev {
    padding: var(--yarl__navigation_button_padding,24px 16px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.yarl__navigation_prev {
    left: 0
}

[dir=rtl] .yarl__navigation_prev {
    left: unset;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

.yarl__navigation_next {
    right: 0
}

[dir=rtl] .yarl__navigation_next {
    left: 0;
    right: unset;
    transform: translateY(-50%) rotate(180deg)
}

.yarl__no_scroll {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none
}

@keyframes yarl__delayed_fadein {
    0% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes yarl__stroke_opacity {
    0% {
        stroke-opacity: 1
    }

    to {
        stroke-opacity: .125
    }
}

.yarl__thumbnails {
    display: flex;
    height: 100%
}

.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top {
    flex-direction: column
}

.yarl__thumbnails_wrapper {
    flex: 1;
    position: relative
}

.yarl__thumbnails_container {
    background-color: var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));
    flex: 0 0 auto;
    overflow: hidden;
    padding: var(--yarl__thumbnails_container_padding,16px);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.yarl__thumbnails_vignette {
    pointer-events: none;
    position: absolute;
    --yarl__thumbnails_vignette_size: 12%
}

@media(min-width: 1200px) {
    .yarl__thumbnails_vignette {
        --yarl__thumbnails_vignette_size:8%
    }
}

@media(min-width: 2000px) {
    .yarl__thumbnails_vignette {
        --yarl__thumbnails_vignette_size:5%
    }
}

.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette {
    background: linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);
    height: 100%;
    left: 0;
    right: 0
}

.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette {
    background: linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);
    bottom: 0;
    top: 0;
    width: 100%
}

.yarl__thumbnails_track {
    gap: var(--yarl__thumbnails_thumbnail_gap,16px);
    outline: none
}

.yarl__thumbnails_thumbnail {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--yarl__thumbnails_thumbnail_background,#000);
    border-color: var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));
    border-radius: var(--yarl__thumbnails_thumbnail_border_radius,4px);
    border-style: var(--yarl__thumbnails_thumbnail_border_style,solid);
    border-width: var(--yarl__thumbnails_thumbnail_border,1px);
    cursor: pointer;
    flex: 0 0 auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: content-box;
    height: var(--yarl__thumbnails_thumbnail_height,80px);
    outline: none;
    overflow: hidden;
    padding: var(--yarl__thumbnails_thumbnail_padding,4px);
    position: relative;
    width: var(--yarl__thumbnails_thumbnail_width,120px)
}

.yarl__thumbnails_thumbnail_active {
    border-color: var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))
}

.yarl__thumbnails_thumbnail_fadein {
    animation: yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;
    opacity: 0
}

.yarl__thumbnails_thumbnail_fadeout {
    animation: yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;
    cursor: unset
}

.yarl__thumbnails_thumbnail_placeholder {
    cursor: unset;
    visibility: hidden
}

.yarl__thumbnails_thumbnail:focus {
    box-shadow: var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)
}

.yarl__thumbnails_thumbnail:focus:not(:focus-visible) {
    box-shadow: unset
}

.yarl__thumbnails_thumbnail:focus-visible {
    box-shadow: var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)
}

.yarl__thumbnails_thumbnail_icon {
    color: var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));
    filter: var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));
    height: var(--yarl__thumbnails_thumbnail_icon_size,32px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: var(--yarl__thumbnails_thumbnail_icon_size,32px)
}

@keyframes yarl__thumbnails_thumbnail_fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes yarl__thumbnails_thumbnail_fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@tailwind base;@tailwind utilities;:root {
    --zBase: 100;
    --zPageLoadProgress: calc(var(--zBase) + 900);
    --zPopover: calc(var(--zBase) + 40);
    --zDialog: calc(var(--zBase) + 30);
    --zDialogOverlay: calc(var(--zDialog) - 2);
    --zDropdown: calc(var(--zBase) + 20);
    --zBackToTopButton: calc(var(--zBase) + 5);
    --zHeader: var(--zBase);
    --zSearch: calc(var(--zBase) - 2);
    --zSliderBarBottom: calc(var(--zBase) - 3);
    --zTabSticky: calc(var(--zBase) - 10);
    --zHeaderToggleOpen: var(--zBase- 5);
    --zContent: calc(var(--zBase) - 90);
    --size-lg: 1024px;
    --slide-bar-bottom-height: 68px;
    --home-header-height: 64px;
    --header-in-page-height: 64px;
    --header-category-height: 40px;
    --color-default-600: 0 0% 8%;
    --color-default: 0 0% 16%;
    --color-primary-brand-300: 330 97% 70%;
    --color-primary-brand: 330 99% 49%;
    --color-primary-brand-900: 330 100% 10%;
    --color-primary-brand-hover: 330 99% 40%;
    --color-primary-brand-selected: 330 99% 45%;
    --color-primary-bg: 0 0% 0%;
    --color-primary-comment: 0,0%,8%;
    --color-primary-bgPopover: 0 0% 100%;
    --color-primary-bg-hover: 200 13% 95%;
    --color-primary-bg-selected: 204 14% 93%;
    --color-primary-btn: 0 0% 16%;
    --color-primary-btn-hover: 0 0% 19%;
    --color-primary-text: 0 0% 100%;
    --color-primary-skeleton: 210 2% 23%;
    --color-secondary-brand: 194 100% 45%;
    --color-secondary-bg: 0 0% 15%;
    --color-secondary-bg-hover: 197 14% 90%;
    --color-secondary-btn: 210 2% 23%;
    --color-secondary-text: 213 4% 55%;
    --betable-primary-color: #232e3e!important;
    --betable-primary-hover-color: #f9017d!important;
    --betable-border-radius: 8px!important;
    --betable-bg-color: #000!important;
    --betable-header-all-game-size: 1.25rem!important;
    --betable-text-color: #fff!important;
    --betable-text-hover-color: #cb0166!important;
    --betable-border-color: #fff!important;
    --betable-placeholder-color: #b0b1b1!important;
    --betable-play-color: #f9017d!important;
    --betable-more-button-color: #232e3e!important;
    --betable-more-button-hover-color: #f9017d!important
}

@media(min-width: 1024px) {
    :root {
        --home-header-height:80px
    }
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Anton;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Anton-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Akrobat-ExtraBold;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Akrobat-ExtraBold.otf) format("opentype")
}

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

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

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

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

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

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 {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    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: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -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,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    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]:where(:not([hidden=until-found])) {
    display: none
}

body,html {
    background: hsl(var(--color-primary-bg));
    color: hsl(var(--color-primary-text));
    font-size: 16px
}

.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-1 {
    inset: -.25rem
}

.-inset-3 {
    inset: -.75rem
}

.inset-0 {
    inset: 0
}

.inset-\[-17\%\] {
    inset: -17%
}

.inset-\[-24px\] {
    inset: -24px
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-2 {
    left: .5rem;
    right: .5rem
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.inset-y-4 {
    bottom: 1rem;
    top: 1rem
}

.inset-y-\[-17\%\] {
    bottom: -17%;
    top: -17%
}

.-bottom-12 {
    bottom: -3rem
}

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

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

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

.-left-4 {
    left: -1rem
}

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

.-right-4 {
    right: -1rem
}

.-right-5 {
    right: -1.25rem
}

.-top-12 {
    top: -3rem
}

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

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

.bottom-0 {
    bottom: 0
}

.bottom-0\.5 {
    bottom: .125rem
}

.bottom-1 {
    bottom: .25rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-20 {
    bottom: 5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-\[-1px\] {
    bottom: -1px
}

.bottom-\[148px\] {
    bottom: 148px
}

.bottom-\[6\.25\%\] {
    bottom: 6.25%
}

.bottom-\[80px\] {
    bottom: 80px
}

.bottom-\[84px\] {
    bottom: 84px
}

.bottom-\[calc\(var\(--slide-bar-bottom-height\)\+4px\)\] {
    bottom: calc(var(--slide-bar-bottom-height) + 4px)
}

.bottom-\[calc\(var\(--slide-bar-bottom-height\)\+8px\)\] {
    bottom: calc(var(--slide-bar-bottom-height) + 8px)
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-8 {
    left: 2rem
}

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

.left-\[calc\(50\%-10px\)\] {
    left: calc(50% - 10px)
}

.left-auto {
    left: auto
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-6 {
    right: 1.5rem
}

.right-\[-8px\] {
    right: -8px
}

.right-\[4vw\] {
    right: 4vw
}

.right-\[calc\(100\%\+56px\)\] {
    right: calc(100% + 56px)
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-3 {
    top: .75rem
}

.top-3\.5 {
    top: .875rem
}

.top-4 {
    top: 1rem
}

.top-\[--home-header-height\] {
    top: var(--home-header-height)
}

.top-\[-1px\] {
    top: -1px
}

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

.top-\[8px\] {
    top: 8px
}

.top-\[calc\(150\/1051\*100\%\)\] {
    top: 14.27212%
}

.top-\[calc\(280\/915\*100\%\)\] {
    top: 30.60109%
}

.top-\[calc\(var\(--header-in-page-height\)\)\] {
    top: calc(var(--header-in-page-height))
}

.top-\[calc\(var\(--home-header-height\)-2px\)\] {
    top: calc(var(--home-header-height) - 2px)
}

.top-\[var\(--home-header-height\)\] {
    top: var(--home-header-height)
}

.\!z-\[calc\(var\(--zDialog\)\+2\)\] {
    z-index: calc(var(--zDialog) + 2)!important
}

.\!z-\[calc\(var\(--zHeader\)-1\)\] {
    z-index: calc(var(--zHeader) - 1)!important
}

.-z-10 {
    z-index: -10
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

.z-\[calc\(var\(--zContent\)\+1\)\] {
    z-index: calc(var(--zContent) + 1)
}

.z-\[calc\(var\(--zContent\)\+2\)\] {
    z-index: calc(var(--zContent) + 2)
}

.z-\[calc\(var\(--zHeader\)-1\)\] {
    z-index: calc(var(--zHeader) - 1)
}

.z-\[calc\(var\(--zHeader\)-3\)\] {
    z-index: calc(var(--zHeader) - 3)
}

.z-zBackToTopButton {
    z-index: var(--zBackToTopButton)
}

.z-zContent {
    z-index: var(--zContent)
}

.z-zDialog {
    z-index: var(--zDialog)
}

.z-zDropdown {
    z-index: var(--zDropdown)
}

.z-zHeader {
    z-index: var(--zHeader)
}

.z-zPageLoadProgress {
    z-index: var(--zPageLoadProgress)
}

.z-zSliderBarBottom {
    z-index: var(--zSliderBarBottom)
}

.z-zTabSticky {
    z-index: var(--zTabSticky)
}

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

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

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

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

.row-span-2 {
    grid-row: span 2/span 2
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

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

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

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

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

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

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

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

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

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

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-1 {
    margin-left: -.25rem
}

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

.-ml-4 {
    margin-left: -1rem
}

.-mr-1 {
    margin-right: -.25rem
}

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

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

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

.-mt-\[--home-header-height\] {
    margin-top: calc(var(--home-header-height)*-1)
}

.-mt-\[74px\] {
    margin-top: -74px
}

.mb-0 {
    margin-bottom: 0
}

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

.mb-10 {
    margin-bottom: 2.5rem
}

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

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

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

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

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

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-1px\] {
    margin-bottom: -1px
}

.mb-\[1px\] {
    margin-bottom: 1px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

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

.ml-4 {
    margin-left: 1rem
}

.ml-\[-18px\] {
    margin-left: -18px
}

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

.mr-\[-200px\] {
    margin-right: -200px
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

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

.mt-1\.5 {
    margin-top: .375rem
}

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

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

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

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

.mt-3 {
    margin-top: .75rem
}

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

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

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

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

.mt-\[1px\] {
    margin-top: 1px
}

.mt-\[68px\] {
    margin-top: 68px
}

.mt-\[72px\] {
    margin-top: 72px
}

.mt-\[86px\] {
    margin-top: 86px
}

.mt-\[calc\(32\/240\*100\%\)\] {
    margin-top: 13.33333%
}

.mt-\[calc\(var\(--home-header-height\)\+12px\)\] {
    margin-top: calc(var(--home-header-height) + 12px)
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3,.line-clamp-5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.line-clamp-5 {
    -webkit-line-clamp: 5
}

.\!block {
    display: block!important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[1\/1\] {
    aspect-ratio: 1/1
}

.aspect-\[10\/7\] {
    aspect-ratio: 10/7
}

.aspect-\[16\/10\] {
    aspect-ratio: 16/10
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[175\/222\] {
    aspect-ratio: 175/222
}

.aspect-\[187\/305\] {
    aspect-ratio: 187/305
}

.aspect-\[1920\/1051\] {
    aspect-ratio: 1920/1051
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[2\/3\] {
    aspect-ratio: 2/3
}

.aspect-\[202\/269\] {
    aspect-ratio: 202/269
}

.aspect-\[282\/188\] {
    aspect-ratio: 282/188
}

.aspect-\[3\/1\] {
    aspect-ratio: 3/1
}

.aspect-\[3\/2\] {
    aspect-ratio: 3/2
}

.aspect-\[3\/4\] {
    aspect-ratio: 3/4
}

.aspect-\[30\/9\] {
    aspect-ratio: 30/9
}

.aspect-\[375\/540\] {
    aspect-ratio: 375/540
}

.aspect-\[394\/525\] {
    aspect-ratio: 394/525
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[4\/4\] {
    aspect-ratio: 4/4
}

.aspect-\[437\/81\] {
    aspect-ratio: 437/81
}

.aspect-\[556\/717\] {
    aspect-ratio: 556/717
}

.aspect-\[742\/297\] {
    aspect-ratio: 742/297
}

.aspect-\[9\/16\] {
    aspect-ratio: 9/16
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!h-full {
    height: 100%!important
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-3 {
    height: .75rem
}

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

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[--header-category-height\] {
    height: var(--header-category-height)
}

.h-\[--home-header-height\] {
    height: var(--home-header-height)
}

.h-\[--slide-bar-bottom-height\] {
    height: var(--slide-bar-bottom-height)
}

.h-\[1\.125rem\] {
    height: 1.125rem
}

.h-\[1\.875rem\] {
    height: 1.875rem
}

.h-\[100dvh\] {
    height: 100dvh
}

.h-\[10px\] {
    height: 10px
}

.h-\[120px\] {
    height: 120px
}

.h-\[14px\] {
    height: 14px
}

.h-\[16px\] {
    height: 16px
}

.h-\[18px\] {
    height: 18px
}

.h-\[1px\] {
    height: 1px
}

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

.h-\[20px\] {
    height: 20px
}

.h-\[24px\] {
    height: 24px
}

.h-\[28px\] {
    height: 28px
}

.h-\[2px\] {
    height: 2px
}

.h-\[3\.25rem\] {
    height: 3.25rem
}

.h-\[3\.5rem\] {
    height: 3.5rem
}

.h-\[30\%\] {
    height: 30%
}

.h-\[36px\] {
    height: 36px
}

.h-\[3px\] {
    height: 3px
}

.h-\[40px\] {
    height: 40px
}

.h-\[44px\] {
    height: 44px
}

.h-\[480px\] {
    height: 480px
}

.h-\[48px\] {
    height: 48px
}

.h-\[4px\] {
    height: 4px
}

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

.h-\[50px\] {
    height: 50px
}

.h-\[52px\] {
    height: 52px
}

.h-\[5px\] {
    height: 5px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[6px\] {
    height: 6px
}

.h-\[80px\] {
    height: 80px
}

.h-\[86px\] {
    height: 86px
}

.h-\[90vh\] {
    height: 90vh
}

.h-\[9px\] {
    height: 9px
}

.h-\[auto\] {
    height: auto
}

.h-\[calc\(100\%\+8px\)\] {
    height: calc(100% + 8px)
}

.h-\[calc\(100\%-48px\)\] {
    height: calc(100% - 48px)
}

.h-\[calc\(100vh-var\(--home-header-height\)-36px-54px\)\] {
    height: calc(100vh - var(--home-header-height) - 90px)
}

.h-\[var\(--header-in-page-height\)\] {
    height: var(--header-in-page-height)
}

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-10 {
    max-height: 2.5rem
}

.max-h-9 {
    max-height: 2.25rem
}

.max-h-\[100\%\] {
    max-height: 100%
}

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

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

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

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

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

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

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-\[90vh\] {
    max-height: 90vh
}

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

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

.max-h-\[calc\(100vh-120px\)\] {
    max-height: calc(100vh - 120px)
}

.max-h-\[calc\(100vh-50px\)\] {
    max-height: calc(100vh - 50px)
}

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

.\!min-h-\[auto\] {
    min-height: auto!important
}

.min-h-5 {
    min-height: 1.25rem
}

.min-h-8 {
    min-height: 2rem
}

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

.min-h-\[36px\] {
    min-height: 36px
}

.min-h-\[38px\] {
    min-height: 38px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[480px\] {
    min-height: 480px
}

.min-h-\[56px\] {
    min-height: 56px
}

.min-h-\[60dvh\] {
    min-height: 60dvh
}

.min-h-\[60px\] {
    min-height: 60px
}

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

.\!w-8 {
    width: 2rem!important
}

.\!w-\[140px\] {
    width: 140px!important
}

.\!w-\[202px\] {
    width: 202px!important
}

.\!w-\[320px\] {
    width: 320px!important
}

.\!w-\[86px\] {
    width: 86px!important
}

.\!w-\[auto\],.\!w-auto {
    width: auto!important
}

.\!w-fit {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.\!w-full {
    width: 100%!important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

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

.w-1\/3 {
    width: 33.333333%
}

.w-1\/6 {
    width: 16.666667%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

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

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[--thumbnail-w\] {
    width: var(--thumbnail-w)
}

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

.w-\[1\.125rem\] {
    width: 1.125rem
}

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

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

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

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

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

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

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

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

.w-\[20\%\] {
    width: 20%
}

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

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

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

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

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

.w-\[30\%\] {
    width: 30%
}

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

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

.w-\[35\%\] {
    width: 35%
}

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

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

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

.w-\[40\%\] {
    width: 40%
}

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

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

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

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

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

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

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

.w-\[60\%\] {
    width: 60%
}

.w-\[68\%\] {
    width: 68%
}

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

.w-\[72\%\] {
    width: 72%
}

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

.w-\[80\%\] {
    width: 80%
}

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

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

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

.w-\[90vw\] {
    width: 90vw
}

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

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

.w-\[auto\] {
    width: auto
}

.w-\[calc\(100\%\+8px\)\] {
    width: calc(100% + 8px)
}

.w-\[calc\(100\%-16px\)\] {
    width: calc(100% - 16px)
}

.w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}

.w-\[calc\(100vw-72px\)\] {
    width: calc(100vw - 72px)
}

.w-\[calc\(1100\/1920\*100vw\)\] {
    width: 57.29167vw
}

.w-\[calc\(170\/376\*100\%\)\] {
    width: 45.21277%
}

.w-\[calc\(304\/1920\*100\%\)\] {
    width: 15.83333%
}

.w-\[calc\(412\/1696\*100\%\)\] {
    width: 24.29245%
}

.w-\[calc\(556\/1564\*100\%\)\] {
    width: 35.54987%
}

.w-\[calc\(572\/1920\*100\%\)\] {
    width: 29.79167%
}

.w-\[calc\(600\/1920\*100\%\)\] {
    width: 31.25%
}

.w-\[calc\(928\/1564\*100\%\)\] {
    width: 59.33504%
}

.w-\[min-content\] {
    width: -moz-min-content;
    width: min-content
}

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.\!min-w-0 {
    min-width: 0!important
}

.\!min-w-8 {
    min-width: 2rem!important
}

.min-w-0 {
    min-width: 0
}

.min-w-14 {
    min-width: 3.5rem
}

.min-w-8 {
    min-width: 2rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[108px\] {
    min-width: 108px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[212px\] {
    min-width: 212px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[540px\] {
    min-width: 540px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[80px\] {
    min-width: 80px
}

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

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

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

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

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

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

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

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

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

.max-w-\[70\%\] {
    max-width: 70%
}

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

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

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

.max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem)
}

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

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

.flex-none {
    flex: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.basis-full {
    flex-basis: 100%
}

.origin-right {
    transform-origin: right
}

.origin-top {
    transform-origin: top
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.-translate-x-2 {
    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-2 {
    --tw-translate-x: -0.5rem
}

.-translate-x-\[40px\] {
    --tw-translate-x: -40px
}

.-translate-x-\[40px\],.-translate-x-full {
    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-full {
    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-full {
    --tw-translate-y: -100%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,.translate-x-1\/2 {
    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-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-2 {
    --tw-translate-x: 0.5rem
}

.translate-x-2,.translate-x-\[40px\] {
    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-\[40px\] {
    --tw-translate-x: 40px
}

.translate-x-\[calc\(100\%\+1rem\)\] {
    --tw-translate-x: calc(100% + 1rem)
}

.translate-x-\[calc\(100\%\+1rem\)\],.translate-x-full {
    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-0 {
    --tw-translate-y: 0px
}

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

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

.translate-y-\[calc\(100\%\+8px\)\] {
    --tw-translate-y: calc(100% + 8px)
}

.translate-y-\[calc\(100\%\+8px\)\],.translate-y-full {
    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-full {
    --tw-translate-y: 100%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,.rotate-90 {
    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
}

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

@keyframes bounce {
    0%,to {
        animation-timing-function: cubic-bezier(.8,0,1,1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes flyIn {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(var(--target-x),-78px)
    }
}

.animate-flyIn {
    animation: flyIn 1.5s ease-out forwards
}

@keyframes loadingDot {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(16%)
    }

    60% {
        transform: translateY(-16%)
    }

    70% {
        transform: translateY(4%)
    }

    75% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

.animate-loadingDot {
    animation: loadingDot .75s linear infinite
}

@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite
}

@keyframes playing-1 {
    0% {
        height: 75%
    }

    50% {
        height: 33.33%
    }

    to {
        height: 75%
    }
}

.animate-playing-1 {
    animation: playing-1 .7s linear infinite
}

@keyframes playing-2 {
    0% {
        height: 42%
    }

    50% {
        height: 100%
    }

    to {
        height: 42%
    }
}

.animate-playing-2 {
    animation: playing-2 .7s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }

    0% {
        transform: rotate(0deg)
    }
}

.animate-spin {
    animation: spin 2s linear infinite
}

.\!cursor-pointer {
    cursor: pointer!important
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.touch-none {
    touch-action: none
}

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

.resize {
    resize: both
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

.snap-always {
    scroll-snap-stop:always}

.scroll-mt-\[--home-header-height\] {
    scroll-margin-top: var(--home-header-height)
}

.grid-flow-row {
    grid-auto-flow: row
}

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

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

.grid-cols-12 {
    grid-template-columns: repeat(12,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-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-\[repeat\(var\(--initial-cols\)\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(var(--initial-cols),minmax(0,1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

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

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[--photo-album-spacing\] {
    gap: var(--photo-album-spacing)
}

.gap-\[0\.625rem\] {
    gap: .625rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[11\.3\%\] {
    gap: 11.3%
}

.gap-\[1px\] {
    gap: 1px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

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

.gap-y-0 {
    row-gap: 0
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-12 {
    row-gap: 3rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-visible {
    overflow: visible!important
}

.overflow-x-auto {
    overflow-x: auto
}

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

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

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

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

.rounded-\[1\.25rem\] {
    border-radius: 1.25rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

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

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

.rounded-none {
    border-radius: 0
}

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

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

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-e {
    border-end-end-radius: .25rem;
    border-start-end-radius: .25rem
}

.rounded-r-2xl {
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-r-none {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

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

.rounded-tl-2xl {
    border-top-left-radius: 1rem
}

.rounded-tr-2xl {
    border-top-right-radius: 1rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

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

.border-b,.border-b-\[1px\],.border-y {
    border-bottom-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-t,.border-t-\[1px\] {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-\[\#373737\] {
    --tw-border-opacity: 1;
    border-color: rgb(55 55 55/var(--tw-border-opacity,1))
}

.border-\[\#FABE2C\] {
    --tw-border-opacity: 1;
    border-color: rgb(250 190 44/var(--tw-border-opacity,1))
}

.border-\[\#FFFFFF33\] {
    border-color: #ffffff33
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity,1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity,1))
}

.border-primary {
    border-color: hsl(var(--color-primary-brand))
}

.border-secondary-text {
    border-color: hsl(var(--color-secondary-text))
}

.border-secondary-text\/10 {
    border-color: hsl(var(--color-secondary-text)/.1)
}

.border-secondary-text\/20 {
    border-color: hsl(var(--color-secondary-text)/.2)
}

.border-secondary-text\/30 {
    border-color: hsl(var(--color-secondary-text)/.3)
}

.border-secondary-text\/40 {
    border-color: hsl(var(--color-secondary-text)/.4)
}

.border-secondary-text\/60 {
    border-color: hsl(var(--color-secondary-text)/.6)
}

.border-transparent {
    border-color: transparent
}

.border-white\/10 {
    border-color: hsla(0,0%,100%,.1)
}

.border-white\/20 {
    border-color: hsla(0,0%,100%,.2)
}

.border-white\/80 {
    border-color: hsla(0,0%,100%,.8)
}

.border-white\/\[16\%\] {
    border-color: hsla(0,0%,100%,.16)
}

.border-b-primary {
    border-bottom-color: hsl(var(--color-primary-brand))
}

.\!bg-\[\#26262790\] {
    background-color: #26262790!important
}

.\!bg-\[rgba\(21\2c 21\2c 21\2c 0\.5\)\] {
    background-color: hsla(0,0%,8%,.5)!important
}

.\!bg-black\/40 {
    background-color: rgba(0,0,0,.4)!important
}

.\!bg-primary-btn {
    background-color: hsl(var(--color-primary-btn))!important
}

.\!bg-transparent {
    background-color: transparent!important
}

.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-\[\#008EBA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 142 186/var(--tw-bg-opacity,1))
}

.bg-\[\#008ebaa1\] {
    background-color: #008ebaa1
}

.bg-\[\#0A0D14\]\/10 {
    background-color: rgba(10,13,20,.1)
}

.bg-\[\#0B0B0B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11/var(--tw-bg-opacity,1))
}

.bg-\[\#151515\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 21/var(--tw-bg-opacity,1))
}

.bg-\[\#181818\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 24/var(--tw-bg-opacity,1))
}

.bg-\[\#1E1E1E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30/var(--tw-bg-opacity,1))
}

.bg-\[\#1c1c1c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 28 28/var(--tw-bg-opacity,1))
}

.bg-\[\#25252b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 37 43/var(--tw-bg-opacity,1))
}

.bg-\[\#3A3B3C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(58 59 60/var(--tw-bg-opacity,1))
}

.bg-\[\#474747\] {
    --tw-bg-opacity: 1;
    background-color: rgb(71 71 71/var(--tw-bg-opacity,1))
}

.bg-\[\#525252\] {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82/var(--tw-bg-opacity,1))
}

.bg-\[\#525252\]\/60 {
    background-color: rgba(82,82,82,.6)
}

.bg-\[\#75BE44\] {
    --tw-bg-opacity: 1;
    background-color: rgb(117 190 68/var(--tw-bg-opacity,1))
}

.bg-\[\#E5B302\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 179 2/var(--tw-bg-opacity,1))
}

.bg-\[\#F54848\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 72 72/var(--tw-bg-opacity,1))
}

.bg-\[\#FB017F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 1 127/var(--tw-bg-opacity,1))
}

.bg-\[\#FF0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity,1))
}

.bg-\[\#FF0000\]\/80 {
    background-color: rgba(255,0,0,.8)
}

.bg-\[\#f7f7ee\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 238/var(--tw-bg-opacity,1))
}

.bg-\[currentColor\] {
    background-color: currentColor
}

.bg-\[rgb\(17\2c 17\2c 17\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17/var(--tw-bg-opacity,1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

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

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

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

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

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

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

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

.bg-black\/\[100\%\] {
    background-color: #000
}

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

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

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

.bg-primary-bg\/40 {
    background-color: hsl(var(--color-primary-bg)/.4)
}

.bg-primary-bg\/60 {
    background-color: hsl(var(--color-primary-bg)/.6)
}

.bg-primary-bg\/70 {
    background-color: hsl(var(--color-primary-bg)/.7)
}

.bg-primary-bg\/80 {
    background-color: hsl(var(--color-primary-bg)/.8)
}

.bg-primary-bg\/90 {
    background-color: hsl(var(--color-primary-bg)/.9)
}

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

.bg-primary-btn\/40 {
    background-color: hsl(var(--color-primary-btn)/.4)
}

.bg-primary-btn\/50 {
    background-color: hsl(var(--color-primary-btn)/.5)
}

.bg-primary-btn\/60 {
    /* background-color:hsl(var(--color-primary-btn)/.6); */
}

.bg-primary-btn\/70 {
    background-color: hsl(var(--color-primary-btn)/.7)
}

.bg-primary-btn\/80 {
    background-color: hsl(var(--color-primary-btn)/.8)
}

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

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

.bg-primary\/30 {
    background-color: hsl(var(--color-primary-brand)/.3)
}

.bg-primary\/40 {
    background-color: hsl(var(--color-primary-brand)/.4)
}

.bg-primary\/80 {
    background-color: hsl(var(--color-primary-brand)/.8)
}

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

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

.bg-secondary-bg\/60 {
    background-color: hsl(var(--color-secondary-bg)/.6)
}

.bg-secondary-bg\/80 {
    background-color: hsl(var(--color-secondary-bg)/.8)
}

.bg-secondary-bg\/\[98\%\] {
    background-color: hsl(var(--color-secondary-bg)/98%)
}

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

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

.bg-secondary-text\/20 {
    background-color: hsl(var(--color-secondary-text)/.2)
}

.bg-secondary-text\/40 {
    background-color: hsl(var(--color-secondary-text)/.4)
}

.bg-transparent {
    background-color: transparent
}

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

.bg-white\/10 {
    background-color: hsla(0,0%,100%,.1)
}

.bg-white\/100 {
    background-color: #fff
}

.bg-white\/20 {
    background-color: hsla(0,0%,100%,.2)
}

.bg-white\/30 {
    background-color: hsla(0,0%,100%,.3)
}

.bg-white\/40 {
    background-color: hsla(0,0%,100%,.4)
}

.bg-white\/60 {
    background-color: hsla(0,0%,100%,.6)
}

.bg-white\/80 {
    background-color: hsla(0,0%,100%,.8)
}

.bg-white\/\[\.08\] {
    background-color: hsla(0,0%,100%,.08)
}

.bg-yellow-400\/20 {
    background-color: rgba(250,204,21,.2)
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity,1))
}

.bg-yellow-600\/30 {
    background-color: rgba(202,138,4,.3)
}

.bg-\[linear-gradient\(0deg\2c black\2c transparent\)\] {
    background-image: linear-gradient(0deg,#000,transparent)
}

.bg-\[linear-gradient\(0deg\2c black\2c transparent_40\%\)\] {
    background-image: linear-gradient(0deg,#000,transparent 40%)
}

.bg-\[linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.5\)_0\%\2c rgba\(12\2c 11\2c 17\2c 0\)_12\.48\%\)\] {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),rgba(12,11,17,0) 12.48%)
}

.bg-\[linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.9\)_0\%\2c rgba\(12\2c 11\2c 17\2c 0\)_12\.48\%\)\] {
    background-image: linear-gradient(0deg,rgba(0,0,0,.9),rgba(12,11,17,0) 12.48%)
}

.bg-\[linear-gradient\(180deg\2c \#00000000\2c \#00000029\)\] {
    background-image: linear-gradient(180deg,#00000000,#00000029)
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.2\)_80\%\2c rgba\(0\2c 0\2c 0\2c 0\.8\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 80%,rgba(0,0,0,.8))
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.3\)_80\%\2c rgba\(0\2c 0\2c 0\2c 0\.8\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 80%,rgba(0,0,0,.8))
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.7\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.7))
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_10\%\2c hsla\(var\(--color-primary-brand\)\/80\%\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent 10%,hsla(var(--color-primary-brand)/80%) 100%)
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_60\%\2c rgba\(0\2c 0\2c 0\2c 0\.8\)_100\%\)\] {
    background-image: linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8))
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_60\.52\%\2c \#0B0B0B_95\.93\%\)\] {
    background-image: linear-gradient(180deg,transparent 60.52%,#0b0b0b 95.93%)
}

.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.30\)_23\.03\%\2c rgba\(0\2c 0\2c 0\2c 0\.00\)_100\.12\%\)\] {
    background-image: linear-gradient(180deg,rgba(0,0,0,.3) 23.03%,transparent 100.12%)
}

.bg-\[linear-gradient\(180deg\2c transparent\2c \#0000009e_90\%\)\] {
    background-image: linear-gradient(180deg,transparent,#0000009e 90%)
}

.bg-\[linear-gradient\(180deg\2c transparent\2c black_90\%\)\] {
    background-image: linear-gradient(180deg,transparent,#000 90%)
}

.bg-\[linear-gradient\(180deg\2c transparent\2c rgba\(0\2c 0\2c 0\2c 95\%\)\)\] {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,95%))
}

.bg-\[linear-gradient\(270deg\2c \#000000_0\.26\%\2c rgba\(0\2c 0\2c 0\2c 0\)_33\.7\%\)\2c linear-gradient\(90deg\2c \#000000_0\%\2c rgba\(0\2c 0\2c 0\2c 0\)_44\.43\%\)\2c linear-gradient\(359\.57deg\2c \#000000_13\.59\%\2c rgba\(12\2c 11\2c 17\2c 0\)_57\.61\%\)\] {
    background-image: linear-gradient(270deg,#000 .26%,transparent 33.7%),linear-gradient(90deg,#000,transparent 44.43%),linear-gradient(359.57deg,#000 13.59%,rgba(12,11,17,0) 57.61%)
}

.bg-\[linear-gradient\(270deg\2c \#000000_0\.26\%\2c rgba\(0\2c 0\2c 0\2c 0\)_43\.7\%\)\2c linear-gradient\(90deg\2c \#000000_0\%\2c rgba\(0\2c 0\2c 0\2c 0\)_54\.43\%\)\2c linear-gradient\(355\.02deg\2c \#0C0B11_6\.59\%\2c rgba\(12\2c 11\2c 17\2c 0\)_43\.27\%\)\] {
    background-image: linear-gradient(270deg,#000 .26%,transparent 43.7%),linear-gradient(90deg,#000,transparent 54.43%),linear-gradient(355.02deg,#0c0b11 6.59%,rgba(12,11,17,0) 43.27%)
}

.bg-\[linear-gradient\(270deg\2c \#000000_0\.26\%\2c rgba\(0\2c 0\2c 0\2c 0\)_43\.7\%\)\2c linear-gradient\(90deg\2c \#000000_0\%\2c rgba\(0\2c 0\2c 0\2c 0\)_54\.43\%\)\2c linear-gradient\(359\.57deg\2c \#000000_13\.59\%\2c rgba\(12\2c 11\2c 17\2c 0\)_57\.61\%\)\] {
    background-image: linear-gradient(270deg,#000 .26%,transparent 43.7%),linear-gradient(90deg,#000,transparent 54.43%),linear-gradient(359.57deg,#000 13.59%,rgba(12,11,17,0) 57.61%)
}

.bg-\[linear-gradient\(270deg\2c black\2c \#00000014\)\] {
    background-image: linear-gradient(270deg,#000,#00000014)
}

.bg-\[linear-gradient\(90deg\2c black\2c \#00000014\)\] {
    background-image: linear-gradient(90deg,#000,#00000014)
}

.bg-\[linear-gradient\(to_right\2c transparent\2c hsl\(var\(--color-primary-bg\)\)_72\%\)\] {
    background-image: linear-gradient(to right,transparent,hsl(var(--color-primary-bg)) 72%)
}

.bg-\[linear-gradient\(transparent_0\%\2c _rgba\(0\2c _0\2c _0\2c _0\.5\)_100\%\)\] {
    background-image: linear-gradient(transparent,rgba(0,0,0,.5))
}

.bg-\[linear-gradient\(transparent_0\%\2c _rgba\(0\2c _0\2c _0\2c _0\.6\)_100\%\)\] {
    background-image: linear-gradient(transparent,rgba(0,0,0,.6))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-\[\#000000FF\] {
    --tw-gradient-from: #000 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-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)
}

.to-\[\#00000000\] {
    --tw-gradient-to: #00000000 var(--tw-gradient-to-position)
}

.to-primary-bg {
    --tw-gradient-to: hsl(var(--color-primary-bg)) var(--tw-gradient-to-position)
}

.to-primary-bg\/60 {
    --tw-gradient-to: hsl(var(--color-primary-bg)/0.6) var(--tw-gradient-to-position)
}

.fill-primary {
    fill: hsl(var(--color-primary-brand))
}

.fill-white {
    fill: #fff
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[0\.375rem\] {
    padding: .375rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[6px\] {
    padding: 6px
}

.p-\[calc\(32\/1920\*100\%\)\] {
    padding: 1.66667%
}

.\!px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

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

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

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

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

.px-3 {
    padding-left: .75rem;
    padding-right: .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-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

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

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

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

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

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

.py-3 {
    padding-bottom: .75rem;
    padding-top: .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\.625rem\] {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
}

.py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px
}

.\!pb-\[54px\] {
    padding-bottom: 54px!important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

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

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

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

.pb-3 {
    padding-bottom: .75rem
}

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

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

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

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

.pb-\[0\.625rem\] {
    padding-bottom: .625rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[calc\(var\(--slide-bar-bottom-height\)\)\+68px\] {
    padding-bottom: calc(var(--slide-bar-bottom-height))68px
}

.pb-\[calc\(var\(--slide-bar-bottom-height\)\+48px\)\] {
    padding-bottom: calc(var(--slide-bar-bottom-height) + 48px)
}

.pl-1 {
    padding-left: .25rem
}

.pl-11 {
    padding-left: 2.75rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-16 {
    padding-left: 4rem
}

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

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

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

.pl-9 {
    padding-left: 2.25rem
}

.pl-\[1px\] {
    padding-left: 1px
}

.pl-\[36px\] {
    padding-left: 36px
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-14 {
    padding-right: 3.5rem
}

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

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pr-\[100px\] {
    padding-right: 100px
}

.pr-\[36px\] {
    padding-right: 36px
}

.pr-\[calc\(var\(--scroll-width\)\*1px\)\] {
    padding-right: calc(var(--scroll-width)*1px)
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

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

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

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

.pt-3 {
    padding-top: .75rem
}

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

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

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

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

.pt-\[--home-header-height\] {
    padding-top: var(--home-header-height)
}

.pt-\[0\.5625rem\] {
    padding-top: .5625rem
}

.pt-\[20vh\] {
    padding-top: 20vh
}

.pt-\[66px\] {
    padding-top: 66px
}

.pt-\[6px\] {
    padding-top: 6px
}

.pt-\[calc\(var\(--home-header-height\)\+36px\)\] {
    padding-top: calc(var(--home-header-height) + 36px)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

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

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

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[0\.75rem\] {
    font-size: .75rem
}

.text-\[0\.8125rem\] {
    font-size: .8125rem
}

.text-\[0\.875rem\] {
    font-size: .875rem
}

.text-\[0\.8em\] {
    font-size: .8em
}

.text-\[0\.9375rem\] {
    font-size: .9375rem
}

.text-\[0px\] {
    font-size: 0
}

.text-\[1\.125em\] {
    font-size: 1.125em
}

.text-\[1\.125rem\] {
    font-size: 1.125rem
}

.text-\[1\.25em\] {
    font-size: 1.25em
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

.text-\[1\.2rem\] {
    font-size: 1.2rem
}

.text-\[1\.35em\] {
    font-size: 1.35em
}

.text-\[1\.3em\] {
    font-size: 1.3em
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.75rem\] {
    font-size: 1.75rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[120px\] {
    font-size: 120px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2\.25rem\] {
    font-size: 2.25rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[21px\] {
    font-size: 21px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[2ch\] {
    font-size: 2ch
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[3\.5rem\] {
    font-size: 3.5rem
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-\[6\.125rem\] {
    font-size: 6.125rem
}

.text-\[68px\] {
    font-size: 68px
}

.text-\[80px\] {
    font-size: 80px
}

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

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

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

.\!font-medium {
    font-weight: 500!important
}

.\!font-normal {
    font-weight: 400!important
}

.font-\[200\] {
    font-weight: 200
}

.font-\[300\] {
    font-weight: 300
}

.font-\[400\] {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-\[0\.85375rem\] {
    line-height: .85375rem
}

.leading-\[0\.875rem\] {
    line-height: .875rem
}

.leading-\[0px\] {
    line-height: 0px
}

.leading-\[1\.024rem\] {
    line-height: 1.024rem
}

.leading-\[1\.05rem\] {
    line-height: 1.05rem
}

.leading-\[1\.111rem\] {
    line-height: 1.111rem
}

.leading-\[1\.1875rem\] {
    line-height: 1.1875rem
}

.leading-\[1\.195rem\] {
    line-height: 1.195rem
}

.leading-\[1\.25rem\] {
    line-height: 1.25rem
}

.leading-\[1\.389rem\] {
    line-height: 1.389rem
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.5rem\] {
    line-height: 1.5rem
}

.leading-\[1\.67rem\] {
    line-height: 1.67rem
}

.leading-\[1\.75rem\] {
    line-height: 1.75rem
}

.leading-\[1\.7rem\] {
    line-height: 1.7rem
}

.leading-\[100\%\] {
    line-height: 100%
}

.leading-\[110\%\] {
    line-height: 110%
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[17px\] {
    line-height: 17px
}

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

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

.leading-\[2\.22rem\] {
    line-height: 2.22rem
}

.leading-\[2\.5rem\] {
    line-height: 2.5rem
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[3\.5rem\] {
    line-height: 3.5rem
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-\[4\.16rem\] {
    line-height: 4.16rem
}

.leading-\[54px\] {
    line-height: 54px
}

.leading-\[5rem\] {
    line-height: 5rem
}

.leading-\[normal\] {
    line-height: normal
}

.leading-normal {
    line-height: 1.5
}

.\!text-primary-text {
    color: hsl(var(--color-primary-text))!important
}

.\!text-secondary-text {
    color: hsl(var(--color-secondary-text))!important
}

.\!text-transparent {
    color: transparent!important
}

.text-\[\#008EBA\] {
    --tw-text-opacity: 1;
    color: rgb(0 142 186/var(--tw-text-opacity,1))
}

.text-\[\#C2C2C2\] {
    --tw-text-opacity: 1;
    color: rgb(194 194 194/var(--tw-text-opacity,1))
}

.text-\[\#E5B302\] {
    --tw-text-opacity: 1;
    color: rgb(229 179 2/var(--tw-text-opacity,1))
}

.text-\[\#EAB308\] {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity,1))
}

.text-\[\#FB017F\] {
    --tw-text-opacity: 1;
    color: rgb(251 1 127/var(--tw-text-opacity,1))
}

.text-\[\#FFC107\] {
    --tw-text-opacity: 1;
    color: rgb(255 193 7/var(--tw-text-opacity,1))
}

.text-\[\#FFFFFFCC\] {
    color: #ffffffcc
}

.text-\[currentColor\] {
    color: currentColor
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1))
}

.text-black\/60 {
    color: rgba(0,0,0,.6)
}

.text-gray-200\/80 {
    color: rgba(229,231,235,.8)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity,1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity,1))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153/var(--tw-text-opacity,1))
}

.text-primary {
    color: hsl(var(--color-primary-brand))
}

.text-primary-selected {
    color: hsl(var(--color-primary-brand-selected))
}

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

.text-primary-text\/40 {
    color: hsl(var(--color-primary-text)/.4)
}

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

.text-primary-text\/60 {
    color: hsl(var(--color-primary-text)/.6)
}

.text-primary-text\/70 {
    color: hsl(var(--color-primary-text)/.7)
}

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

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

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity,1))
}

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

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

.text-secondary-text\/70 {
    color: hsl(var(--color-secondary-text)/.7)
}

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

.text-transparent {
    color: transparent
}

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

.text-white\/40 {
    color: hsla(0,0%,100%,.4)
}

.text-white\/50 {
    color: hsla(0,0%,100%,.5)
}

.text-white\/60 {
    color: hsla(0,0%,100%,.6)
}

.text-white\/70 {
    color: hsla(0,0%,100%,.7)
}

.text-white\/80 {
    color: hsla(0,0%,100%,.8)
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity,1))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-\[28\%\] {
    opacity: 28%
}

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

.shadow,.shadow-\[rgba\(26\2c 26\2c 29\2c 0\.06\)_2px_2px_8px_3px\] {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[rgba\(26\2c 26\2c 29\2c 0\.06\)_2px_2px_8px_3px\] {
    --tw-shadow: rgba(26,26,29,.06) 2px 2px 8px 3px;
    --tw-shadow-colored: 2px 2px 8px 3px var(--tw-shadow-color)
}

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

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

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-white\/10 {
    --tw-shadow-color: hsla(0,0%,100%,.1);
    --tw-shadow: var(--tw-shadow-colored)
}

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

.outline-0 {
    outline-width: 0
}

.\!ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important
}

.ring-0 {
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,.ring-\[1px\] {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-\[1px\] {
    --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-\[2px\] {
    --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-\[2px\],.ring-\[4px\] {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-\[4px\] {
    --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-\[6px\] {
    --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(6px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-primary {
    --tw-ring-color: hsl(var(--color-primary-brand))
}

.ring-primary-bg {
    --tw-ring-color: hsl(var(--color-primary-bg))
}

.ring-primary-selected {
    --tw-ring-color: hsl(var(--color-primary-brand-selected))
}

.ring-primary-text {
    --tw-ring-color: hsl(var(--color-primary-text))
}

.ring-primary-text\/60 {
    --tw-ring-color: hsl(var(--color-primary-text)/0.6)
}

.ring-primary-text\/80 {
    --tw-ring-color: hsl(var(--color-primary-text)/0.8)
}

.ring-secondary-text\/50 {
    --tw-ring-color: hsl(var(--color-secondary-text)/0.5)
}

.ring-transparent {
    --tw-ring-color: transparent
}

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

.blur {
    --tw-blur: blur(8px)
}

.blur,.blur-\[40px\] {
    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-\[40px\] {
    --tw-blur: blur(40px)
}

.blur-\[8px\] {
    --tw-blur: blur(8px)
}

.blur-\[8px\],.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 {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}

.drop-shadow-\[-1px_-2px_3px_\#000000c0\] {
    --tw-drop-shadow: drop-shadow(-1px -2px 3px #000000c0)
}

.drop-shadow-\[-1px_-2px_3px_\#000000c0\],.drop-shadow-placeOn {
    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-placeOn {
    --tw-drop-shadow: drop-shadow(1px 3px 4px rgba(0,0,0,.3))
}

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

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -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 {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

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

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

.delay-100 {
    transition-delay: .1s
}

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

.duration-0 {
    transition-duration: 0s
}

.duration-100 {
    transition-duration: .1s
}

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

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.will-change-\[transform\2c opacity\] {
    will-change: transform,opacity
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity,1);
        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 exit {
    to {
        opacity: var(--tw-exit-opacity,1);
        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))
    }
}

.duration-0 {
    animation-duration: 0s
}

.duration-100 {
    animation-duration: .1s
}

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

.duration-300 {
    animation-duration: .3s
}

.duration-500 {
    animation-duration: .5s
}

.delay-100 {
    animation-delay: .1s
}

.delay-200 {
    animation-delay: .2s
}

.ease-in {
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-out {
    animation-timing-function: cubic-bezier(0,0,.2,1)
}

.running {
    animation-play-state: running
}

.paused {
    animation-play-state: paused
}

.\@container {
    container-type: inline-size
}

@tailwind components;.iframe-loading {
    display: inline-block;
    height: 80px;
    position: relative;
    width: 80px
}

.iframe-loading div {
    animation: iframe-loading 1.2s cubic-bezier(0,.5,.5,1) infinite;
    background: currentColor;
    display: inline-block;
    left: 8px;
    position: absolute;
    width: 16px
}

.iframe-loading div:first-child {
    animation-delay: -.24s;
    left: 8px
}

.iframe-loading div:nth-child(2) {
    animation-delay: -.12s;
    left: 32px
}

.iframe-loading div:nth-child(3) {
    animation-delay: 0;
    left: 56px
}

@keyframes iframe-loading {
    0% {
        height: 64px;
        top: 8px
    }

    50%,to {
        height: 32px;
        top: 24px
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

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

@keyframes SkeletonLoading {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 230px 0
    }
}

@keyframes skeletonRunning {
    to {
        background-position: -100% 0
    }
}

@keyframes slow_pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .6
    }
}

.media-carousel-item img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

@media (min-width: 640px) {
    .container {
        max-width:640px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

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

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .container {
        max-width:100%;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (min-width: 768px) {
    .container {
        max-width:100%;
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1554px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1700px) {
    .container {
        max-width:1680px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.container-sm {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .container-sm {
        max-width:655px;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width: 768px) {
    .container-sm {
        max-width:882px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .container-sm {
        max-width:1144px;
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

@media (min-width: 1280px) {
    .container-sm {
        max-width:1348px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1536px) {
    .container-sm {
        max-width:1455px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.scrollbar::-webkit-scrollbar {
    height: 4px;
    margin-right: 2px;
    width: 4px
}

.scrollbar:hover::-webkit-scrollbar-thumb {
    background: hsl(var(--color-primary-brand)/60%);
    border-radius: 8px
}

.scrollbar:hover::-webkit-scrollbar-track {
    background: hsl(var(--color-primary-brand)/10%);
    border-radius: 8px
}

.scrollbar-bgGrey::-webkit-scrollbar-thumb,.scrollbar-bgGrey:hover::-webkit-scrollbar-thumb {
    background: hsl(var(--color-primary-text)/20%)
}

.scrollbar-bgGrey:hover::-webkit-scrollbar-track {
    background: hsl(var(--color-primary-btn))
}

.scrollbar-primary-35::-webkit-scrollbar-thumb {
    background: hsl(var(--primary)/35%)
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
    width: 0
}

.video-thumb-overlay-btt {
    background: linear-gradient(180deg,rgba(94,94,94,.1) 50%,rgba(4,6,28,.6))
}

.bg-avatar-gradient {
    background: linear-gradient(180deg,transparent 35.39%,#fb017f)
}

.betable-all-games-screen {
    padding: .5rem 0
}

.betable-button-view-all-on-slide.div {
    height: 40px!important;
    width: 40px!important
}

.webkit-box {
    display: -webkit-box
}

.base-image-span {
    background: none;
    border: 0;
    height: auto;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: auto
}

.base-image,.base-image-span {
    box-sizing: border-box;
    display: block;
    inset: 0;
    padding: 0;
    position: absolute
}

.base-image {
    border: none;
    height: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 0
}

.skeleton-item {
    animation: pulse_2 2s cubic-bezier(.4,0,.6,1) infinite;
    background-color: hsl(var(--color-primary-skeleton));
    color: transparent
}

.article-content {
    color: #ffffffcc;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 1.5
}

.article-content h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

@media (min-width: 640px) {
    .article-content h1 {
        font-size:40px
    }
}

@media (min-width: 1024px) {
    .article-content h1 {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 680px
    }
}

.article-content h1 strong,.article-content h2 {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content h2 {
    font-size: 24px;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

@media (min-width: 640px) {
    .article-content h2 {
        font-size:32px
    }
}

@media (min-width: 1024px) {
    .article-content h2 {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 680px
    }
}

.article-content h2 strong,.article-content h3 {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content h3 {
    font-size: 18px;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

@media (min-width: 640px) {
    .article-content h3 {
        font-size:24px
    }
}

@media (min-width: 1024px) {
    .article-content h3 {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 680px
    }
}

.article-content h3 strong {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content p {
    font-size: 16px;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content p {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 680px
    }
}

.article-content div {
    font-size: 16px;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content div {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 680px
    }
}

.article-content a {
    animation-duration: .3s;
    color: hsl(var(--color-primary-brand));
    cursor: pointer;
    text-decoration-line: underline;
    transition-duration: .3s
}

.article-content a:hover {
    opacity: .8
}

.article-content iframe {
    aspect-ratio: 16/9;
    border-radius: .25rem;
    height: auto;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content iframe {
        margin-bottom:1rem;
        margin-top: 1rem;
        width: 860px;
        --tw-translate-x: -90px;
        border-radius: 1.5rem;
        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))
    }
}

.article-content strong {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content img {
    border-radius: .25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content img {
        margin-bottom:2rem;
        margin-top: 2rem;
        max-width: 860px;
        width: 860px;
        --tw-translate-x: -90px;
        border-radius: 1.5rem;
        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))
    }
}

.article-content figcaption {
    font-size: 14px;
    margin-bottom: 1rem;
    margin-top: -.5rem;
    opacity: .7;
    text-align: center
}

.article-content blockquote {
    font-weight: 600
}

.article-content blockquote,.article-content blockquote p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content blockquote p {
    padding-left: 1rem;
    padding-right: 1rem
}

.article-content blockquote p:after,.article-content blockquote p:before {
    content: "“"
}

.article-content table {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important;
    max-width: 680px!important;
    table-layout: fixed!important;
    width: 100%!important
}

@media (min-width: 1024px) {
    .article-content table {
        margin-bottom:1rem!important;
        margin-top: 1rem!important;
        max-width: 680px!important;
        width: 680px!important
    }
}

.article-content table colgroup,.article-content table tbody,.article-content table tr {
    width: 100%!important
}

.article-content table td,.article-content table th {
    border-color: #ffffffcc;
    border-width: 1px;
    padding: .75rem;
    width: -moz-fit-content;
    width: fit-content
}

.article-content table td img,.article-content table th img {
    border-radius: .5rem;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content table td img,.article-content table th img {
        --tw-translate-x:0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.article-content .article_summary {
    background-color: hsl(var(--color-primary-brand)/.2);
    border-color: hsl(var(--color-primary-brand));
    border-radius: 1.5rem;
    border-style: dashed;
    border-width: 1px;
    padding: 1.5rem;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content .article_summary .content {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .article-content .article_summary .content {
        gap:1.5rem
    }

    .article-content .article_summary div,.article-content .article_summary h2,.article-content .article_summary h3,.article-content .article_summary img,.article-content .article_summary p {
        width: 100%!important
    }
}

.article-content ul {
    display: flex;
    flex-direction: column
}

.article-content ul li {
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 1024px) {
    .article-content ul li {
        margin-bottom:.5rem;
        margin-top: .5rem
    }
}

.article-content ul li:before {
    content: "•";
    display: inline-block;
    font-weight: 700;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.article-content ul li p {
    display: inline-block
}

.article-content ul.tox-checklist {
    display: flex;
    flex-direction: column
}

.article-content ul.tox-checklist li {
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 1024px) {
    .article-content ul.tox-checklist li {
        margin-bottom:.5rem;
        margin-top: .5rem
    }
}

.article-content ul.tox-checklist li:before {
    border-radius: .25rem;
    border-width: 1px;
    content: "";
    height: 1rem;
    margin-right: 1rem;
    width: 1rem
}

.article-content ul.tox-checklist li p {
    display: inline-block
}

.article-content ul.tox-checklist li.tox-checklist--checked {
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 1024px) {
    .article-content ul.tox-checklist li.tox-checklist--checked {
        margin-bottom:.5rem;
        margin-top: .5rem
    }
}

.article-content ul.tox-checklist li.tox-checklist--checked:before {
    border-radius: .25rem;
    border-width: 1px;
    content: "";
    height: 1rem;
    margin-right: 1rem;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.article-content ul.tox-checklist li.tox-checklist--checked p {
    display: inline-block
}

.article-content ol {
    display: flex!important;
    flex-direction: column!important;
    padding-left: 2.5rem!important
}

.article-content ol li {
    list-style-type: decimal;
    margin-bottom: .5rem;
    margin-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .article-content ol li {
        margin-bottom:.5rem;
        margin-top: .5rem
    }
}

.article-content ol li p {
    display: inline-block
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-pagination-lock {
    display: none
}

div[data-radix-popper-content-wrapper] {
    z-index: var(--zPopover)!important
}

body:has(.ReactModal__Overlay) {
    overflow: hidden;
    padding-right: calc(var(--scroll-width)*1px)
}

.yarl__button[aria-label=Download] {
    filter: none
}

.art-video-player .art-progress .art-control {
    --art-progress-height: 14px
}

.betable-title-popup {
    font-size: 1.25rem!important;
    font-weight: 700!important;
    line-height: 1.75rem!important
}

.betable-submit-button {
    background-color: hsl(var(--color-primary-brand))!important;
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}

.betable-container-all-game-screen {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 0px) {
    .betable-container-all-game-screen {
        max-width:0
    }
}

@media (min-width: 400px) {
    .betable-container-all-game-screen {
        max-width:400px
    }
}

@media (min-width: 481px) {
    .betable-container-all-game-screen {
        max-width:481px
    }
}

@media (min-width: 540px) {
    .betable-container-all-game-screen {
        max-width:540px
    }
}

@media (min-width: 640px) {
    .betable-container-all-game-screen {
        max-width:640px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .betable-container-all-game-screen {
        max-width:768px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .betable-container-all-game-screen {
        max-width:1024px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1280px) {
    .betable-container-all-game-screen {
        max-width:1280px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1536px) {
    .betable-container-all-game-screen {
        max-width:1536px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1700px) {
    .betable-container-all-game-screen {
        max-width:1700px
    }
}

.betable-container-all-game-screen {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .betable-container-all-game-screen {
        max-width:100%;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (min-width: 768px) {
    .betable-container-all-game-screen {
        max-width:100%;
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

@media (min-width: 1024px) {
    .betable-container-all-game-screen {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1280px) {
    .betable-container-all-game-screen {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1536px) {
    .betable-container-all-game-screen {
        max-width:1554px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1700px) {
    .betable-container-all-game-screen {
        max-width:1680px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.betable-container-all-game-screen {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1024px) {
    .betable-container-all-game-screen {
        padding-left:3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1536px) {
    .betable-container-all-game-screen {
        margin-left:-1rem;
        margin-right: -1rem;
        padding-left: 0;
        padding-right: 0
    }
}

.betable-item-on-slide {
    gap: 12px!important
}

.betable-all-games-screen {
    padding-bottom: 72px!important;
    padding-top: 1rem!important;
    top: 64px!important;
    z-index: 40!important
}

@media not all and (min-width: 1024px) {
    .betable-all-games-screen {
        padding-bottom:0!important;
        padding-top: 0!important;
        top: 0!important;
        z-index: 1000!important
    }
}

.betable-all-games-screen>div::-webkit-scrollbar {
    display: none!important;
    width: 0!important
}

.betable-view-all-on-slide>div {
    height: 40px!important;
    width: 40px!important
}

@media not all and (min-width: 1024px) {
    .max-lg\:container {
        padding-left:1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width: 0px) {
        .max-lg\:container {
            max-width:0
        }
    }

    @media (min-width: 400px) {
        .max-lg\:container {
            max-width:400px
        }
    }

    @media (min-width: 481px) {
        .max-lg\:container {
            max-width:481px
        }
    }

    @media (min-width: 540px) {
        .max-lg\:container {
            max-width:540px
        }
    }

    @media (min-width: 640px) {
        .max-lg\:container {
            max-width:640px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 768px) {
        .max-lg\:container {
            max-width:768px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1024px) {
        .max-lg\:container {
            max-width:1024px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1280px) {
        .max-lg\:container {
            max-width:1280px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1536px) {
        .max-lg\:container {
            max-width:1536px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1700px) {
        .max-lg\:container {
            max-width:1700px
        }
    }

    .max-lg\:container {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    @media (min-width: 640px) {
        .max-lg\:container {
            max-width:100%;
            padding-left: .5rem;
            padding-right: .5rem
        }
    }

    @media (min-width: 768px) {
        .max-lg\:container {
            max-width:100%;
            padding-left: 3.125rem;
            padding-right: 3.125rem
        }
    }

    @media (min-width: 1024px) {
        .max-lg\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1280px) {
        .max-lg\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1536px) {
        .max-lg\:container {
            max-width:1554px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1700px) {
        .max-lg\:container {
            max-width:1680px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    .max-lg\:container-sm {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    @media (min-width: 640px) {
        .max-lg\:container-sm {
            max-width:655px;
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }
    }

    @media (min-width: 768px) {
        .max-lg\:container-sm {
            max-width:882px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1024px) {
        .max-lg\:container-sm {
            max-width:1144px;
            padding-left: 3.125rem;
            padding-right: 3.125rem
        }
    }

    @media (min-width: 1280px) {
        .max-lg\:container-sm {
            max-width:1348px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1536px) {
        .max-lg\:container-sm {
            max-width:1455px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }
}

@media (min-width: 640px) {
    .sm\:container {
        padding-left:1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width: 0px) {
        .sm\:container {
            max-width:0
        }
    }

    @media (min-width: 400px) {
        .sm\:container {
            max-width:400px
        }
    }

    @media (min-width: 481px) {
        .sm\:container {
            max-width:481px
        }
    }

    @media (min-width: 540px) {
        .sm\:container {
            max-width:540px
        }
    }

    @media (min-width: 640px) {
        .sm\:container {
            max-width:640px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 768px) {
        .sm\:container {
            max-width:768px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1024px) {
        .sm\:container {
            max-width:1024px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1280px) {
        .sm\:container {
            max-width:1280px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1536px) {
        .sm\:container {
            max-width:1536px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1700px) {
        .sm\:container {
            max-width:1700px
        }
    }

    .sm\:container {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    @media (min-width: 640px) {
        .sm\:container {
            max-width:100%;
            padding-left: .5rem;
            padding-right: .5rem
        }
    }

    @media (min-width: 768px) {
        .sm\:container {
            max-width:100%;
            padding-left: 3.125rem;
            padding-right: 3.125rem
        }
    }

    @media (min-width: 1024px) {
        .sm\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1280px) {
        .sm\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1536px) {
        .sm\:container {
            max-width:1554px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1700px) {
        .sm\:container {
            max-width:1680px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }
}

@media (min-width: 1024px) {
    .lg\:container {
        padding-left:1rem;
        padding-right: 1rem;
        width: 100%
    }

    @media (min-width: 0px) {
        .lg\:container {
            max-width:0
        }
    }

    @media (min-width: 400px) {
        .lg\:container {
            max-width:400px
        }
    }

    @media (min-width: 481px) {
        .lg\:container {
            max-width:481px
        }
    }

    @media (min-width: 540px) {
        .lg\:container {
            max-width:540px
        }
    }

    @media (min-width: 640px) {
        .lg\:container {
            max-width:640px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 768px) {
        .lg\:container {
            max-width:768px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1024px) {
        .lg\:container {
            max-width:1024px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1280px) {
        .lg\:container {
            max-width:1280px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1536px) {
        .lg\:container {
            max-width:1536px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1700px) {
        .lg\:container {
            max-width:1700px
        }
    }

    .lg\:container {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    @media (min-width: 640px) {
        .lg\:container {
            max-width:100%;
            padding-left: .5rem;
            padding-right: .5rem
        }
    }

    @media (min-width: 768px) {
        .lg\:container {
            max-width:100%;
            padding-left: 3.125rem;
            padding-right: 3.125rem
        }
    }

    @media (min-width: 1024px) {
        .lg\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1280px) {
        .lg\:container {
            max-width:100%;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1536px) {
        .lg\:container {
            max-width:1554px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1700px) {
        .lg\:container {
            max-width:1680px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    .lg\:container-sm {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }

    @media (min-width: 640px) {
        .lg\:container-sm {
            max-width:655px;
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }
    }

    @media (min-width: 768px) {
        .lg\:container-sm {
            max-width:882px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width: 1024px) {
        .lg\:container-sm {
            max-width:1144px;
            padding-left: 3.125rem;
            padding-right: 3.125rem
        }
    }

    @media (min-width: 1280px) {
        .lg\:container-sm {
            max-width:1348px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }

    @media (min-width: 1536px) {
        .lg\:container-sm {
            max-width:1455px;
            padding-left: 3.75rem;
            padding-right: 3.75rem
        }
    }
}

.\[\&_\.swiper-pagination\]\:container .swiper-pagination {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width: 0px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:0
    }
}

@media (min-width: 400px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:400px
    }
}

@media (min-width: 481px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:481px
    }
}

@media (min-width: 540px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:540px
    }
}

@media (min-width: 640px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:640px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:768px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1024px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1024px;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1280px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1280px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1536px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1536px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1700px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1700px
    }
}

.\[\&_\.swiper-pagination\]\:container .swiper-pagination {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:100%;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (min-width: 768px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:100%;
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

@media (min-width: 1024px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1280px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:100%;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1536px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1554px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width: 1700px) {
    .\[\&_\.swiper-pagination\]\:container .swiper-pagination {
        max-width:1680px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.placeholder\:text-primary-text\/60::-moz-placeholder {
    color: hsl(var(--color-primary-text)/.6)
}

.placeholder\:text-primary-text\/60::placeholder {
    color: hsl(var(--color-primary-text)/.6)
}

.placeholder\:text-red-500::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity,1))
}

.placeholder\:text-red-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity,1))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:-bottom-2:before {
    bottom: -.5rem;
    content: var(--tw-content)
}

.before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%
}

.before\:z-zContent:before {
    content: var(--tw-content);
    z-index: var(--zContent)
}

.before\:h-1:before {
    content: var(--tw-content);
    height: .25rem
}

.before\:w-5:before {
    content: var(--tw-content);
    width: 1.25rem
}

.before\:w-\[80\%\]:before {
    content: var(--tw-content);
    width: 80%
}

.before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded-xl:before {
    border-radius: .75rem;
    content: var(--tw-content)
}

.before\:bg-primary:before {
    background-color: hsl(var(--color-primary-brand));
    content: var(--tw-content)
}

.before\:shadow-\[inset_0px_0px_13px_5px_black\]:before {
    content: var(--tw-content);
    --tw-shadow: inset 0px 0px 13px 5px #000;
    --tw-shadow-colored: inset 0px 0px 13px 5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[4px\]:after{content:var(--tw-content);height:4px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:bg-primary:after{background-color:hsl(var(--color-primary-brand));content:var(--tw-content)}.after\:bg-transparent:after{background-color:transparent;content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:ml-0:first-child{margin-left:0}.first\:mt-0:first-child{margin-top:0}.last\:border-r-0:last-child{border-right-width:0}.last\:pr-0:last-child{padding-right:0}.empty\:hidden:empty{display:none}.hover\:scale-\[1\.05\]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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-primary-text\/60:hover{border-color:hsl(var(--color-primary-text)/.6)}.hover\:border-primary\/80:hover{border-color:hsl(var(--color-primary-brand)/.8)}.hover\:\!bg-\[\#3e3e3e\]:hover{--tw-bg-opacity:1!important;background-color:rgb(62 62 62/var(--tw-bg-opacity,1))!important}.hover\:\!bg-black\/60:hover{background-color:rgba(0,0,0,.6)!important}.hover\:\!bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))!important}.hover\:\!bg-transparent:hover{background-color:transparent!important}.hover\:bg-\[\#016888\]:hover{--tw-bg-opacity:1;background-color:rgb(1 104 136/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FB017F\]:hover{--tw-bg-opacity:1;background-color:rgb(251 1 127/var(--tw-bg-opacity,1))}.hover\:bg-black\/20:hover{background-color:rgba(0,0,0,.2)}.hover\:bg-default:hover{background-color:hsl(var(--color-default))}.hover\:bg-primary:hover{background-color:hsl(var(--color-primary-brand))}.hover\:bg-primary-bg\/60:hover{background-color:hsl(var(--color-primary-bg)/.6)}.hover\:bg-primary-btn:hover{background-color:hsl(var(--color-primary-btn))}.hover\:bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))}.hover\:bg-primary-btn\/60:hover{background-color:hsl(var(--color-primary-btn)/.6)}.hover\:bg-primary-btn\/80:hover{background-color:hsl(var(--color-primary-btn)/.8)}.hover\:bg-primary-comment:hover{background-color:hsl(var(--color-primary-comment))}.hover\:bg-primary-hover:hover{background-color:hsl(var(--color-primary-brand-hover))}.hover\:bg-primary\/60:hover{background-color:hsl(var(--color-primary-brand)/.6)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--color-primary-brand)/.8)}.hover\:bg-secondary-bg:hover{background-color:hsl(var(--color-secondary-bg))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/50:hover{background-color:hsla(0,0%,100%,.5)}.hover\:bg-white\/60:hover{background-color:hsla(0,0%,100%,.6)}.hover\:bg-white\/90:hover{background-color:hsla(0,0%,100%,.9)}.hover\:pl-3:hover{padding-left:.75rem}.hover\:text-primary:hover{color:hsl(var(--color-primary-brand))}.hover\:text-primary-text:hover{color:hsl(var(--color-primary-text))}.hover\:text-primary-text\/60:hover{color:hsl(var(--color-primary-text)/.6)}.hover\:text-primary-text\/80:hover{color:hsl(var(--color-primary-text)/.8)}.hover\:text-primary\/80:hover{color:hsl(var(--color-primary-brand)/.8)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-\[85\%\]:hover{opacity:85%}.hover\:ring-primary-text:hover{--tw-ring-color:hsl(var(--color-primary-text))}.hover\:ring-primary-text\/60:hover{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.hover\:brightness-105:hover{--tw-brightness:brightness(1.05)}.hover\:brightness-105:hover,.hover\:brightness-110:hover{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)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1)}.focus\:border-0:focus{border-width:0}.focus\:border-white:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0: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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-\[1px\]:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[1px\]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary:focus{--tw-ring-color:hsl(var(--color-primary-brand))}.active\:scale-\[0\.95\]:active{--tw-scale-x:0.95;--tw-scale-y:0.95}.active\:scale-\[0\.95\]:active,.active\:scale-\[0\.98\]:active{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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.active\:scale-\[96\%\]:active{--tw-scale-x:96%;--tw-scale-y:96%;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))}.active\:bg-\[\#FB017F\]:active{--tw-bg-opacity:1;background-color:rgb(251 1 127/var(--tw-bg-opacity,1))}.active\:bg-black\/40:active{background-color:rgba(0,0,0,.4)}.active\:bg-primary\/80:active{background-color:hsl(var(--color-primary-brand)/.8)}.active\:bg-transparent:active{background-color:transparent}.active\:text-primary:active{color:hsl(var(--color-primary-brand))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-primary-btn\/40:disabled{background-color:hsl(var(--color-primary-btn)/.4)}.disabled\:text-primary-text:disabled{color:hsl(var(--color-primary-text))}.disabled\:text-primary-text\/40:disabled{color:hsl(var(--color-primary-text)/.4)}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.hover\:disabled\:brightness-100:disabled:hover{--tw-brightness:brightness(1);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)}.disabled\:active\:scale-100:active:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/actor:hover .group-hover\/actor\:h-\[20\%\]{height:20%}.group\/idolCard:hover .group-hover\/idolCard\:h-5{height:1.25rem}.group\/shortTimeline:hover .group-hover\/shortTimeline\:h-2\.5{height:.625rem}.group\/timeline:hover .group-hover\/timeline\:h-2{height:.5rem}.group\/videoSlider:hover .group-hover\/videoSlider\:h-\[6px\]{height:6px}.group\/buttonNext:hover .group-hover\/buttonNext\:translate-x-1{--tw-translate-x:0.25rem}.group\/buttonNext:hover .group-hover\/buttonNext\:translate-x-1,.group\/buttonPre:hover .group-hover\/buttonPre\:-translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/buttonPre:hover .group-hover\/buttonPre\:-translate-x-1{--tw-translate-x:-0.25rem}.group\/album:hover .group-hover\/album\:scale-\[107\%\]{--tw-scale-x:107%;--tw-scale-y:107%}.group\/album:hover .group-hover\/album\:scale-\[107\%\],.group\/card:hover .group-hover\/card\:scale-\[1\.05\],.group\/photoImage:hover .group-hover\/photoImage\:scale-\[1\.05\]{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\/card:hover .group-hover\/card\:scale-\[1\.05\],.group\/photoImage:hover .group-hover\/photoImage\:scale-\[1\.05\]{--tw-scale-x:1.05;--tw-scale-y:1.05}.group\/shortVideoCard:hover .group-hover\/shortVideoCard\:scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.group\/shortVideoCard:hover .group-hover\/shortVideoCard\:scale-\[1\.2\],.group\/slot:hover .group-hover\/slot\:scale-110{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\/slot:hover .group-hover\/slot\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group\/video:hover .group-hover\/video\:scale-\[105\%\]{--tw-scale-x:105%;--tw-scale-y:105%}.group:hover .group-hover\:scale-\[1\.05\],.group\/video:hover .group-hover\/video\:scale-\[105\%\]{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:hover .group-hover\:scale-\[1\.05\]{--tw-scale-x:1.05;--tw-scale-y:1.05}.group\/actor:hover .group-hover\/actor\:border-primary{border-color:hsl(var(--color-primary-brand))}.group\/buttonNext:hover .group-hover\/buttonNext\:bg-primary-btn\/60,.group\/buttonPre:hover .group-hover\/buttonPre\:bg-primary-btn\/60{background-color:hsl(var(--color-primary-btn)/.6)}.group\/categoryItem:hover .group-hover\/categoryItem\:bg-primary{background-color:hsl(var(--color-primary-brand))}.group\/videoTimeLine:hover .group-hover\/videoTimeLine\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-primary-btn{background-color:hsl(var(--color-primary-btn))}.group:hover .group-hover\:bg-primary-btn-hover{background-color:hsl(var(--color-primary-btn-hover))}.group\/collectionItem:hover .group-hover\/collectionItem\:bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_40\%\2c hsla\(var\(--color-primary-brand\)\/80\%\)_100\%\)\],.group\/galleryCard:hover .group-hover\/galleryCard\:bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_40\%\2c hsla\(var\(--color-primary-brand\)\/80\%\)_100\%\)\],.group\/idolCard:hover .group-hover\/idolCard\:bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_40\%\2c hsla\(var\(--color-primary-brand\)\/80\%\)_100\%\)\]{background-image:linear-gradient(180deg,transparent 40%,hsla(var(--color-primary-brand)/80%) 100%)}.group\/actor:hover .group-hover\/actor\:text-primary,.group\/card:hover .group-hover\/card\:text-primary,.group\/cardAlbum:hover .group-hover\/cardAlbum\:text-primary,.group\/categoryItem:hover .group-hover\/categoryItem\:text-primary,.group\/shortVideoCard:hover .group-hover\/shortVideoCard\:text-primary,.group\/slideBarMenuItem:hover .group-hover\/slideBarMenuItem\:text-primary,.group\/slot:hover .group-hover\/slot\:text-primary,.group\/video:hover .group-hover\/video\:text-primary{color:hsl(var(--color-primary-brand))}.group\/video:hover .group-hover\/video\:text-primary-text\/80{color:hsl(var(--color-primary-text)/.8)}.group:hover .group-hover\:text-primary{color:hsl(var(--color-primary-brand))}.group:hover .group-hover\:opacity-100,.group\/actor:hover .group-hover\/actor\:opacity-100,.group\/albumItem:hover .group-hover\/albumItem\:opacity-100,.group\/card:hover .group-hover\/card\:opacity-100,.group\/collectionItem:hover .group-hover\/collectionItem\:opacity-100,.group\/galleryCard:hover .group-hover\/galleryCard\:opacity-100,.group\/idolCard:hover .group-hover\/idolCard\:opacity-100,.group\/timeline:hover .group-hover\/timeline\:opacity-100,.group\/video:hover .group-hover\/video\:opacity-100{opacity:1}.group:hover .group-hover\:brightness-110,.group\/categoryItem:hover .group-hover\/categoryItem\:hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.aria-checked\:border-black[aria-checked=true]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.aria-checked\:border-transparent[aria-checked=true]{border-color:transparent}.aria-checked\:bg-black[aria-checked=true]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.aria-checked\:bg-secondary-text\/60[aria-checked=true]{background-color:hsl(var(--color-secondary-text)/.6)}.aria-disabled\:\!translate-x-0[aria-disabled=true]{--tw-translate-x:0px!important;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))!important}.aria-disabled\:\!bg-transparent[aria-disabled=true]{background-color:transparent!important}.aria-disabled\:text-primary-text\/40[aria-disabled=true]{color:hsl(var(--color-primary-text)/.4)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.data-\[state\=open\]\:data-\[side\=bottom\]\:animate-slideUpAndFade[data-side=bottom][data-state=open]{animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}.data-\[state\=open\]\:data-\[side\=left\]\:animate-slideRightAndFade[data-side=left][data-state=open]{animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.data-\[state\=open\]\:data-\[side\=right\]\:animate-slideLeftAndFade[data-side=right][data-state=open]{animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.data-\[state\=open\]\:data-\[side\=top\]\:animate-slideDownAndFade[data-side=top][data-state=open]{animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)}.data-\[state\=open\]\:ring-\[2px\][data-state=open]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.group\/video[data-pause=true] .group-data-\[pause\=\"true\"\]\/video\:block{display:block}.group\/video[data-pause=true] .group-data-\[pause\=\"true\"\]\/video\:hidden{display:none}.group\/video[data-ready=false] .group-data-\[ready\=\"false\"\]\/video\:\!hidden{display:none!important}@container (min-width: 15rem){.\@\[15rem\]\:bottom-4{bottom:1rem}.\@\[15rem\]\:left-4{left:1rem}.\@\[15rem\]\:line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.\@\[15rem\]\:inline{display:inline}.\@\[15rem\]\:w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.\@\[15rem\]\:flex-row{flex-direction:row}.\@\[15rem\]\:justify-between{justify-content:space-between}.\@\[15rem\]\:gap-2{gap:.5rem}}@container (min-width: 614px){.\@\[614px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports (height:100dvh){.supports-\[height\:100dvh\]\:h-\[100dvh\]{height:100dvh}}@supports (height:90dvh){.supports-\[height\:90dvh\]\:h-\[90dvh\]{height:90dvh}}@media not all and (min-width:1280px){.max-xl\:hidden{display:none}.max-xl\:aspect-square{aspect-ratio:1/1}.max-xl\:p-0{padding:0}}@media not all and (min-width:1024px){.max-lg\:invisible{visibility:hidden}.max-lg\:absolute{position:absolute}.max-lg\:sticky{position:sticky}.max-lg\:top-\[calc\(var\(--home-header-height\)-2px\)\]{top:calc(var(--home-header-height) - 2px)}.max-lg\:top-full{top:100%}.max-lg\:z-\[calc\(var\(--zContent\)\+1\)\]{z-index:calc(var(--zContent) + 1)}.max-lg\:z-\[calc\(var\(--zHeader\)-10\)\]{z-index:calc(var(--zHeader) - 10)}.max-lg\:order-2{order:2}.max-lg\:\!mb-\[100px\]{margin-bottom:100px!important}.max-lg\:-mt-7{margin-top:-1.75rem}.max-lg\:mb-8{margin-bottom:2rem}.max-lg\:mt-10{margin-top:2.5rem}.max-lg\:mt-4{margin-top:1rem}.max-lg\:mt-8{margin-top:2rem}.max-lg\:flex{display:flex}.max-lg\:grid{display:grid}.max-lg\:hidden{display:none}.max-lg\:aspect-square{aspect-ratio:1/1}.max-lg\:h-full{height:100%}.max-lg\:w-full{width:100%}.max-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-lg\:flex-col{flex-direction:column}.max-lg\:flex-col-reverse{flex-direction:column-reverse}.max-lg\:items-center{align-items:center}.max-lg\:justify-center{justify-content:center}.max-lg\:gap-6{gap:1.5rem}.max-lg\:\!overflow-visible{overflow:visible!important}.max-lg\:overflow-visible{overflow:visible}.max-lg\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.max-lg\:p-0{padding:0}.max-lg\:\!px-0{padding-left:0!important;padding-right:0!important}.max-lg\:px-0{padding-left:0;padding-right:0}.max-lg\:px-3{padding-left:.75rem;padding-right:.75rem}.max-lg\:px-4{padding-left:1rem;padding-right:1rem}.max-lg\:pb-2{padding-bottom:.5rem}.max-lg\:pb-4{padding-bottom:1rem}.max-lg\:pb-6{padding-bottom:1.5rem}.max-lg\:pt-10{padding-top:2.5rem}.max-lg\:pt-14{padding-top:3.5rem}.max-lg\:pt-3{padding-top:.75rem}.max-lg\:text-center{text-align:center}.max-lg\:text-\[0\.75rem\]{font-size:.75rem}.max-lg\:opacity-0{opacity:0}.max-lg\:duration-100{animation-duration:.1s;transition-duration:.1s}.max-lg\:first\:col-span-3:first-child{grid-column:span 3/span 3}.max-lg\:hover\:h-\[50px\]:hover{height:50px}.max-lg\:hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.max-lg\:hover\:pb-\[6px\]:hover{padding-bottom:6px}.group\/albumItem:first-child .max-lg\:group-first\/albumItem\:\!aspect-\[359\/201\]{aspect-ratio:359/201!important}.group\/shortTimeline:hover .max-lg\:group-hover\/shortTimeline\:opacity-100{opacity:1}}@media not all and (min-width:768px){.max-md\:mx-4{margin-left:1rem;margin-right:1rem}.max-md\:mb-8{margin-bottom:2rem}.max-md\:max-h-\[420px\]{max-height:420px}.max-md\:max-h-\[520px\]{max-height:520px}}@media not all and (min-width:640px){.max-sm\:-mt-6{margin-top:-1.5rem}.max-sm\:mt-4{margin-top:1rem}.max-sm\:hidden{display:none}.max-sm\:\!w-\[168px\]{width:168px!important}.max-sm\:\!w-\[300px\]{width:300px!important}.max-sm\:flex-col{flex-direction:column}.max-sm\:items-start{align-items:flex-start}.max-sm\:rounded-none{border-radius:0}.max-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.max-sm\:pb-5{padding-bottom:1.25rem}}@media (min-width:481px){.lowTablet\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.sm\:pointer-events-none{pointer-events:none}.sm\:relative{position:relative}.sm\:z-10{z-index:10}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:row-span-1{grid-row:span 1/span 1}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:row-span-3{grid-row:span 3/span 3}.sm\:mx-16{margin-left:4rem;margin-right:4rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-5{margin-top:1.25rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:hidden{display:none}.sm\:aspect-\[1\/1\]{aspect-ratio:1/1}.sm\:aspect-\[4\/3\]{aspect-ratio:4/3}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:h-\[1\.875rem\]{height:1.875rem}.sm\:h-\[70px\]{height:70px}.sm\:max-h-\[60vh\]{max-height:60vh}.sm\:w-1\/6{width:16.666667%}.sm\:w-8{width:2rem}.sm\:w-\[120px\]{width:120px}.sm\:w-\[124px\]{width:124px}.sm\:w-\[140px\]{width:140px}.sm\:w-\[480px\]{width:480px}.sm\:w-\[512px\]{width:512px}.sm\:w-\[60vw\]{width:60vw}.sm\:w-\[70px\]{width:70px}.sm\:w-\[80px\]{width:80px}.sm\:w-auto{width:auto}.sm\:max-w-\[186px\]{max-width:186px}.sm\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[repeat\(var\(--sm-cols\)\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:repeat(var(--sm-cols),minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-0{gap:0}.sm\:gap-0\.5{gap:.125rem}.sm\:gap-1{gap:.25rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.sm\:gap-y-10{row-gap:2.5rem}.sm\:overflow-hidden{overflow:hidden}.sm\:\!rounded-xl{border-radius:.75rem!important}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-full{border-radius:9999px}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-md{border-radius:.375rem}.sm\:\!bg-transparent{background-color:transparent!important}.sm\:bg-default-600{background-color:hsl(var(--color-default-600))}.sm\:bg-primary{background-color:hsl(var(--color-primary-brand))}.sm\:bg-primary-btn{background-color:hsl(var(--color-primary-btn))}.sm\:bg-secondary-btn{background-color:hsl(var(--color-secondary-btn))}.sm\:bg-transparent{background-color:transparent}.sm\:p-6{padding:1.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.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\:pb-8{padding-bottom:2rem}.sm\:pl-\[56px\]{padding-left:56px}.sm\:pt-3{padding-top:.75rem}.sm\:font-sans-text{font-family:SF Pro,Roboto,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.sm\:font-sans-title{font-family:Anton,sans-serif,ui-sans-serif,system-ui,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.sm\:text-\[0\.625rem\]{font-size:.625rem}.sm\:text-\[0\.75rem\]{font-size:.75rem}.sm\:text-\[0\.8125rem\]{font-size:.8125rem}.sm\:text-\[0\.875rem\]{font-size:.875rem}.sm\:text-\[0\.9375rem\]{font-size:.9375rem}.sm\:text-\[1\.125rem\]{font-size:1.125rem}.sm\:text-\[1\.25rem\]{font-size:1.25rem}.sm\:text-\[1\.5rem\]{font-size:1.5rem}.sm\:text-\[1\.75rem\]{font-size:1.75rem}.sm\:text-\[112px\]{font-size:112px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[120px\]{font-size:120px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[1rem\]{font-size:1rem}.sm\:text-\[2\.25rem\]{font-size:2.25rem}.sm\:text-\[2\.5rem\]{font-size:2.5rem}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-\[3\.5rem\]{font-size:3.5rem}.sm\:text-\[3rem\]{font-size:3rem}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[4rem\]{font-size:4rem}.sm\:text-\[6\.125rem\]{font-size:6.125rem}.sm\:font-bold{font-weight:700}.sm\:font-normal{font-weight:400}.sm\:font-semibold{font-weight:600}.sm\:leading-3{line-height:.75rem}.sm\:leading-7{line-height:1.75rem}.sm\:leading-\[0\.85375rem\]{line-height:.85375rem}.sm\:leading-\[1\.024rem\]{line-height:1.024rem}.sm\:leading-\[1\.05rem\]{line-height:1.05rem}.sm\:leading-\[1\.111rem\]{line-height:1.111rem}.sm\:leading-\[1\.195rem\]{line-height:1.195rem}.sm\:leading-\[1\.25rem\]{line-height:1.25rem}.sm\:leading-\[1\.389rem\]{line-height:1.389rem}.sm\:leading-\[1\.5rem\]{line-height:1.5rem}.sm\:leading-\[1\.67rem\]{line-height:1.67rem}.sm\:leading-\[1\.75rem\]{line-height:1.75rem}.sm\:leading-\[1\.7rem\]{line-height:1.7rem}.sm\:leading-\[1rem\]{line-height:1rem}.sm\:leading-\[2\.22rem\]{line-height:2.22rem}.sm\:leading-\[2\.5rem\]{line-height:2.5rem}.sm\:leading-\[3\.5rem\]{line-height:3.5rem}.sm\:leading-\[3rem\]{line-height:3rem}.sm\:leading-\[4\.16rem\]{line-height:4.16rem}.sm\:leading-\[5rem\]{line-height:5rem}.sm\:leading-\[normal\]{line-height:normal}.sm\:\!text-transparent{color:transparent!important}.sm\:text-primary{color:hsl(var(--color-primary-brand))}.sm\:text-primary-text{color:hsl(var(--color-primary-text))}.sm\:text-primary-text\/40{color:hsl(var(--color-primary-text)/.4)}.sm\:text-primary-text\/60{color:hsl(var(--color-primary-text)/.6)}.sm\:\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.sm\:ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.sm\:ring-0,.sm\:ring-\[1px\]{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.sm\:ring-\[1px\]{--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)}.sm\:ring-primary{--tw-ring-color:hsl(var(--color-primary-brand))}.sm\:ring-primary-text{--tw-ring-color:hsl(var(--color-primary-text))}.sm\:ring-primary-text\/60{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.sm\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.sm\:hover\:bg-default:hover{background-color:hsl(var(--color-default))}.sm\:hover\:bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))}.sm\:hover\:bg-primary-hover:hover{background-color:hsl(var(--color-primary-brand-hover))}.sm\:hover\:bg-primary\/80:hover{background-color:hsl(var(--color-primary-brand)/.8)}.sm\:hover\:text-primary-text:hover{color:hsl(var(--color-primary-text))}.sm\:hover\:text-primary-text\/60:hover{color:hsl(var(--color-primary-text)/.6)}.sm\:hover\:text-primary-text\/80:hover{color:hsl(var(--color-primary-text)/.8)}.sm\:hover\:ring-primary-text:hover{--tw-ring-color:hsl(var(--color-primary-text))}.sm\:hover\:ring-primary-text\/60:hover{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.sm\:hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.sm\:disabled\:text-primary-text\/40:disabled{color:hsl(var(--color-primary-text)/.4)}.sm\:hover\:disabled\:brightness-100:disabled:hover{--tw-brightness:brightness(1);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 not all and (min-width:1024px){@media (min-width:640px){.max-lg\:sm\:hidden{display:none}}}@media (min-width:768px){.md\:pointer-events-none{pointer-events:none}.md\:relative{position:relative}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-span-1{grid-row:span 1/span 1}.md\:row-span-2{grid-row:span 2/span 2}.md\:m-0{margin:0}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-7{height:1.75rem}.md\:h-8{height:2rem}.md\:h-9{height:2.25rem}.md\:h-\[1\.875rem\]{height:1.875rem}.md\:h-\[468px\]{height:468px}.md\:h-\[554px\]{height:554px}.md\:h-auto{height:auto}.md\:w-12{width:3rem}.md\:w-\[384px\]{width:384px}.md\:w-auto{width:auto}.md\:max-w-\[80vw\]{max-width:80vw}.md\:max-w-\[90\%\]{max-width:90%}.md\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-1{gap:.25rem}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:rounded-full{border-radius:9999px}.md\:rounded-md{border-radius:.375rem}.md\:\!bg-transparent{background-color:transparent!important}.md\:bg-default-600{background-color:hsl(var(--color-default-600))}.md\:bg-primary{background-color:hsl(var(--color-primary-brand))}.md\:bg-primary-btn{background-color:hsl(var(--color-primary-btn))}.md\:bg-secondary-btn{background-color:hsl(var(--color-secondary-btn))}.md\:bg-transparent{background-color:transparent}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.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\:font-sans-text{font-family:SF Pro,Roboto,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.md\:font-sans-title{font-family:Anton,sans-serif,ui-sans-serif,system-ui,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.md\:text-\[0\.625rem\]{font-size:.625rem}.md\:text-\[0\.75rem\]{font-size:.75rem}.md\:text-\[0\.8125rem\]{font-size:.8125rem}.md\:text-\[0\.875rem\]{font-size:.875rem}.md\:text-\[0\.9375rem\]{font-size:.9375rem}.md\:text-\[1\.125rem\]{font-size:1.125rem}.md\:text-\[1\.25rem\]{font-size:1.25rem}.md\:text-\[1\.5rem\]{font-size:1.5rem}.md\:text-\[1\.75rem\]{font-size:1.75rem}.md\:text-\[11px\]{font-size:11px}.md\:text-\[1rem\]{font-size:1rem}.md\:text-\[2\.25rem\]{font-size:2.25rem}.md\:text-\[2\.5rem\]{font-size:2.5rem}.md\:text-\[2rem\]{font-size:2rem}.md\:text-\[3\.5rem\]{font-size:3.5rem}.md\:text-\[3rem\]{font-size:3rem}.md\:text-\[4rem\]{font-size:4rem}.md\:text-\[6\.125rem\]{font-size:6.125rem}.md\:font-bold{font-weight:700}.md\:font-normal{font-weight:400}.md\:font-semibold{font-weight:600}.md\:leading-3{line-height:.75rem}.md\:leading-7{line-height:1.75rem}.md\:leading-\[0\.85375rem\]{line-height:.85375rem}.md\:leading-\[1\.024rem\]{line-height:1.024rem}.md\:leading-\[1\.05rem\]{line-height:1.05rem}.md\:leading-\[1\.111rem\]{line-height:1.111rem}.md\:leading-\[1\.195rem\]{line-height:1.195rem}.md\:leading-\[1\.25rem\]{line-height:1.25rem}.md\:leading-\[1\.389rem\]{line-height:1.389rem}.md\:leading-\[1\.5rem\]{line-height:1.5rem}.md\:leading-\[1\.67rem\]{line-height:1.67rem}.md\:leading-\[1\.75rem\]{line-height:1.75rem}.md\:leading-\[1\.7rem\]{line-height:1.7rem}.md\:leading-\[1rem\]{line-height:1rem}.md\:leading-\[2\.22rem\]{line-height:2.22rem}.md\:leading-\[2\.5rem\]{line-height:2.5rem}.md\:leading-\[3\.5rem\]{line-height:3.5rem}.md\:leading-\[3rem\]{line-height:3rem}.md\:leading-\[4\.16rem\]{line-height:4.16rem}.md\:leading-\[5rem\]{line-height:5rem}.md\:leading-\[normal\]{line-height:normal}.md\:\!text-transparent{color:transparent!important}.md\:text-primary{color:hsl(var(--color-primary-brand))}.md\:text-primary-text{color:hsl(var(--color-primary-text))}.md\:text-primary-text\/40{color:hsl(var(--color-primary-text)/.4)}.md\:text-primary-text\/60{color:hsl(var(--color-primary-text)/.6)}.md\:\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.md\:ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.md\:ring-0,.md\:ring-\[1px\]{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.md\:ring-\[1px\]{--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)}.md\:ring-primary{--tw-ring-color:hsl(var(--color-primary-brand))}.md\:ring-primary-text{--tw-ring-color:hsl(var(--color-primary-text))}.md\:ring-primary-text\/60{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.md\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.md\:hover\:bg-default:hover{background-color:hsl(var(--color-default))}.md\:hover\:bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))}.md\:hover\:bg-primary-hover:hover{background-color:hsl(var(--color-primary-brand-hover))}.md\:hover\:bg-primary\/80:hover{background-color:hsl(var(--color-primary-brand)/.8)}.md\:hover\:text-primary-text:hover{color:hsl(var(--color-primary-text))}.md\:hover\:text-primary-text\/60:hover{color:hsl(var(--color-primary-text)/.6)}.md\:hover\:text-primary-text\/80:hover{color:hsl(var(--color-primary-text)/.8)}.md\:hover\:ring-primary-text:hover{--tw-ring-color:hsl(var(--color-primary-text))}.md\:hover\:ring-primary-text\/60:hover{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.md\:hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.md\:disabled\:text-primary-text\/40:disabled{color:hsl(var(--color-primary-text)/.4)}.md\:hover\:disabled\:brightness-100:disabled:hover{--tw-brightness:brightness(1);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:1024px){.lg\:pointer-events-none{pointer-events:none}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:bottom-0{bottom:0}.lg\:bottom-2{bottom:.5rem}.lg\:bottom-6{bottom:1.5rem}.lg\:bottom-\[2vw\]{bottom:2vw}.lg\:bottom-\[6vw\]{bottom:6vw}.lg\:bottom-full{bottom:100%}.lg\:left-4{left:1rem}.lg\:left-6{left:1.5rem}.lg\:right-2\.5{right:.625rem}.lg\:right-6{right:1.5rem}.lg\:right-\[-12px\]{right:-12px}.lg\:top-5{top:1.25rem}.lg\:z-zContent{z-index:var(--zContent)}.lg\:mx-16{margin-left:4rem;margin-right:4rem}.lg\:mx-4{margin-left:1rem;margin-right:1rem}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.lg\:my-4{margin-bottom:1rem;margin-top:1rem}.lg\:\!mb-20{margin-bottom:5rem!important}.lg\:-ml-4{margin-left:-1rem}.lg\:-mt-4{margin-top:-1rem}.lg\:-mt-\[5\.5rem\]{margin-top:-5.5rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-\[calc\(274px\*9\/48\)\]{margin-bottom:51.375px}.lg\:ml-10{margin-left:2.5rem}.lg\:ml-4{margin-left:1rem}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-12{margin-top:3rem}.lg\:mt-14{margin-top:3.5rem}.lg\:mt-3{margin-top:.75rem}.lg\:mt-4{margin-top:1rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-7{margin-top:1.75rem}.lg\:mt-8{margin-top:2rem}.lg\:mt-\[4rem\]{margin-top:4rem}.lg\:mt-\[calc\(var\(--home-header-height\)\+40px\)\]{margin-top:calc(var(--home-header-height) + 40px)}.lg\:line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-\[10\/16\]{aspect-ratio:10/16}.lg\:aspect-\[1176\/220\]{aspect-ratio:1176/220}.lg\:aspect-\[16\/10\]{aspect-ratio:16/10}.lg\:aspect-\[16\/9\]{aspect-ratio:16/9}.lg\:aspect-\[1669\/800\]{aspect-ratio:1669/800}.lg\:aspect-\[174\/286\]{aspect-ratio:174/286}.lg\:aspect-\[600\/368\]{aspect-ratio:600/368}.lg\:aspect-square{aspect-ratio:1/1}.lg\:h-10{height:2.5rem}.lg\:h-11{height:2.75rem}.lg\:h-12{height:3rem}.lg\:h-14{height:3.5rem}.lg\:h-3\.5{height:.875rem}.lg\:h-4{height:1rem}.lg\:h-7{height:1.75rem}.lg\:h-8{height:2rem}.lg\:h-9{height:2.25rem}.lg\:h-\[1\.875rem\]{height:1.875rem}.lg\:h-\[28\%\]{height:28%}.lg\:h-\[48px\]{height:48px}.lg\:h-\[56px\]{height:56px}.lg\:h-\[60px\]{height:60px}.lg\:h-auto{height:auto}.lg\:h-screen{height:100vh}.lg\:max-h-10{max-height:2.5rem}.lg\:max-h-\[70vh\]{max-height:70vh}.lg\:max-h-\[74px\]{max-height:74px}.lg\:max-h-\[80vh\]{max-height:80vh}.lg\:max-h-\[auto\]{max-height:auto}.lg\:max-h-full{max-height:100%}.lg\:\!w-\[140px\]{width:140px!important}.lg\:\!w-\[210px\]{width:210px!important}.lg\:w-10{width:2.5rem}.lg\:w-12{width:3rem}.lg\:w-2\/5{width:40%}.lg\:w-3\.5{width:.875rem}.lg\:w-3\/4{width:75%}.lg\:w-3\/5{width:60%}.lg\:w-4{width:1rem}.lg\:w-8{width:2rem}.lg\:w-9{width:2.25rem}.lg\:w-\[120px\]{width:120px}.lg\:w-\[150px\]{width:150px}.lg\:w-\[160px\]{width:160px}.lg\:w-\[180px\]{width:180px}.lg\:w-\[210px\]{width:210px}.lg\:w-\[27\%\]{width:27%}.lg\:w-\[28\%\]{width:28%}.lg\:w-\[40\%\]{width:40%}.lg\:w-\[480px\]{width:480px}.lg\:w-\[55\%\]{width:55%}.lg\:w-\[56px\]{width:56px}.lg\:w-\[58px\]{width:58px}.lg\:w-\[60px\]{width:60px}.lg\:w-\[612px\]{width:612px}.lg\:w-\[680px\]{width:680px}.lg\:w-\[920px\]{width:920px}.lg\:w-\[auto\]{width:auto}.lg\:w-\[calc\(100\%-48px\)\]{width:calc(100% - 48px)}.lg\:w-\[calc\(400\/1564\*100\%\)\]{width:25.57545%}.lg\:w-\[calc\(928\/1564\*100\%\)\]{width:59.33504%}.lg\:w-auto{width:auto}.lg\:min-w-\[405px\]{min-width:405px}.lg\:min-w-\[420px\]{min-width:420px}.lg\:min-w-\[80\%\]{min-width:80%}.lg\:max-w-\[200px\]{max-width:200px}.lg\:max-w-\[360px\]{max-width:360px}.lg\:max-w-\[567px\]{max-width:567px}.lg\:max-w-\[720px\]{max-width:720px}.lg\:max-w-\[768px\]{max-width:768px}.lg\:max-w-\[860px\]{max-width:860px}.lg\:max-w-\[99\%\]{max-width:99%}.lg\:max-w-\[calc\(1184\/1920\*100vw\)\]{max-width:61.66667vw}.lg\:max-w-\[calc\(1740\/1920\*100\%\)\]{max-width:90.625%}.lg\:flex-1{flex:1 1 0%}.lg\:grow{flex-grow:1}.lg\:basis-\[420px\]{flex-basis:420px}.lg\:-translate-x-1\/2{--tw-translate-x:-50%}.lg\:-translate-x-1\/2,.lg\:-translate-y-1\/2{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))}.lg\:-translate-y-1\/2{--tw-translate-y:-50%}.lg\:translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[repeat\(var\(--lg-cols\)\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:repeat(var(--lg-cols),minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-1{gap:.25rem}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-2{gap:.5rem}.lg\:gap-20{gap:5rem}.lg\:gap-3{gap:.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:gap-9{gap:2.25rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-y-6{row-gap:1.5rem}.lg\:gap-y-8{row-gap:2rem}.lg\:overflow-auto{overflow:auto}.lg\:overflow-hidden{overflow:hidden}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:rounded-full{border-radius:9999px}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-md{border-radius:.375rem}.lg\:rounded-none{border-radius:0}.lg\:\!bg-transparent{background-color:transparent!important}.lg\:bg-\[\#008EBA\]{--tw-bg-opacity:1;background-color:rgb(0 142 186/var(--tw-bg-opacity,1))}.lg\:bg-default-600{background-color:hsl(var(--color-default-600))}.lg\:bg-primary{background-color:hsl(var(--color-primary-brand))}.lg\:bg-primary-bg\/90{background-color:hsl(var(--color-primary-bg)/.9)}.lg\:bg-primary-btn{background-color:hsl(var(--color-primary-btn))}.lg\:bg-secondary-bg{background-color:hsl(var(--color-secondary-bg))}.lg\:bg-secondary-btn{background-color:hsl(var(--color-secondary-btn))}.lg\:bg-transparent{background-color:transparent}.lg\:bg-\[linear-gradient\(0deg\2c black\2c transparent_40\%\)\]{background-image:linear-gradient(0deg,#000,transparent 40%)}.lg\:bg-\[linear-gradient\(to_right\2c transparent\2c hsl\(var\(--color-secondary-bg\)\)_62\%\)\]{background-image:linear-gradient(to right,transparent,hsl(var(--color-secondary-bg)) 62%)}.lg\:to-secondary-bg{--tw-gradient-to:hsl(var(--color-secondary-bg)) var(--tw-gradient-to-position)}.lg\:p-10{padding:2.5rem}.lg\:p-4{padding:1rem}.lg\:p-6{padding:1.5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-\[52px\]{padding-left:52px;padding-right:52px}.lg\:px-\[64px\]{padding-left:64px;padding-right:64px}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-2{padding-bottom:.5rem;padding-top:.5rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pb-3{padding-bottom:.75rem}.lg\:pb-4{padding-bottom:1rem}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pb-\[calc\(var\(--slide-bar-bottom-height\)\)\]{padding-bottom:calc(var(--slide-bar-bottom-height))}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-4{padding-left:1rem}.lg\:pl-9{padding-left:2.25rem}.lg\:pr-0{padding-right:0}.lg\:pr-12{padding-right:3rem}.lg\:pr-4{padding-right:1rem}.lg\:pt-0{padding-top:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-6{padding-top:1.5rem}.lg\:pt-8{padding-top:2rem}.lg\:pt-\[calc\(172\/1920\*100vw\)\]{padding-top:8.95833vw}.lg\:text-center{text-align:center}.lg\:font-sans-text{font-family:SF Pro,Roboto,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.lg\:font-sans-title{font-family:Anton,sans-serif,ui-sans-serif,system-ui,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.lg\:text-\[0\.625rem\]{font-size:.625rem}.lg\:text-\[0\.75rem\]{font-size:.75rem}.lg\:text-\[0\.8125rem\]{font-size:.8125rem}.lg\:text-\[0\.875rem\]{font-size:.875rem}.lg\:text-\[0\.9375rem\]{font-size:.9375rem}.lg\:text-\[1\.125rem\]{font-size:1.125rem}.lg\:text-\[1\.25rem\]{font-size:1.25rem}.lg\:text-\[1\.5rem\]{font-size:1.5rem}.lg\:text-\[1\.75rem\]{font-size:1.75rem}.lg\:text-\[100px\]{font-size:100px}.lg\:text-\[11px\]{font-size:11px}.lg\:text-\[150px\]{font-size:150px}.lg\:text-\[156px\]{font-size:156px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[1rem\]{font-size:1rem}.lg\:text-\[2\.25rem\]{font-size:2.25rem}.lg\:text-\[2\.5rem\]{font-size:2.5rem}.lg\:text-\[20px\]{font-size:20px}.lg\:text-\[2rem\]{font-size:2rem}.lg\:text-\[3\.5rem\]{font-size:3.5rem}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[3rem\]{font-size:3rem}.lg\:text-\[56px\]{font-size:56px}.lg\:font-bold{font-weight:700}.lg\:font-normal{font-weight:400}.lg\:leading-3{line-height:.75rem}.lg\:leading-\[1\.25rem\]{line-height:1.25rem}.lg\:leading-\[1\.5rem\]{line-height:1.5rem}.lg\:leading-\[1\.75rem\]{line-height:1.75rem}.lg\:leading-\[18px\]{line-height:18px}.lg\:leading-\[1rem\]{line-height:1rem}.lg\:leading-\[2\.5rem\]{line-height:2.5rem}.lg\:leading-\[20px\]{line-height:20px}.lg\:leading-\[26px\]{line-height:26px}.lg\:leading-\[3\.5rem\]{line-height:3.5rem}.lg\:leading-\[3rem\]{line-height:3rem}.lg\:leading-\[40px\]{line-height:40px}.lg\:leading-\[46px\]{line-height:46px}.lg\:leading-\[56px\]{line-height:56px}.lg\:leading-\[normal\]{line-height:normal}.lg\:\!text-transparent{color:transparent!important}.lg\:text-primary{color:hsl(var(--color-primary-brand))}.lg\:text-primary-text{color:hsl(var(--color-primary-text))}.lg\:text-primary-text\/40{color:hsl(var(--color-primary-text)/.4)}.lg\:text-primary-text\/60{color:hsl(var(--color-primary-text)/.6)}.lg\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.lg\:opacity-0{opacity:0}.lg\:\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.lg\:ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.lg\:ring-0,.lg\:ring-\[1px\]{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lg\:ring-\[1px\]{--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)}.lg\:ring-primary{--tw-ring-color:hsl(var(--color-primary-brand))}.lg\:ring-primary-text{--tw-ring-color:hsl(var(--color-primary-text))}.lg\:ring-primary-text\/60{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.lg\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.lg\:hover\:\!bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))!important}.lg\:hover\:bg-\[\#016888\]:hover{--tw-bg-opacity:1;background-color:rgb(1 104 136/var(--tw-bg-opacity,1))}.lg\:hover\:bg-default:hover{background-color:hsl(var(--color-default))}.lg\:hover\:bg-primary-btn-hover:hover{background-color:hsl(var(--color-primary-btn-hover))}.lg\:hover\:bg-primary-hover:hover{background-color:hsl(var(--color-primary-brand-hover))}.lg\:hover\:bg-primary\/70:hover{background-color:hsl(var(--color-primary-brand)/.7)}.lg\:hover\:bg-primary\/80:hover{background-color:hsl(var(--color-primary-brand)/.8)}.lg\:hover\:text-primary-text:hover{color:hsl(var(--color-primary-text))}.lg\:hover\:text-primary-text\/60:hover{color:hsl(var(--color-primary-text)/.6)}.lg\:hover\:text-primary-text\/80:hover{color:hsl(var(--color-primary-text)/.8)}.lg\:hover\:ring-primary-text:hover{--tw-ring-color:hsl(var(--color-primary-text))}.lg\:hover\:ring-primary-text\/60:hover{--tw-ring-color:hsl(var(--color-primary-text)/0.6)}.lg\:hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.lg\:disabled\:text-primary-text\/40:disabled{color:hsl(var(--color-primary-text)/.4)}.lg\:hover\:disabled\:brightness-100:disabled:hover{--tw-brightness:brightness(1);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)}.group\/actor:hover .lg\:group-hover\/actor\:scale-\[1\.07\]{--tw-scale-x:1.07;--tw-scale-y:1.07;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\/video[data-pause=false] .group-data-\[pause\=\"false\"\]\/video\:lg\:\!hidden{display:none!important}@supports (height:100dvh){.lg\:supports-\[height\:100dvh\]\:h-\[100dvh\]{height:100dvh}}}@media not all and (min-width:1280px){@media (min-width:1024px){.max-xl\:lg\:hidden{display:none}}}@media (min-width:1280px){.xl\:inset-y-0{bottom:0;top:0}.xl\:mb-0{margin-bottom:0}.xl\:ml-20{margin-left:5rem}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:aspect-\[1869\/740\]{aspect-ratio:1869/740}.xl\:aspect-\[907\/635\]{aspect-ratio:907/635}.xl\:h-\[92\%\]{height:92%}.xl\:h-full{height:100%}.xl\:w-\[65\%\]{width:65%}.xl\:w-\[calc\(1000\/1920\*100vw\)\]{width:52.08333vw}.xl\:w-\[calc\(168\/1434\*100\%\)\]{width:11.71548%}.xl\:w-\[calc\(456\/1564\*100\%\)\]{width:29.15601%}.xl\:w-full{width:100%}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[repeat\(var\(--xl-cols\)\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:repeat(var(--xl-cols),minmax(0,1fr))}.xl\:flex-col{flex-direction:column}.xl\:content-evenly{align-content:space-evenly}.xl\:items-center{align-items:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:gap-0{gap:0}.xl\:gap-20{gap:5rem}.xl\:gap-4{gap:1rem}.xl\:gap-y-20{row-gap:5rem}.xl\:bg-\[\#008EBA\]{--tw-bg-opacity:1;background-color:rgb(0 142 186/var(--tw-bg-opacity,1))}.xl\:p-6{padding:1.5rem}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.xl\:pl-20{padding-left:5rem}.xl\:pr-\[calc\(202\/1434\*100\%\)\]{padding-right:14.08647%}.xl\:pt-\[60px\]{padding-top:60px}.xl\:pt-\[calc\(162\/1920\*100vw\)\]{padding-top:8.4375vw}.xl\:hover\:bg-\[\#016888\]:hover{--tw-bg-opacity:1;background-color:rgb(1 104 136/var(--tw-bg-opacity,1))}}@media (min-width:1474px){.min-\[1474px\]\:hidden{display:none}}.\[\&\.disabled\]\:text-\[\#5b5f63\].disabled{--tw-text-opacity:1;color:rgb(91 95 99/var(--tw-text-opacity,1))}.\[\&\.disabled\]\:text-\[\#878C91\].disabled{--tw-text-opacity:1;color:rgb(135 140 145/var(--tw-text-opacity,1))}.\[\&\.swiper-button-disabled\]\:opacity-0.swiper-button-disabled{opacity:0}.\[\&\:has\(\.art-control-show\)_\.art-controls\]\:pointer-events-auto:has(.art-control-show) .art-controls{pointer-events:auto}.\[\&\:has\(\.art-control-show\)_\.cs-mask\]\:block:has(.art-control-show) .cs-mask{display:block}.\[\&\:has\(\.art-control-show\)_\.mobile-seek\]\:flex:has(.art-control-show) .mobile-seek{display:flex}.\[\&\:has\(\.artplayer-plugin-ads\)_\.art-bottom\]\:hidden:has(.artplayer-plugin-ads) .art-bottom{display:none}.\[\&\:has\(\.artplayer-plugin-ads\)_\.art-controls\]\:hidden:has(.artplayer-plugin-ads) .art-controls{display:none}.\[\&\:has\(\.artplayer-plugin-ads\)_\.art-progress\]\:hidden:has(.artplayer-plugin-ads) .art-progress{display:none}.\[\&\:has\(\.replay-input\:focus\)\]\:border-primary:has(.replay-input:focus){border-color:hsl(var(--color-primary-brand))}.\[\&\:has\(input\:focus\)\]\:bg-primary-bg:has(input:focus){background-color:hsl(var(--color-primary-bg))}.\[\&\:has\(input\:focus\)\]\:ring-primary:has(input:focus){--tw-ring-color:hsl(var(--color-primary-brand))}.\[\&\:not\(\:disabled\)\]\:active\:scale-95:active:not(:disabled){--tw-scale-x:.95;--tw-scale-y:.95;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))}.\[\&\:not\(\:disabled\)\]\:active\:opacity-\[0\.92\]:active:not(:disabled){opacity:.92}@media (min-width:1024px){.\[\&\:not\(\:disabled\)\]\:lg\:hover\:bg-primary-btn-hover:hover:not(:disabled){background-color:hsl(var(--color-primary-btn-hover))}}.\[\&\:not\(\:has\(\.art-control-show\)\)_\.art-bottom_\*\]\:\!pointer-events-none:not(:has(.art-control-show)) .art-bottom *{pointer-events:none!important}.\[\&\:nth-child\(1\)\]\:col-span-2:first-child{grid-column:span 2/span 2}.\[\&\:nth-child\(1\)\]\:row-span-2:first-child{grid-row:span 2/span 2}.\[\&\:nth-child\(2\)\]\:col-span-1:nth-child(2),.\[\&\:nth-child\(3\)\]\:col-span-1:nth-child(3),.\[\&\:nth-child\(4\)\]\:col-span-1:nth-child(4),.\[\&\:nth-child\(5\)\]\:col-span-1:nth-child(5){grid-column:span 1/span 1}@media (min-width:1024px){.lg\:\[\&\:nth-child\(6\)\]\:col-span-2:nth-child(6){grid-column:span 2/span 2}.lg\:\[\&\:nth-child\(6\)\]\:row-span-2:nth-child(6){grid-row:span 2/span 2}}.\[\&\:nth-child\(7\)\]\:col-span-1:nth-child(7){grid-column:span 1/span 1}.\[\&\:nth-child\(7\)\]\:row-span-1:nth-child(7){grid-row:span 1/span 1}.\[\&\:nth-child\(8\)\]\:col-span-1:nth-child(8),.\[\&\:nth-child\(9\)\]\:col-span-1:nth-child(9){grid-column:span 1/span 1}@media (min-width:1024px){.lg\:\[\&\:nth-child\(n\+10\)\]\:hidden:nth-child(n+10){display:none}}@media not all and (min-width:640px){.max-sm\:\[\&\:nth-child\(n\+6\)\]\:hidden:nth-child(n+6){display:none}}@media not all and (min-width:1024px){@media (min-width:640px){.max-lg\:sm\:\[\&\:nth-child\(n\+7\)\]\:hidden:nth-child(n+7){display:none}}}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:grow-0>*{flex-grow:0}.\[\&_\.art-control-progress\:hover_\.art-control-progress-inner\]\:\!h-\[75\%\] .art-control-progress:hover .art-control-progress-inner{height:75%!important}.\[\&_\.art-control-thumbnails\]\:\!bottom-\[calc\(var\(--art-bottom-gap\)\+20px\)\] .art-control-thumbnails{bottom:calc(var(--art-bottom-gap) + 20px)!important}.\[\&_\.art-controls\]\:pointer-events-none .art-controls{pointer-events:none}.\[\&_\.art-mask\]\:\!hidden .art-mask{display:none!important}.\[\&_\.bullet-item-active\]\:\!w-1\.5 .bullet-item-active{width:.375rem!important}.\[\&_\.bullet-item-active\]\:scale-\[1\.4\] .bullet-item-active{--tw-scale-x:1.4;--tw-scale-y:1.4;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))}.\[\&_\.bullet-item-active\]\:\!bg-white .bullet-item-active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.\[\&_\.bullet-item\]\:block .bullet-item{display:block}.\[\&_\.bullet-item\]\:h-\[3px\] .bullet-item{height:3px}.\[\&_\.bullet-item\]\:w-\[3px\] .bullet-item{width:3px}.\[\&_\.bullet-item\]\:bg-white\/20 .bullet-item{background-color:hsla(0,0%,100%,.2)}.\[\&_\.bullet-item\]\:duration-300 .bullet-item{animation-duration:.3s;transition-duration:.3s}@media (min-width:1024px){.\[\&_\.cs-mobile-seek\]\:lg\:\!hidden .cs-mobile-seek{display:none!important}}.\[\&_\.swiper-pagination\]\:inset-x-0 .swiper-pagination{left:0;right:0}.\[\&_\.swiper-pagination\]\:bottom-0 .swiper-pagination{bottom:0}.\[\&_\.swiper-pagination\]\:flex .swiper-pagination{display:flex}.\[\&_\.swiper-pagination\]\:h-10 .swiper-pagination{height:2.5rem}.\[\&_\.swiper-pagination\]\:items-center .swiper-pagination{align-items:center}.\[\&_\.swiper-pagination\]\:justify-end .swiper-pagination{justify-content:flex-end}.\[\&_\.swiper-pagination\]\:gap-1 .swiper-pagination{gap:.25rem}.\[\&_\.ui-video-seek-slider\]\:w-full .ui-video-seek-slider{width:100%}.\[\&_\.vds-settings-menu-items\.vds-menu-items\]\:overflow-auto .vds-settings-menu-items.vds-menu-items{overflow:auto}.\[\&_\.yarl__thumbnails_thumbnail_active\]\:\!border-primary .yarl thumbnails thumbnail active{border-color:hsl(var(--color-primary-brand))!important}.\[\&_button\]\:bg-primary button{background-color:hsl(var(--color-primary-brand))}.\[\&_button\]\:text-white button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_button\]\:outline-none button{outline:2px solid transparent;outline-offset:2px}.\[\&_button\]\:hover\:bg-primary-hover:hover button{background-color:hsl(var(--color-primary-brand-hover))}@media (min-width:640px){.sm\:\[\&_button\]\:p-0 button{padding:0}}.\[\&_img\]\:inline-block img{display:inline-block}.\[\&_img\]\:h-\[--icon-size\] img{height:var(--icon-size)}.\[\&_img\]\:h-\[auto\] img{height:auto}.\[\&_img\]\:w-\[--icon-size\] img{width:var(--icon-size)}.\[\&_img\]\:w-\[55px\] img{width:55px}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_img\]\:object-\[calc\(var\(--icon-ps\)\*var\(--icon-size\)\)_0\] img{-o-object-position:calc(var(--icon-ps)*var(--icon-size)) 0;object-position:calc(var(--icon-ps)*var(--icon-size)) 0}@media not all and (min-width:1024px){.max-lg\:\[\&_li\:nth-child\(n\+3\)\]\:hidden li:nth-child(n+3){display:none}}.\[\&_not\(\.art-control-show\)_\.art-progress\]\:pointer-events-none not(.art-control-show) .art-progress{pointer-events:none}.\[\&_video\]\:bg-white\/30 video{background-color:hsla(0,0%,100%,.3)}.\[\&_video\]\:backdrop-blur-sm video{--tw-backdrop-blur:blur(4px);-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)}