@font-face {
    font-family: swiper-icons;
    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");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.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-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    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);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-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;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .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%;
    -webkit-transform: translateX(-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 {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .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));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    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 {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.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 {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/static/fonts/roboto/roboto-v30-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2) format("woff2")
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/static/fonts/ubuntu/ubuntu-v20-latin-ext_latin_greek-ext_cyrillic-ext_cyrillic-regular.woff2) format("woff2")
}

@font-face {
    font-family: Ubuntu;
    font-style: medium;
    font-weight: 500;
    font-display: swap;
    src: url(assets/static/fonts/ubuntu/ubuntu-v20-latin-ext_latin_greek-ext_cyrillic-ext_cyrillic-medium.woff2) format("woff2")
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/static/fonts/ubuntu/ubuntu-v20-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2) format("woff2")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    -webkit-text-decoration-skip: objects
}

svg {
    display: block
}

* {
    -webkit-overflow-scrolling: touch
}

.root-wrapper {
    position: relative
}

.root-wrapper__error-occured {
    height: 100vh;
    background: #e0e4ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0
}

@media screen and (min-width:1025px) {
    .root-wrapper__error-occured {
        padding: 0
    }
}

.root-wrapper__error-occured:before {
    display: none
}

.root-wrapper .content {
    position: relative;
    z-index: 2
}

.casino-banners--slider__games,
.events-tabs-container {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.casino-banners--slider__games::-webkit-scrollbar,
.events-tabs-container::-webkit-scrollbar {
    display: none
}

html {
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    font-display: swap;
    background: #101419;
    color: #1c2026;
    min-height: 100vh
}

html.mobile-mode {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    min-height: 100%
}

hr {
    height: 1px;
    background-color: #eceff1;
    margin: 0;
    border: 0
}

.slide-enter-active {
    -webkit-animation: slide .2s cubic-bezier(.36, 0, 1, 1) both;
    animation: slide .2s cubic-bezier(.36, 0, 1, 1) both
}

.slide-leave-active {
    animation: slide .2s cubic-bezier(0, 0, .42, 1) reverse both
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes highlight {
    0% {
        outline: 4px solid #f3d113
    }

    95% {
        outline: 4px solid #f3d113
    }

    to {
        outline: 0 solid #f3d113
    }
}

@keyframes highlight {
    0% {
        outline: 4px solid #f3d113
    }

    95% {
        outline: 4px solid #f3d113
    }

    to {
        outline: 0 solid #f3d113
    }
}

@-webkit-keyframes loading {
    0% {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@keyframes loading {
    0% {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .38);
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .38)
    }

    70% {
        -webkit-box-shadow: 0 0 0 8px hsla(0, 0%, 100%, 0);
        box-shadow: 0 0 0 8px hsla(0, 0%, 100%, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes flashEventOnGoal {
    0% {
        background-color: rgba(182, 188, 198, .17)
    }

    50% {
        background-color: rgba(182, 188, 198, .54)
    }

    to {
        background-color: rgba(182, 188, 198, .17)
    }
}

@keyframes flashEventOnGoal {
    0% {
        background-color: rgba(182, 188, 198, .17)
    }

    50% {
        background-color: rgba(182, 188, 198, .54)
    }

    to {
        background-color: rgba(182, 188, 198, .17)
    }
}

.goal-animation-enter-active {
    -webkit-animation: goal-animation-in .5s;
    animation: goal-animation-in .5s
}

.goal-animation-leave-active {
    animation: goal-animation-in .5s reverse
}

@-webkit-keyframes goal-animation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes goal-animation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes textAnimationOnGoal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        opacity: .54;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes textAnimationOnGoal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        opacity: .54;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.uk-select:not([multiple]):not([size]).uk-input--light {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon>* {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.uk-icon-link {
    color: #48576f
}

.uk-icon-link:focus,
.uk-icon-link:hover {
    color: #1c2026;
    outline: none
}

.uk-active>.uk-icon-link,
.uk-icon-link:active {
    color: #111417
}

.uk-icon-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: transparent;
    color: #48576f;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.uk-icon-button:focus,
.uk-icon-button:hover {
    background-color: transparent;
    color: #1c2026;
    outline: none
}

.uk-active>.uk-icon-button,
.uk-icon-button:active {
    background-color: transparent;
    color: #1c2026
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.uk-input {
    overflow: visible
}

.uk-select {
    text-transform: none
}

.uk-select optgroup {
    font: inherit;
    font-weight: 700
}

.uk-textarea {
    overflow: auto
}

.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
    opacity: 1
}

.uk-checkbox:not(:disabled),
.uk-radio:not(:disabled) {
    cursor: pointer
}

.uk-fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-input,
.uk-textarea {
    -webkit-appearance: none
}

.uk-input,
.uk-select,
.uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0;
    background: #fff;
    color: #1c2026;
    border-radius: 2px;
    border: 1px solid rgba(224, 228, 234, .87);
    color: #101419;
    font-size: 1rem;
    line-height: 16px;
    padding: 7px
}

.uk-input.uk-input::-webkit-input-placeholder,
.uk-input.uk-select::-webkit-input-placeholder,
.uk-input.uk-textarea::-webkit-input-placeholder,
.uk-select.uk-input::-webkit-input-placeholder,
.uk-select.uk-select::-webkit-input-placeholder,
.uk-select.uk-textarea::-webkit-input-placeholder,
.uk-textarea.uk-input::-webkit-input-placeholder,
.uk-textarea.uk-select::-webkit-input-placeholder,
.uk-textarea.uk-textarea::-webkit-input-placeholder {
    color: rgba(16, 20, 25, .54)
}

.uk-input.uk-input::-moz-placeholder,
.uk-input.uk-select::-moz-placeholder,
.uk-input.uk-textarea::-moz-placeholder,
.uk-select.uk-input::-moz-placeholder,
.uk-select.uk-select::-moz-placeholder,
.uk-select.uk-textarea::-moz-placeholder,
.uk-textarea.uk-input::-moz-placeholder,
.uk-textarea.uk-select::-moz-placeholder,
.uk-textarea.uk-textarea::-moz-placeholder {
    color: rgba(16, 20, 25, .54)
}

.uk-input.uk-input:-ms-input-placeholder,
.uk-input.uk-select:-ms-input-placeholder,
.uk-input.uk-textarea:-ms-input-placeholder,
.uk-select.uk-input:-ms-input-placeholder,
.uk-select.uk-select:-ms-input-placeholder,
.uk-select.uk-textarea:-ms-input-placeholder,
.uk-textarea.uk-input:-ms-input-placeholder,
.uk-textarea.uk-select:-ms-input-placeholder,
.uk-textarea.uk-textarea:-ms-input-placeholder {
    color: rgba(16, 20, 25, .54)
}

.uk-input.uk-input::-ms-input-placeholder,
.uk-input.uk-select::-ms-input-placeholder,
.uk-input.uk-textarea::-ms-input-placeholder,
.uk-select.uk-input::-ms-input-placeholder,
.uk-select.uk-select::-ms-input-placeholder,
.uk-select.uk-textarea::-ms-input-placeholder,
.uk-textarea.uk-input::-ms-input-placeholder,
.uk-textarea.uk-select::-ms-input-placeholder,
.uk-textarea.uk-textarea::-ms-input-placeholder {
    color: rgba(16, 20, 25, .54)
}

.uk-input.uk-input::placeholder,
.uk-input.uk-select::placeholder,
.uk-input.uk-textarea::placeholder,
.uk-select.uk-input::placeholder,
.uk-select.uk-select::placeholder,
.uk-select.uk-textarea::placeholder,
.uk-textarea.uk-input::placeholder,
.uk-textarea.uk-select::placeholder,
.uk-textarea.uk-textarea::placeholder {
    color: rgba(16, 20, 25, .54)
}

.uk-input.uk-input--light,
.uk-input.uk-select--light,
.uk-input.uk-textarea--light,
.uk-select.uk-input--light,
.uk-select.uk-select--light,
.uk-select.uk-textarea--light,
.uk-textarea.uk-input--light,
.uk-textarea.uk-select--light,
.uk-textarea.uk-textarea--light {
    background-color: transparent;
    color: #fff
}

.uk-input.uk-input--light:focus,
.uk-input.uk-select--light:focus,
.uk-input.uk-textarea--light:focus,
.uk-select.uk-input--light:focus,
.uk-select.uk-select--light:focus,
.uk-select.uk-textarea--light:focus,
.uk-textarea.uk-input--light:focus,
.uk-textarea.uk-select--light:focus,
.uk-textarea.uk-textarea--light:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.uk-input.uk-input--light::-webkit-input-placeholder,
.uk-input.uk-select--light::-webkit-input-placeholder,
.uk-input.uk-textarea--light::-webkit-input-placeholder,
.uk-select.uk-input--light::-webkit-input-placeholder,
.uk-select.uk-select--light::-webkit-input-placeholder,
.uk-select.uk-textarea--light::-webkit-input-placeholder,
.uk-textarea.uk-input--light::-webkit-input-placeholder,
.uk-textarea.uk-select--light::-webkit-input-placeholder,
.uk-textarea.uk-textarea--light::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .54)
}

.uk-input.uk-input--light::-moz-placeholder,
.uk-input.uk-select--light::-moz-placeholder,
.uk-input.uk-textarea--light::-moz-placeholder,
.uk-select.uk-input--light::-moz-placeholder,
.uk-select.uk-select--light::-moz-placeholder,
.uk-select.uk-textarea--light::-moz-placeholder,
.uk-textarea.uk-input--light::-moz-placeholder,
.uk-textarea.uk-select--light::-moz-placeholder,
.uk-textarea.uk-textarea--light::-moz-placeholder {
    color: hsla(0, 0%, 100%, .54)
}

.uk-input.uk-input--light:-ms-input-placeholder,
.uk-input.uk-select--light:-ms-input-placeholder,
.uk-input.uk-textarea--light:-ms-input-placeholder,
.uk-select.uk-input--light:-ms-input-placeholder,
.uk-select.uk-select--light:-ms-input-placeholder,
.uk-select.uk-textarea--light:-ms-input-placeholder,
.uk-textarea.uk-input--light:-ms-input-placeholder,
.uk-textarea.uk-select--light:-ms-input-placeholder,
.uk-textarea.uk-textarea--light:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .54)
}

.uk-input.uk-input--light::-ms-input-placeholder,
.uk-input.uk-select--light::-ms-input-placeholder,
.uk-input.uk-textarea--light::-ms-input-placeholder,
.uk-select.uk-input--light::-ms-input-placeholder,
.uk-select.uk-select--light::-ms-input-placeholder,
.uk-select.uk-textarea--light::-ms-input-placeholder,
.uk-textarea.uk-input--light::-ms-input-placeholder,
.uk-textarea.uk-select--light::-ms-input-placeholder,
.uk-textarea.uk-textarea--light::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .54)
}

.uk-input.uk-input--light::placeholder,
.uk-input.uk-select--light::placeholder,
.uk-input.uk-textarea--light::placeholder,
.uk-select.uk-input--light::placeholder,
.uk-select.uk-select--light::placeholder,
.uk-select.uk-textarea--light::placeholder,
.uk-textarea.uk-input--light::placeholder,
.uk-textarea.uk-select--light::placeholder,
.uk-textarea.uk-textarea--light::placeholder {
    color: hsla(0, 0%, 100%, .54)
}

.uk-input,
.uk-select:not([multiple]):not([size]) {
    height: auto;
    vertical-align: middle;
    display: inline-block
}

.uk-input:not(input),
.uk-select:not(select) {
    line-height: 38px
}

.uk-select[multiple],
.uk-select[size],
.uk-textarea {
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    outline: none;
    background-color: #fff;
    color: #1c2026;
    border: 1px solid #b6bcc6
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
    background-color: transparent;
    color: #48576f;
    cursor: not-allowed;
    border-color: #b6bcc6;
    opacity: .17
}

.uk-input::-ms-input-placeholder {
    color: #48576f !important
}

.uk-input::-webkit-input-placeholder {
    color: #48576f
}

.uk-input::-moz-placeholder {
    color: #48576f
}

.uk-input:-ms-input-placeholder {
    color: #48576f
}

.uk-input::placeholder {
    color: #48576f
}

.uk-textarea::-ms-input-placeholder {
    color: #48576f !important
}

.uk-textarea::-webkit-input-placeholder {
    color: #48576f
}

.uk-textarea::-moz-placeholder {
    color: #48576f
}

.uk-textarea:-ms-input-placeholder {
    color: #48576f
}

.uk-textarea::placeholder {
    color: #48576f
}

.uk-form-small {
    font-size: 1rem
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
    height: 30px;
    padding-left: 8px;
    padding-right: 8px
}

.uk-form-small:not(select):not(input):not(textarea) {
    line-height: 28px
}

.uk-form-large {
    font-size: 1.14286rem
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
    height: 55px;
    padding-left: 12px;
    padding-right: 12px
}

.uk-form-large:not(select):not(input):not(textarea) {
    line-height: 53px
}

.uk-form-danger,
.uk-form-danger:focus {
    color: #f696a8;
    border: 1px solid rgba(240, 80, 110, .54);
    color: #101419;
    margin-bottom: 2px
}

.uk-form-danger+span path,
.uk-form-danger:focus+span path {
    cursor: pointer
}

.uk-form-danger:focus,
.uk-form-danger:focus:focus {
    border: 1px solid #f0506e
}

.uk-form-success,
.uk-form-success:focus {
    color: #40ed8d;
    border: 1px solid rgba(19, 206, 102, .54);
    color: #101419;
    margin-bottom: 2px
}

.uk-form-success+span path,
.uk-form-success:focus+span path {
    fill: #13ce66
}

.uk-form-success:focus,
.uk-form-success:focus:focus {
    border: 1px solid #13ce66
}

.uk-form-blank {
    background: none;
    border-color: transparent
}

.uk-form-blank:focus {
    border-color: #e0e4ea;
    border-style: dashed
}

input.uk-form-width-xsmall {
    width: 50px
}

select.uk-form-width-xsmall {
    width: 75px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231c2026%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231c2026%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.uk-select:not([multiple]):not([size])::-ms-expand {
    display: none
}

.uk-select:not([multiple]):not([size]) option {
    color: #444
}

.uk-select:not([multiple]):not([size]):disabled {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2348576f%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2348576f%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-input[list] {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.uk-input[list]:focus,
.uk-input[list]:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231c2026%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-input[list]::-webkit-calendar-picker-indicator {
    display: none
}

.uk-checkbox,
.uk-radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #eceff1;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.uk-radio {
    border-radius: 50%
}

.uk-checkbox:focus,
.uk-radio:focus {
    outline: none;
    border: 1px solid #185cc3
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
    background-color: #1b67da;
    border-color: transparent
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
    background-color: #185cc3;
    border: 1px solid #185cc3
}

.uk-radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled,
.uk-radio:disabled {
    background-color: transparent;
    opacity: .54
}

.uk-checkbox:disabled:checked,
.uk-radio:disabled:checked {
    background-color: #1b67da
}

.uk-radio:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-checkbox:disabled:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 1.42857rem;
    line-height: 1.4
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

.uk-form-custom input[type=file],
.uk-form-custom select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
    cursor: pointer
}

.uk-form-custom input[type=file] {
    font-size: 500px;
    overflow: hidden
}

.uk-form-label {
    color: #101419;
    font-size: 1rem
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px
}

@media (max-width:1024.9px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px
    }
}

@media (min-width:1025px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 7px
    }
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #48576f
}

.uk-form-icon:hover {
    color: #1c2026
}

.uk-form-icon:not(a):not(button):not(input) {
    pointer-events: none
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
    padding-left: 40px !important
}

.uk-form-icon-flip {
    right: 0;
    left: auto
}

.uk-form-icon-flip~.uk-input {
    padding-right: 40px !important
}

.uk-form-warning {
    border: 1px solid rgba(250, 160, 90, .54);
    color: #101419;
    margin-bottom: 2px
}

.uk-form-warning+span path {
    cursor: pointer
}

.uk-form-warning:focus {
    border: 1px solid #faa05a
}

.message {
    font-size: .78571rem;
    line-height: 12px;
    padding: 0 8px;
    margin: 2px 0
}

.message.message--success {
    color: #13ce66
}

.message.message--warning {
    color: #faa05a
}

.message.message--danger {
    color: #f0506e
}

.uk-button {
    margin: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: .85714rem;
    color: hsla(0, 0%, 100%, .87);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    padding: 8px;
    font-weight: 500;
    min-width: 64px;
    line-height: 16px
}

.uk-buttondisabled {
    cursor: not-allowed
}

.uk-button:not(:disabled) {
    cursor: pointer
}

.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-button:hover {
    text-decoration: none
}

.uk-button:focus {
    outline: none
}

.uk-button-default {
    background-color: transparent;
    color: #101419;
    border: 1px solid
}

.uk-button-default:focus,
.uk-button-default:hover {
    background-color: transparent;
    color: #101419;
    border-color: #b2bccb
}

.uk-button-default.uk-active,
.uk-button-default:active {
    background-color: transparent;
    color: #101419;
    border-color: #94a2b7
}

.uk-button-primary {
    background-color: var(--brand-secondary-color);
    color: #fff;
    color: hsla(0, 0%, 100%, .87)
}

.uk-button-primary.no_fill {
    background-color: transparent;
    color: hsla(var(--brand-secondary-color-h), var(--brand-secondary-color-s), var(--brand-secondary-color-l), opaque-xl);
    border: 1px solid var(--brand-secondary-color)
}

.uk-button-primary.no_fill:active,
.uk-button-primary.no_fill:focus,
.uk-button-primary.no_fill:hover {
    background-color: transparent;
    color: var(--brand-secondary-color)
}

.uk-button-primary:focus,
.uk-button-primary:hover {
    background-color: hsl(var(--brand-secondary-color-h), var(--brand-secondary-color-s), calc(var(--brand-secondary-color-l) - 5%));
    color: #fff
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
    background-color: hsl(var(--brand-secondary-color-h), var(--brand-secondary-color-s), calc(var(--brand-secondary-color-l) - 15%));
    color: #fff
}

.uk-button-secondary {
    background-color: var(--brand-primary-color);
    color: #fff;
    color: hsla(0, 0%, 100%, .87)
}

.uk-button-secondary.no_fill {
    background-color: transparent;
    color: hsla(var(--brand-primary-color-h), var(--brand-primary-color-s), var(--brand-primary-color-l), .87);
    border: 1px solid var(--brand-primary-color)
}

.uk-button-secondary.no_fill:active,
.uk-button-secondary.no_fill:focus,
.uk-button-secondary.no_fill:hover {
    background-color: transparent;
    color: var(--brand-primary-color)
}

.uk-button-secondary:focus,
.uk-button-secondary:hover {
    background-color: hsl(var(--brand-primary-color-h), var(--brand-primary-color-s), calc(var(--brand-primary-color-l) - 5%));
    color: #fff
}

.uk-button-secondary.uk-active,
.uk-button-secondary:active {
    background-color: hsl(var(--brand-primary-color-h), var(--brand-primary-color-s), calc(var(--brand-primary-color-l) - 15%));
    color: #fff
}

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
    color: hsla(0, 0%, 100%, .87)
}

.uk-button-danger.no_fill {
    background-color: transparent;
    color: rgba(240, 80, 110, .87);
    border: 1px solid #f0506e
}

.uk-button-danger.no_fill:active,
.uk-button-danger.no_fill:focus,
.uk-button-danger.no_fill:hover {
    background-color: transparent;
    color: #f0506e
}

.uk-button-danger:focus,
.uk-button-danger:hover {
    background-color: #ee395b;
    color: #fff
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
    background-color: #e0133a;
    color: #fff
}

.uk-button-danger:disabled,
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled {
    background-color: #e1e3e8;
    color: #48576f;
    color: rgba(182, 188, 198, .87);
    border: 1px solid #b6bcc6
}

.uk-button-danger:disabled.no_fill,
.uk-button-default:disabled.no_fill,
.uk-button-primary:disabled.no_fill,
.uk-button-secondary:disabled.no_fill {
    background-color: transparent;
    color: rgba(182, 188, 198, .87);
    border: 1px solid #b6bcc6
}

.uk-button-small {
    padding: 0 16px;
    line-height: 28px;
    font-size: 1rem
}

.uk-button-large {
    padding: 0 24px;
    line-height: 53px;
    font-size: 1.14286rem
}

.uk-button-text {
    padding: 0;
    line-height: 16px;
    background: none;
    color: #fff;
    position: relative
}

.uk-button-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: solid #101419;
    -webkit-transition: right .3s ease-out;
    transition: right .3s ease-out
}

.uk-button-text:focus,
.uk-button-text:hover {
    color: #101419
}

.uk-button-text:focus:before,
.uk-button-text:hover:before {
    right: 0
}

.uk-button-text:disabled {
    color: #48576f
}

.uk-button-text:disabled:before {
    display: none
}

.uk-button-link {
    padding: 0;
    line-height: 1;
    background: none;
    color: var(--brand-primary-color-hls)
}

.uk-button-link:focus,
.uk-button-link:hover {
    color: hsl(var(--brand-primary-color-h), var(--brand-primary-color-s), calc(var(--brand-primary-color-l) - 15%));
    text-decoration: underline
}

.uk-button-link:disabled {
    color: #48576f;
    text-decoration: none
}

.uk-button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

.uk-button-success {
    background-color: #13ce66;
    color: hsla(0, 0%, 100%, .87)
}

.uk-button-success.no_fill {
    background-color: transparent;
    color: rgba(19, 206, 102, .87);
    border: 1px solid #13ce66
}

.uk-button-success.no_fill:active,
.uk-button-success.no_fill:focus,
.uk-button-success.no_fill:hover {
    background-color: transparent;
    color: #13ce66
}

.uk-button-success:focus,
.uk-button-success:hover {
    background-color: #11b75a;
    color: #fff
}

.uk-button-success.uk-active,
.uk-button-success:active {
    background-color: #0d8843;
    color: #fff
}

.uk-button-tertiary {
    background-color: #fff;
    color: rgba(28, 32, 38, .87);
    border: 1px solid rgba(28, 32, 38, .87)
}

.uk-button-tertiary.no_fill {
    background-color: transparent;
    color: rgba(16, 20, 25, .54);
    border: 1px solid rgba(182, 188, 198, .87)
}

.uk-button-tertiary.no_fill.solid {
    color: #1c2026
}

.uk-button-tertiary.no_fill:active,
.uk-button-tertiary.no_fill:focus,
.uk-button-tertiary.no_fill:hover:not([disabled]) {
    background-color: transparent;
    color: rgba(28, 32, 38, .87);
    border: 1px solid #b6bcc6
}

.uk-button-tertiary.no_fill:disabled {
    color: rgba(28, 32, 38, .38)
}

.uk-button-tertiary.light {
    background-color: transparent;
    color: hsla(0, 0%, 100%, .87);
    border: 1px solid hsla(0, 0%, 100%, .87)
}

.uk-button-tertiary.light:active,
.uk-button-tertiary.light:focus,
.uk-button-tertiary.light:hover:not([disabled]) {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.uk-button-tertiary.light:disabled {
    color: hsla(0, 0%, 100%, .38)
}

.uk-button-tertiary.no_border {
    border-color: transparent
}

.uk-button-tertiary:focus,
.uk-button-tertiary:hover:not([disabled]) {
    color: #fff
}

.uk-button-tertiary.uk-active,
.uk-button-tertiary:active {
    background-color: #b2bccb;
    color: #fff
}

.uk-button-tertiary:focus,
.uk-button-tertiary:hover:not([disabled]) {
    background-color: #d1d7e0;
    color: #1c2026
}

.uk-button-tertiary--inverted {
    background-color: rgba(28, 32, 38, .87);
    color: hsla(0, 0%, 100%, .87);
    border-color: transparent
}

.uk-button-tertiary--inverted:disabled {
    border: 1px solid #b6bcc6;
    background-color: transparent;
    color: rgba(16, 20, 25, .54)
}

.uk-button-tertiary--inverted.uk-active,
.uk-button-tertiary--inverted:active,
.uk-button-tertiary--inverted:focus,
.uk-button-tertiary--inverted:hover:not([disabled]) {
    background-color: #111417;
    color: #fff
}

.uk-button-icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 7px
}

.uk-button-icon-text [class*=kz-icon] {
    margin-right: 2px
}

.uk-button-only-icon {
    padding: 3px;
    line-height: 1;
    min-width: 0
}

.uk-button-only-icon__icon {
    display: block
}

.uk-close {
    color: #48576f;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity
}

.uk-close:focus,
.uk-close:hover {
    color: #1c2026;
    outline: none
}

.uk-spinner>* {
    -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
    animation: uk-spinner-rotate 1.4s linear infinite
}

@-webkit-keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.uk-spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@-webkit-keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.uk-badge {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 500px;
    vertical-align: middle;
    background: var(--brand-secondary-color);
    color: #fff;
    font-size: .78571rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uk-badge:focus,
.uk-badge:hover {
    color: #fff;
    text-decoration: none;
    outline: none
}

.uk-alert {
    position: relative;
    margin-bottom: 8px;
    padding: 16px 30px 16px 16px;
    background: transparent;
    color: #1c2026;
    display: inline-block;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 16px;
    max-width: 640px
}

.uk-alert--in-element {
    text-align: left;
    max-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.uk-alert--in-element i {
    cursor: pointer
}

.uk-alert--in-element .uk-alert-close {
    position: static;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.uk-alert--no-icon {
    padding: 16px
}

*+.uk-alert {
    margin-top: 8px
}

.uk-alert>:last-child {
    margin-bottom: 0
}

.uk-alert-close {
    position: absolute;
    top: 8px;
    right: 8px;
    margin-top: 5px;
    cursor: pointer
}

.uk-alert-close:first-child+* {
    margin-top: 0
}

.uk-alert-close:focus,
.uk-alert-close:hover {
    color: inherit;
    opacity: .8
}

.uk-alert-primary {
    background: #cedef7;
    color: #1b67da
}

.uk-alert-success {
    background: #dbf8e8;
    color: #13ce66
}

.uk-alert-success path {
    fill: #13ce66
}

.uk-alert-warning {
    background: #fef5ee;
    color: #faa05a
}

.uk-alert-warning path {
    fill: #faa05a
}

.uk-alert-danger {
    background: #fef4f6;
    color: #f0506e
}

.uk-alert-danger path {
    fill: #f0506e
}

.uk-alert-neutral {
    background: #cedef7;
    color: #1b67da
}

.uk-alert-neutral path {
    fill: #1b67da
}

.uk-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 200px;
    padding: 8px;
    background: #fff;
    color: #1c2026;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    white-space: nowrap
}

.uk-dropdown.uk-open {
    display: block
}

.uk-dropdown-nav {
    white-space: nowrap;
    font-size: 1rem
}

.uk-dropdown-nav>li>a {
    color: #48576f
}

.uk-dropdown-nav>li.uk-active>a,
.uk-dropdown-nav>li>a:focus,
.uk-dropdown-nav>li>a:hover {
    color: #1c2026
}

.uk-dropdown-nav .uk-nav-header {
    color: #101419
}

.uk-dropdown-nav .uk-nav-divider {
    border-top: 1px solid #e0e4ea
}

.uk-dropdown-nav .uk-nav-sub a {
    color: #48576f
}

.uk-dropdown-nav .uk-nav-sub a:focus,
.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active>a {
    color: #1c2026
}

[class*=uk-dropdown-top] {
    margin-top: -8px
}

[class*=uk-dropdown-bottom] {
    margin-top: 8px
}

[class*=uk-dropdown-left] {
    margin-left: -8px
}

[class*=uk-dropdown-right] {
    margin-left: 8px
}

.uk-dropdown-stack .uk-dropdown-grid>* {
    width: 100% !important
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media (min-width:825px) {
    .uk-modal {
        padding: 50px 8px
    }
}

@media (min-width:1025px) {
    .uk-modal {
        padding-left: 24px;
        padding-right: 24px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px) !important;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.uk-open>.uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
    width: 1200px
}

.uk-modal-full {
    padding: 0;
    background: none
}

.uk-modal-full .uk-modal-dialog {
    margin: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-body {
    padding: 8px
}

.uk-modal-header {
    padding: 4px 8px;
    background: #fff;
    border-bottom: 1px solid #e0e4ea
}

.uk-modal-footer {
    padding: 4px 8px;
    background: #fff;
    border-top: 1px solid #e0e4ea
}

.uk-modal-body:after,
.uk-modal-body:before,
.uk-modal-footer:after,
.uk-modal-footer:before,
.uk-modal-header:after,
.uk-modal-header:before {
    content: "";
    display: table
}

.uk-modal-body:after,
.uk-modal-footer:after,
.uk-modal-header:after {
    clear: both
}

.uk-modal-body>:last-child,
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
    margin-bottom: 0
}

.uk-modal-title {
    font-size: 1.71429rem;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 8px;
    right: 8px;
    padding: 5px
}

[class*=uk-modal-close-]:first-child+* {
    margin-top: 0
}

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #fff
}

.uk-modal-close-outside:hover {
    color: #fff
}

@media (min-width:1025px) {
    .uk-modal-close-outside {
        right: 0;
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }
}

.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 4px;
    background: #fff
}

.uk-sticky-fixed {
    z-index: 980;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.uk-sticky.uk-animation-reverse,
.uk-sticky[class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right,
.uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center,
.uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center,
.uk-notification-bottom-left,
.uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:824.9px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    padding: 8px;
    background: #f3d113;
    color: #1c2026;
    line-height: 1.4;
    cursor: pointer;
    font-size: .85714rem;
    line-height: 16px;
    cursor: default
}

*+.uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 21px;
    right: 16px;
    display: block;
    position: static;
    top: auto;
    right: auto;
    color: #1c2026;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #fff
}

.uk-notification-message-success {
    color: #40ed8d
}

.uk-notification-message-warning {
    color: #fccba4
}

.uk-notification-message-danger {
    color: #f696a8
}

.uk-progress {
    vertical-align: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    border: 0;
    background-color: #eceff1;
    margin-bottom: 4px;
    height: 8px;
    border-radius: 64px;
    overflow: hidden
}

*+.uk-progress {
    margin-top: 4px
}

.uk-progress:indeterminate {
    color: transparent
}

.uk-progress::-webkit-progress-bar {
    background-color: #eceff1;
    border-radius: 64px;
    overflow: hidden
}

.uk-progress:indeterminate::-moz-progress-bar {
    width: 0
}

.uk-progress::-webkit-progress-value {
    background-color: #1b67da;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
    background-color: #1b67da
}

.uk-progress::-ms-fill {
    background-color: #1b67da;
    -ms-transition: width .6s ease;
    transition: width .6s ease;
    border: 0
}

[class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18
}

.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right
}

.uk-animation-slide-top-small {
    -webkit-animation-name: uk-fade-top-small;
    animation-name: uk-fade-top-small
}

.uk-animation-slide-bottom-small {
    -webkit-animation-name: uk-fade-bottom-small;
    animation-name: uk-fade-bottom-small
}

.uk-animation-slide-left-small {
    -webkit-animation-name: uk-fade-left-small;
    animation-name: uk-fade-left-small
}

.uk-animation-slide-right-small {
    -webkit-animation-name: uk-fade-right-small;
    animation-name: uk-fade-right-small
}

.uk-animation-slide-top-medium {
    -webkit-animation-name: uk-fade-top-medium;
    animation-name: uk-fade-top-medium
}

.uk-animation-slide-bottom-medium {
    -webkit-animation-name: uk-fade-bottom-medium;
    animation-name: uk-fade-bottom-medium
}

.uk-animation-slide-left-medium {
    -webkit-animation-name: uk-fade-left-medium;
    animation-name: uk-fade-left-medium
}

.uk-animation-slide-right-medium {
    -webkit-animation-name: uk-fade-right-medium;
    animation-name: uk-fade-right-medium
}

.uk-animation-kenburns {
    -webkit-animation-name: uk-scale-kenburns;
    animation-name: uk-scale-kenburns;
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake
}

.uk-animation-stroke {
    -webkit-animation-name: uk-stroke;
    animation-name: uk-stroke;
    stroke-dasharray: var(--uk-animation-stroke);
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.uk-animation-reverse {
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    -webkit-animation-name: none;
    animation-name: none
}

.uk-animation-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-animation-toggle:focus {
    outline: none
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

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

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

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

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

@keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

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

@-webkit-keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@-webkit-keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

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

@keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

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

@-webkit-keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

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

@keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

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

@-webkit-keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

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

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

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

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

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

@-webkit-keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes uk-shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes uk-shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

[class*=uk-animation-] {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .42, 1);
    animation-timing-function: cubic-bezier(0, 0, .42, 1)
}

.uk-animation-reverse {
    -webkit-animation-timing-function: cubic-bezier(.36, 0, 1, 1);
    animation-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.uk-animation-fade {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

[class*=uk-position-bottom],
[class*=uk-position-center],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-top] {
    position: absolute !important;
    max-width: 100%
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[class*=uk-position-center-left],
[class*=uk-position-center-right] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%
}

.uk-position-center-left-out,
.uk-position-center-right-out {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%
}

.uk-position-bottom-center,
.uk-position-top-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative !important
}

.uk-position-absolute {
    position: absolute !important
}

.uk-position-fixed {
    position: fixed !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-small {
    max-width: calc(100% - 32px);
    margin: 16px
}

.uk-position-small.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-16px, -16px);
    transform: translate(-50%, -50%) translate(-16px, -16px)
}

.uk-position-small[class*=uk-position-center-left],
.uk-position-small[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-16px);
    transform: translateY(-50%) translateY(-16px)
}

.uk-position-small.uk-position-bottom-center,
.uk-position-small.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-16px);
    transform: translateX(-50%) translateX(-16px)
}

.uk-position-medium {
    max-width: calc(100% - 16px);
    margin: 8px
}

.uk-position-medium.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-8px, -8px);
    transform: translate(-50%, -50%) translate(-8px, -8px)
}

.uk-position-medium[class*=uk-position-center-left],
.uk-position-medium[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-8px);
    transform: translateY(-50%) translateY(-8px)
}

.uk-position-medium.uk-position-bottom-center,
.uk-position-medium.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-8px);
    transform: translateX(-50%) translateX(-8px)
}

.uk-position-large {
    max-width: calc(100% - 16px);
    margin: 8px
}

.uk-position-large.uk-position-center {
    -webkit-transform: translate(-50%, -50%) translate(-8px, -8px);
    transform: translate(-50%, -50%) translate(-8px, -8px)
}

.uk-position-large[class*=uk-position-center-left],
.uk-position-large[class*=uk-position-center-right] {
    -webkit-transform: translateY(-50%) translateY(-8px);
    transform: translateY(-50%) translateY(-8px)
}

.uk-position-large.uk-position-bottom-center,
.uk-position-large.uk-position-top-center {
    -webkit-transform: translateX(-50%) translateX(-8px);
    transform: translateX(-50%) translateX(-8px)
}

@media (min-width:1281px) {
    .uk-position-large {
        max-width: calc(100% - 100px);
        margin: 50px
    }

    .uk-position-large.uk-position-center {
        -webkit-transform: translate(-50%, -50%) translate(-50px, -50px);
        transform: translate(-50%, -50%) translate(-50px, -50px)
    }

    .uk-position-large[class*=uk-position-center-left],
    .uk-position-large[class*=uk-position-center-right] {
        -webkit-transform: translateY(-50%) translateY(-50px);
        transform: translateY(-50%) translateY(-50px)
    }

    .uk-position-large.uk-position-bottom-center,
    .uk-position-large.uk-position-top-center {
        -webkit-transform: translateX(-50%) translateX(-50px);
        transform: translateX(-50%) translateX(-50px)
    }
}

.uk-position-top-left-corner {
    top: -64px;
    left: -6px
}

.uk-position-top-right-corner {
    top: -2px;
    right: -2px
}

.uk-position-bottom-left-corner {
    bottom: -6px;
    left: -6px
}

.uk-position-bottom-right-corner {
    bottom: -6px;
    right: -6px
}

.uk-hidden,
[hidden] {
    display: none !important
}

@media (min-width:825px) {
    .uk-hidden\@s {
        display: none !important
    }
}

@media (min-width:1025px) {
    .uk-hidden\@m {
        display: none !important
    }
}

@media (min-width:1281px) {
    .uk-hidden\@l {
        display: none !important
    }
}

@media (min-width:1366px) {
    .uk-hidden\@xl {
        display: none !important
    }
}

@media (max-width:824.9px) {
    .uk-visible\@s {
        display: none !important
    }
}

@media (max-width:1024.9px) {
    .uk-visible\@m {
        display: none !important
    }
}

@media (max-width:1280.9px) {
    .uk-visible\@l {
        display: none !important
    }
}

@media (max-width:1365.9px) {
    .uk-visible\@xl {
        display: none !important
    }
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

.uk-visible-toggle {
    -webkit-tap-highlight-color: transparent
}

.uk-visible-toggle:focus {
    outline: none
}

@media (pointer:coarse) {
    .uk-hidden-touch {
        display: none !important
    }
}

.uk-hidden-notouch {
    display: none !important
}

@media (pointer:coarse) {
    .uk-hidden-notouch {
        display: block !important
    }
}

@media (min-width:480px) {
    .uk-hidden\@xs {
        display: none !important
    }
}

@media (min-width:1600px) {
    .uk-hidden\@xxl {
        display: none !important
    }
}

@media (max-width:479.9px) {
    .uk-visible\@xs {
        display: none !important
    }
}

@media (max-width:1599.9px) {
    .uk-visible\@xxl {
        display: none !important
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #eceff1;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #eceff1, 0 0 5px #eceff1;
    box-shadow: 0 0 10px #eceff1, 0 0 5px #eceff1;
    opacity: 1;
    -webkit-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 26px;
    left: 50%;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

#nprogress .spinner-icon {
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #eceff1 transparent transparent #eceff1;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.grid__column--fixed {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid__column--fluid {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.grid__column--full {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.grid__column--main {
    height: 100%
}

.grid__column__small {
    width: 0
}

@media screen and (min-width:825px) {
    .grid__column__small {
        width: 256px
    }
}

.grid__column__medium {
    width: 0
}

@media screen and (min-width:825px) {
    .grid__column__medium {
        width: 320px
    }
}

.grid__column__large {
    width: 0
}

@media screen and (min-width:825px) {
    .grid__column__large {
        width: 320px
    }
}

@media screen and (min-width:1281px) {
    .grid__column__large {
        width: 320px
    }

    .grid__column__large--expanded {
        width: 480px
    }
}

@media screen and (min-width:1600px) {
    .grid__column__large {
        width: 480px
    }

    .grid__column__large--expanded {
        width: 640px
    }
}

.grid__column__main-content {
    background-color: #eceff1
}

[class*=kz-icon] {
    display: inline-block;
    vertical-align: text-bottom;
    background-size: cover
}

[class*=kz-icon]:focus {
    outline: none
}

[class*=kz-icon].kz-icon--text-top {
    vertical-align: text-top
}

.kz-icon-pico {
    width: 8px;
    height: 8px
}

.kz-icon-xxxs {
    width: 12px;
    height: 12px
}

.kz-icon-sxxs {
    width: 14px;
    height: 14px
}

.kz-icon-xxs {
    width: 16px;
    height: 16px
}

.kz-icon-sxs {
    width: 18px;
    height: 18px
}

.kz-icon-xs {
    width: 20px;
    height: 20px
}

.kz-icon-s {
    width: 24px;
    height: 24px
}

.kz-icon-m {
    width: 32px;
    height: 32px
}

.kz-icon-ml {
    width: 44px;
    height: 44px
}

.kz-icon-ml-2 {
    width: 48px;
    height: 48px
}

.kz-icon-l {
    width: 56px;
    height: 56px
}

.icon--color-white-snow path,
.icon--color-white-snow polygon,
.icon--color-white-snow rect,
.icon--color-white-snow svg path,
.icon--color-white-snow svg polygon,
.icon--color-white-snow svg rect {
    fill: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dirty-snow-100 path,
.icon--color-dirty-snow-100 polygon,
.icon--color-dirty-snow-100 rect,
.icon--color-dirty-snow-100 svg path,
.icon--color-dirty-snow-100 svg polygon,
.icon--color-dirty-snow-100 svg rect {
    fill: #eceff1;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200 path,
.icon--color-dark-snow-200 polygon,
.icon--color-dark-snow-200 rect,
.icon--color-dark-snow-200 svg path,
.icon--color-dark-snow-200 svg polygon,
.icon--color-dark-snow-200 svg rect {
    fill: #e0e4ea;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-smokey-300 path,
.icon--color-smokey-300 polygon,
.icon--color-smokey-300 rect,
.icon--color-smokey-300 svg path,
.icon--color-smokey-300 svg polygon,
.icon--color-smokey-300 svg rect {
    fill: #b6bcc6;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-east-bay-400 path,
.icon--color-east-bay-400 polygon,
.icon--color-east-bay-400 rect,
.icon--color-east-bay-400 svg path,
.icon--color-east-bay-400 svg polygon,
.icon--color-east-bay-400 svg rect {
    fill: #48576f;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-cloud-burst-500 path,
.icon--color-cloud-burst-500 polygon,
.icon--color-cloud-burst-500 rect,
.icon--color-cloud-burst-500 svg path,
.icon--color-cloud-burst-500 svg polygon,
.icon--color-cloud-burst-500 svg rect {
    fill: #374456;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-licorice-600 path,
.icon--color-licorice-600 polygon,
.icon--color-licorice-600 rect,
.icon--color-licorice-600 svg path,
.icon--color-licorice-600 svg polygon,
.icon--color-licorice-600 svg rect {
    fill: #2d3745;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-slate path,
.icon--color-slate polygon,
.icon--color-slate rect,
.icon--color-slate svg path,
.icon--color-slate svg polygon,
.icon--color-slate svg rect {
    fill: #69778b;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-steel-800 path,
.icon--color-steel-800 polygon,
.icon--color-steel-800 rect,
.icon--color-steel-800 svg path,
.icon--color-steel-800 svg polygon,
.icon--color-steel-800 svg rect {
    fill: #1c2026;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-moon path,
.icon--color-moon polygon,
.icon--color-moon rect,
.icon--color-moon svg path,
.icon--color-moon svg polygon,
.icon--color-moon svg rect {
    fill: #1b67da;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-afrodite path,
.icon--color-afrodite polygon,
.icon--color-afrodite rect,
.icon--color-afrodite svg path,
.icon--color-afrodite svg polygon,
.icon--color-afrodite svg rect {
    fill: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus path,
.icon--color-zeus polygon,
.icon--color-zeus rect,
.icon--color-zeus svg path,
.icon--color-zeus svg polygon,
.icon--color-zeus svg rect {
    fill: #13ce66;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus-dark path,
.icon--color-zeus-dark polygon,
.icon--color-zeus-dark rect,
.icon--color-zeus-dark svg path,
.icon--color-zeus-dark svg polygon,
.icon--color-zeus-dark svg rect {
    fill: #1c6848;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus-light path,
.icon--color-zeus-light polygon,
.icon--color-zeus-light rect,
.icon--color-zeus-light svg path,
.icon--color-zeus-light svg polygon,
.icon--color-zeus-light svg rect {
    fill: #edfbf3;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-danger path,
.icon--color-danger polygon,
.icon--color-danger rect,
.icon--color-danger svg path,
.icon--color-danger svg polygon,
.icon--color-danger svg rect {
    fill: #f0506e;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-warning path,
.icon--color-warning polygon,
.icon--color-warning rect,
.icon--color-warning svg path,
.icon--color-warning svg polygon,
.icon--color-warning svg rect {
    fill: #faa05a;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-success path,
.icon--color-success polygon,
.icon--color-success rect,
.icon--color-success svg path,
.icon--color-success svg polygon,
.icon--color-success svg rect {
    fill: #13ce66;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-brand-primary path,
.icon--color-brand-primary polygon,
.icon--color-brand-primary rect,
.icon--color-brand-primary svg path,
.icon--color-brand-primary svg polygon,
.icon--color-brand-primary svg rect {
    fill: var(--brand-primary-color);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow svg path,
.icon--color-dark-snow-200-color-white-snow svg polygon,
.icon--color-dark-snow-200-color-white-snow svg rect {
    fill: #e0e4ea;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow svg:hover path,
.icon--color-dark-snow-200-color-white-snow svg:hover polygon,
.icon--color-dark-snow-200-color-white-snow svg:hover rect {
    fill: #fff
}

.icon--color-dark-snow-200-color-white-snow path,
.icon--color-dark-snow-200-color-white-snow polygon,
.icon--color-dark-snow-200-color-white-snow rect {
    fill: #e0e4ea;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow:hover path,
.icon--color-dark-snow-200-color-white-snow:hover polygon,
.icon--color-dark-snow-200-color-white-snow:hover rect {
    fill: #fff
}

.icon--color-hermes path,
.icon--color-hermes polygon,
.icon--color-hermes rect,
.icon--color-hermes svg path,
.icon--color-hermes svg polygon,
.icon--color-hermes svg rect {
    fill: #6233ff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-neptune path,
.icon--color-neptune polygon,
.icon--color-neptune rect,
.icon--color-neptune svg path,
.icon--color-neptune svg polygon,
.icon--color-neptune svg rect {
    fill: #a519c1;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-pluto-base path,
.icon--color-pluto-base polygon,
.icon--color-pluto-base rect,
.icon--color-pluto-base svg path,
.icon--color-pluto-base svg polygon,
.icon--color-pluto-base svg rect {
    fill: #faa05a;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-special-competition path,
.icon--color-special-competition polygon,
.icon--color-special-competition rect,
.icon--color-special-competition svg path,
.icon--color-special-competition svg polygon,
.icon--color-special-competition svg rect {
    fill: #8a1538;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-puerto-rico path,
.icon--color-puerto-rico polygon,
.icon--color-puerto-rico rect,
.icon--color-puerto-rico svg path,
.icon--color-puerto-rico svg polygon,
.icon--color-puerto-rico svg rect {
    fill: #40beac;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-jupiter path,
.icon--color-jupiter polygon,
.icon--color-jupiter rect,
.icon--color-jupiter svg path,
.icon--color-jupiter svg polygon,
.icon--color-jupiter svg rect {
    fill: #0996a0;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--loader--white-snow {
    stroke: #fff
}

.icon--loader--brand-secondary {
    stroke: var(--brand-secondary-color)
}

.icon--loader--special-competition {
    stroke: #8a1538
}

.icon--loader--success {
    stroke: #13ce66
}

.icon--loader--dark-steel-900 {
    stroke: #101419
}

.icon--stroke--cloud-burst-500 path,
.icon--stroke--cloud-burst-500 polygon,
.icon--stroke--cloud-burst-500 rect,
.icon--stroke--cloud-burst-500 svg path,
.icon--stroke--cloud-burst-500 svg polygon,
.icon--stroke--cloud-burst-500 svg rect {
    stroke: #374456;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--stroke--white-snow path,
.icon--stroke--white-snow polygon,
.icon--stroke--white-snow rect,
.icon--stroke--white-snow svg path,
.icon--stroke--white-snow svg polygon,
.icon--stroke--white-snow svg rect {
    stroke: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--stroke--afrodite path,
.icon--stroke--afrodite polygon,
.icon--stroke--afrodite rect,
.icon--stroke--afrodite svg path,
.icon--stroke--afrodite svg polygon,
.icon--stroke--afrodite svg rect {
    stroke: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color--leather path,
.icon--color--leather polygon,
.icon--color--leather rect,
.icon--color--leather svg path,
.icon--color--leather svg polygon,
.icon--color--leather svg rect {
    fill: #9f7657;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--loader--spacing {
    padding: 4px
}

.icon-stroke-opacity-l {
    stroke-opacity: .54
}

.icon--opacity-s {
    opacity: .17
}

.icon--opacity-s svg path,
.icon--opacity-s svg polygon,
.icon--opacity-s svg rect {
    opacity: .17;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-s svg:focus {
    outline: none
}

.icon--opacity-s path,
.icon--opacity-s polygon,
.icon--opacity-s rect {
    opacity: .17;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-s:focus {
    outline: none
}

.icon--opacity-m {
    opacity: .38
}

.icon--opacity-m svg path,
.icon--opacity-m svg polygon,
.icon--opacity-m svg rect {
    opacity: .38;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-m svg:focus {
    outline: none
}

.icon--opacity-m path,
.icon--opacity-m polygon,
.icon--opacity-m rect {
    opacity: .38;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-m:focus {
    outline: none
}

.icon--opacity-l {
    opacity: .54
}

.icon--opacity-l svg path,
.icon--opacity-l svg polygon,
.icon--opacity-l svg rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l svg:focus {
    outline: none
}

.icon--opacity-l path,
.icon--opacity-l polygon,
.icon--opacity-l rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l:focus {
    outline: none
}

.icon--opacity-xl {
    opacity: .87
}

.icon--opacity-xl svg path,
.icon--opacity-xl svg polygon,
.icon--opacity-xl svg rect {
    opacity: .87;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl svg:focus {
    outline: none
}

.icon--opacity-xl path,
.icon--opacity-xl polygon,
.icon--opacity-xl rect {
    opacity: .87;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl:focus {
    outline: none
}

.icon--opacity-opacity-full {
    opacity: 1
}

.icon--opacity-opacity-full svg path,
.icon--opacity-opacity-full svg polygon,
.icon--opacity-opacity-full svg rect {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-opacity-full svg:focus {
    outline: none
}

.icon--opacity-opacity-full path,
.icon--opacity-opacity-full polygon,
.icon--opacity-opacity-full rect {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-opacity-full:focus {
    outline: none
}

.icon--opacity-l-full {
    opacity: .54
}

.icon--opacity-l-full:hover {
    opacity: 1
}

.icon--opacity-l-full svg path,
.icon--opacity-l-full svg polygon,
.icon--opacity-l-full svg rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l-full svg:hover path,
.icon--opacity-l-full svg:hover polygon,
.icon--opacity-l-full svg:hover rect {
    opacity: 1
}

.icon--opacity-l-full svg:focus {
    outline: none
}

.icon--opacity-l-full path,
.icon--opacity-l-full polygon,
.icon--opacity-l-full rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l-full:hover path,
.icon--opacity-l-full:hover polygon,
.icon--opacity-l-full:hover rect {
    opacity: 1
}

.icon--opacity-l-full:focus {
    outline: none
}

.icon--opacity-xl-full {
    opacity: .87
}

.icon--opacity-xl-full:hover {
    opacity: 1
}

.icon--opacity-xl-full svg path,
.icon--opacity-xl-full svg polygon,
.icon--opacity-xl-full svg rect {
    opacity: .87;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl-full svg:hover path,
.icon--opacity-xl-full svg:hover polygon,
.icon--opacity-xl-full svg:hover rect {
    opacity: 1
}

.icon--opacity-xl-full svg:focus {
    outline: none
}

.icon--opacity-xl-full path,
.icon--opacity-xl-full polygon,
.icon--opacity-xl-full rect {
    opacity: .87;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl-full:hover path,
.icon--opacity-xl-full:hover polygon,
.icon--opacity-xl-full:hover rect {
    opacity: 1
}

.icon--opacity-xl-full:focus {
    outline: none
}

.icon--clickable {
    cursor: pointer
}

.icon--clickable svg path,
.icon--clickable svg polygon,
.icon--clickable svg rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--clickable svg:hover path,
.icon--clickable svg:hover polygon,
.icon--clickable svg:hover rect {
    opacity: 1
}

.icon--clickable svg:focus {
    outline: none
}

.icon--clickable path,
.icon--clickable polygon,
.icon--clickable rect {
    opacity: .54;
    -webkit-transition: opacity .1s cubic-bezier(.36, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--clickable:hover path,
.icon--clickable:hover polygon,
.icon--clickable:hover rect {
    opacity: 1
}

.icon--clickable:focus {
    outline: none
}

.icon--clickable .kz-icon {
    opacity: .54
}

.icon--active,
.icon--clickable .kz-icon:hover {
    opacity: 1
}

.icon--text {
    display: block;
    font-size: 7px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transform: skew(-2deg, -10deg);
    transform: skew(-2deg, -10deg);
    text-align: center
}

.icon--rotate {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fade-enter {
    opacity: 0
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .1s cubic-bezier(.64, 0, .35, 1);
    transition: opacity .1s cubic-bezier(.64, 0, .35, 1)
}

.fade-leave-to {
    opacity: 0
}

.slideInFrom-bottom-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slideInFrom-bottom-enter-active,
.slideInFrom-bottom-leave-active {
    -webkit-transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1), -webkit-transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-bottom-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slideInFrom-top-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slideInFrom-top-enter-active,
.slideInFrom-top-leave-active {
    -webkit-transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1), -webkit-transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-top-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slideInFrom-left-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slideInFrom-left-enter-active,
.slideInFrom-left-leave-active {
    -webkit-transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1), -webkit-transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-left-leave-to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slideInFrom-right-enter {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slideInFrom-right-enter-active,
.slideInFrom-right-leave-active {
    -webkit-transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: -webkit-transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1);
    transition: transform .1s cubic-bezier(.64, 0, .35, 1), -webkit-transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-right-leave-to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.flip-list-move {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.36, 0, 1, 1);
    transition: -webkit-transform .2s cubic-bezier(.36, 0, 1, 1);
    transition: transform .2s cubic-bezier(.36, 0, 1, 1);
    transition: transform .2s cubic-bezier(.36, 0, 1, 1), -webkit-transform .2s cubic-bezier(.36, 0, 1, 1)
}

.small-slide-in-from-bottom-enter {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0
}

.small-slide-in-from-bottom-enter-active {
    -webkit-transition: all .3s cubic-bezier(.64, 0, .35, 1);
    transition: all .3s cubic-bezier(.64, 0, .35, 1)
}

.small-slide-in-from-bottom-enter-to,
.small-slide-in-from-bottom-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.small-slide-in-from-bottom-leave-active {
    -webkit-transition: all .3s cubic-bezier(.64, 0, .35, 1);
    transition: all .3s cubic-bezier(.64, 0, .35, 1)
}

.small-slide-in-from-bottom-leave-to {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0
}

.sb-checkbox {
    font-size: .85714rem;
    line-height: 16px;
    letter-spacing: .2px;
    color: #1b67da;
    padding: 8px;
    margin: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:825px) {
    .sb-checkbox {
        padding: 0;
        margin: 8px
    }
}

.sb-checkbox--selected {
    color: #1b67da;
    font-weight: 700
}

.sb-checkbox--selected .sb-checkbox__link {
    color: #1b67da
}

@media screen and (min-width:1025px) {
    .sb-checkbox:hover {
        color: #1b67da;
        font-weight: 700
    }

    .sb-checkbox:hover .sb-checkbox__link {
        color: #1b67da
    }
}

.sb-checkbox__input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-color: #b6bcc6;
    margin: 0;
    vertical-align: bottom
}

.sb-checkbox--primary {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700
}

.sb-checkbox--secondary {
    color: #101419;
    margin: 2px 8px
}

@media screen and (min-width:825px) {
    .sb-checkbox--short {
        margin: 4px 8px
    }
}

.sb-checkbox__text {
    margin-left: 8px
}

.sb-checkbox__link {
    margin-left: 8px;
    color: #101419;
    text-decoration: none
}

.sb-checkbox__link:visited {
    color: inherit
}

.sb-checkbox__link:hover {
    text-decoration: underline
}

.sb-checkbox__link--selected,
.sb-checkbox__link:hover {
    color: #1b67da;
    font-weight: 700
}

.sb-checkbox__link--selected:visited,
.sb-checkbox__link:hover:visited,
.sb-checkbox__link__section {
    color: #1b67da
}

.sb-star {
    font-size: .85714rem;
    line-height: 16px;
    letter-spacing: .2px;
    padding: 0;
    margin: 0 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sb-star:hover {
    opacity: 1
}

.sport-block__item__header>.sb-star {
    padding: 4px 8px;
    margin: 0
}

.league-block__header__title>.sb-star {
    margin: 0
}

.sb-star__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: bottom
}

.sb-star__icon:hover {
    cursor: pointer
}

.sb-star__icon:hover path,
.sb-star__icon:hover polygon,
.sb-star__icon:hover rect,
.sb-star__icon:hover svg path,
.sb-star__icon:hover svg polygon,
.sb-star__icon:hover svg rect {
    fill: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-star__title {
    font-size: 1rem;
    line-height: 22px;
    font-weight: 700;
    color: #1b67da;
    margin-left: 4px
}

.sb-star__text {
    font-size: .85714rem;
    line-height: 20px;
    margin-left: 4px
}

.sb-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.sb-arrow--collapsed {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sb-arrow--margin {
    margin: 4px
}

.sb-accordion__header {
    background-color: #eceff1;
    cursor: pointer;
    font-size: .85714rem;
    line-height: 16px;
    color: #101419;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sb-accordion__header__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .87
}

.sb-accordion__header__actions {
    color: #000;
    opacity: .87
}

.sb-accordion__header__actions__action {
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.sb-accordion__header__actions__action--active {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sb-accordion__show-all {
    font-size: .85714rem;
    line-height: 16px;
    text-align: center;
    color: #101419;
    padding: 8px;
    cursor: pointer
}

.loading-state {
    width: 100%;
    padding: 8px
}

.loading-state__row {
    background: #eceff1;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eceff1), color-stop(38%, #e0e4ea), color-stop(54%, #eceff1));
    background: linear-gradient(90deg, #eceff1 8%, #e0e4ea 38%, #eceff1 54%);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loading-state;
    animation-name: loading-state;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    background-size: 1000px 640px;
    height: 8px;
    width: 100%;
    margin-bottom: 8px
}

.loading-state__row:nth-child(2n) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loading-state__row:nth-child(n+1) {
    max-width: 310px
}

.loading-state__row:nth-child(2n) {
    max-width: 450px
}

.loading-state__row:nth-child(3n) {
    max-width: 190px;
    margin-bottom: 16px
}

.loading-state__row:nth-child(4n) {
    max-width: 510px
}

.loading-state__row:nth-child(5n) {
    max-width: 190px
}

.loading-state__row:last-child {
    margin-bottom: 0
}

@-webkit-keyframes loading-state {
    0% {
        background-position: -500px 0
    }

    to {
        background-position: 500px 0
    }
}

@keyframes loading-state {
    0% {
        background-position: -500px 0
    }

    to {
        background-position: 500px 0
    }
}

.layout-lg-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1600px) {
    .layout-lg-2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.vertical-overflow {
    overflow-x: hidden;
    overflow-y: auto
}

.sb-header__header__navigation__menu-container__main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sb-header__header__navigation__menu-container__main-menu__title {
    cursor: pointer
}

.sb-header__header__navigation__menu-container__main-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin-right: 8px
}

@media screen and (min-width:1366px) {
    .sb-header__header__navigation__menu-container__main-menu__item {
        margin-right: 16px
    }
}

.sb-header__header__navigation__menu-container__main-menu__item:last-child {
    margin-right: 0
}

.sb-header__header__navigation__menu-container__main-menu__item__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: hsla(0, 0%, 100%, .87);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    letter-spacing: .4px;
    font-size: .85714rem;
    line-height: 16px;
    line-height: normal
}

.sb-header__header__navigation__menu-container__main-menu__item__anchor:hover {
    color: #fff
}

.sb-header__header__navigation__menu-container__main-menu__item--selected a {
    font-weight: 700;
    color: #fff
}

.sb-header__header__navigation__menu-container__main-menu__item__badge {
    color: #fff;
    font-size: .64286rem;
    line-height: normal;
    margin-left: 2px;
    background-color: var(--brand-secondary-color);
    border-radius: 8px;
    padding: 2px 4px;
    position: relative;
    top: -1px
}

.menu--small {
    text-decoration: none;
    color: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    letter-spacing: .4px;
    font-size: .85714rem;
    line-height: 16px
}

.menu--small .sb-header__header__navigation__menu-container__main-menu__title {
    opacity: .87
}

.menu--small .sb-header__header__navigation__menu-container__main-menu__title:hover {
    opacity: 1
}

.user-main-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    overflow: hidden;
    padding: 0 0 0 8px
}

.user-main-info,
.user-main-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-main-info-container {
    position: relative
}

.user-main-info__incognito {
    color: hsla(0, 0%, 100%, .87);
    font-size: .78571rem
}

.user-main-info__balance,
.user-main-info__incognito {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.user-main-info__balance {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 34px;
    padding-right: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.user-main-info__balance__amount {
    font-size: .85714rem;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .87);
    padding: 4px 0
}

@media screen and (min-width:375px) {
    .user-main-info__balance__amount {
        font-size: 1rem
    }
}

.user-info {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 2000;
    width: 280px;
    margin-top: 8px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    color: #101419;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    border-radius: 2px;
    font-size: .85714rem
}

@media screen and (max-width:1024.9px) {
    .user-info {
        right: -60px
    }
}

@media screen and (max-width:479.9px) {
    .user-info {
        right: -80px
    }
}

.user-info__title {
    padding: 0 4px
}

.user-info__text,
.user-info__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.user-info__text--highlight {
    color: #1b67da
}

.user-info__amount {
    color: rgba(16, 20, 25, .54);
    font-weight: 700;
    margin-left: 8px
}

.user-info__incognito {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(224, 228, 234, .38)
}

.user-info__container {
    margin: 0 8px
}

.user-info__header__refresh-icon {
    cursor: pointer
}

.user-info__header__refresh-icon path,
.user-info__header__refresh-icon polygon,
.user-info__header__refresh-icon rect,
.user-info__header__refresh-icon svg path,
.user-info__header__refresh-icon svg polygon,
.user-info__header__refresh-icon svg rect {
    fill: rgba(16, 20, 25, .38);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__refresh-icon:hover path,
.user-info__header__refresh-icon:hover polygon,
.user-info__header__refresh-icon:hover rect,
.user-info__header__refresh-icon:hover svg path,
.user-info__header__refresh-icon:hover svg polygon,
.user-info__header__refresh-icon:hover svg rect {
    fill: rgba(16, 20, 25, .87);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__refresh-icon--loading {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.user-info__header__refresh-icon--loading path,
.user-info__header__refresh-icon--loading polygon,
.user-info__header__refresh-icon--loading rect,
.user-info__header__refresh-icon--loading svg path,
.user-info__header__refresh-icon--loading svg polygon,
.user-info__header__refresh-icon--loading svg rect {
    fill: rgba(16, 20, 25, .87);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    font-weight: 700
}

.user-info__header__info .user-info__amount {
    font-size: 1rem;
    font-weight: 700;
    color: #101419
}

.user-info__header__totals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    font-weight: 700;
    border-top: 1px solid #e0e4ea
}

.user-info__header__totals .user-info__amount {
    color: #101419;
    font-size: 1rem;
    line-height: 16px
}

.user-info__header--second .user-info__header__totals {
    padding-bottom: 0
}

.user-info__details {
    padding: 8px 0;
    border-top: 1px solid #e0e4ea
}

.user-info__details__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.user-info__details__item:last-child {
    margin-bottom: 0
}

.user-info__bonus__type {
    font-weight: 700;
    background: rgba(224, 228, 234, .38);
    padding: 8px;
    border-radius: 8px
}

.user-info__bonus__type__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-info__bonus__type__top__text {
    white-space: normal;
    font-size: .85714rem;
    line-height: 16px
}

.user-info__bonus__type__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e0e4ea;
    border-radius: 24px;
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.user-info__bonus__type__amount__icon {
    border-radius: 50%;
    padding: 4px;
    margin-right: 2px
}

.user-info__bonus__type__amount__icon--locked {
    background: #f0506e
}

.user-info__bonus__type__amount__icon--unlocked {
    background: #13ce66
}

.user-info__bonus__type__amount__value {
    font-size: 1rem;
    line-height: 16px;
    padding-right: 4px
}

.user-info__bonus__info {
    padding: 8px 0
}

.user-info__bonus__info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.user-info__bonus__info__item:last-child {
    margin-bottom: 0
}

.user-info__bonus__progress {
    position: relative;
    width: 100%;
    margin: 8px auto 12px
}

.user-info__bonus__progress__extra-wager {
    font-size: .78571rem;
    line-height: 12px;
    font-weight: 400;
    color: #1b67da;
    margin-bottom: 2px;
    white-space: normal
}

.user-info__bonus__progress__indicator {
    font-size: .71429rem;
    color: #1c2026;
    height: 12px;
    font-weight: 500
}

.user-info__bonus__progress__indicator--unlock-required-wagger {
    position: absolute
}

.user-info__bonus__progress__indicator--total-required-wagger {
    float: right;
    opacity: .54
}

.user-info__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-info__footer__link {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 275px;
    margin-right: 8px
}

.user-info__footer__link:hover {
    background-color: rgba(224, 228, 234, .38) !important
}

.user-info__footer__logout {
    cursor: pointer
}

.user-info__footer__logout path,
.user-info__footer__logout polygon,
.user-info__footer__logout rect,
.user-info__footer__logout svg path,
.user-info__footer__logout svg polygon,
.user-info__footer__logout svg rect {
    fill: #101419;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-dropdown {
    white-space: normal;
    padding: 0;
    min-width: 130px;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    z-index: 2000;
    border-radius: 2px
}

.sb-dropdown.bottom-center {
    left: 10%;
    top: 48px
}

.sb-dropdown.right-top {
    left: 48px;
    top: 0
}

.sb-dropdown.bottom-right {
    right: 0;
    top: 48px
}

.sb-dropdown.top {
    bottom: 40px;
    left: -90px
}

.sb-dropdown__no-wrap {
    white-space: nowrap
}

.sb-dropdown__body {
    position: relative;
    z-index: 1
}

.sb-dropdown__item {
    font-weight: 400
}

.sb-dropdown__link {
    font-size: .85714rem;
    line-height: 16px;
    text-decoration: none;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    color: #101419;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sb-dropdown__link--active,
.sb-dropdown__link:hover {
    background-color: #eceff1
}

.sb-dropdown__link--selected {
    font-weight: 700;
    background-color: #eceff1;
    cursor: default
}

.sb-dropdown__link .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: inline-block
}

.sb-dropdown--extended {
    position: absolute;
    right: 4px;
    min-width: 160px;
    max-width: 280px;
    max-height: 205px;
    overflow: auto;
    background-color: #eceff1;
    border-radius: 2px;
    z-index: 3000;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .34)
}

@media screen and (min-width:825px) {
    .sb-dropdown--extended {
        max-width: 320px;
        right: 0
    }
}

.sb-dropdown--extended__item {
    font-size: .85714rem;
    line-height: 16px;
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #b6bcc6
}

.sb-dropdown--extended__item--active {
    background-color: #b6bcc6
}

.sb-dropdown--extended__item:hover {
    background-color: #e0e4ea
}

.sb-dropdown--extended__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px
}

.sb-dropdown--extended__item__time {
    margin: 2px 0 2px 4px;
    opacity: .54;
    text-align: center
}

.sb-dropdown--extended__item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: start;
    margin: 2px 0 2px 8px
}

.sb-dropdown--extended__item__checkbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 2px 8px;
    padding: 0
}

.sb-notification-dropdown {
    white-space: normal;
    padding: 0;
    width: 304px;
    position: absolute;
    right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    z-index: 2000;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    text-align: initial
}

.sb-notification-dropdown__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eceff1;
    padding: 8px
}

.sb-notification-dropdown__header-text {
    font-size: 1rem;
    line-height: 16px;
    width: 196px;
    font-weight: 700
}

.sb-notification-dropdown__header-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center
}

.sb-notification-dropdown__popular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #eceff1;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    background-clip: content-box
}

.sb-notification-dropdown__popular-header {
    border-bottom: 1px solid #b6bcc6;
    margin: 8px;
    padding-top: 2px;
    padding-bottom: 4px
}

.sb-notification-dropdown__main-body {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px
}

.sb-notification-dropdown__item {
    font-weight: 400;
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sb-notification-dropdown__item--active {
    background-color: #b6bcc6
}

@media screen and (min-width:826px) {
    .sb-notification-dropdown__item:hover {
        background-color: #e0e4ea
    }
}

.sb-notification-dropdown__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    margin-right: 8px
}

.sb-notification-dropdown__item__time {
    width: 40px;
    margin: 2px 16px 2px 0;
    opacity: .54;
    text-align: center
}

.sb-notification-dropdown__item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 2px 0;
    text-align: start
}

.sb-notification-dropdown__item__checkbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 2px 8px;
    padding: 0
}

.sb-notification-dropdown__link {
    font-size: .85714rem;
    line-height: 16px;
    text-decoration: none;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    color: #101419;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sb-notification-dropdown__link--active,
.sb-notification-dropdown__link:hover {
    background-color: #eceff1
}

.sb-notification-dropdown__link--selected {
    font-weight: 700;
    background-color: #eceff1;
    cursor: default
}

.sb-notification-dropdown__link .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: inline-block
}

.sb-notification-dropdown__preselection {
    background-color: #eceff1;
    padding-right: 8px;
    padding-left: 8px
}

.contact-list {
    border-radius: 2px;
    min-width: 150px
}

.contact-list__item {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.contact-list__item:hover {
    background: #eceff1;
    border-radius: 16px;
    cursor: pointer
}

.contact-list__item__title {
    font-size: 1rem;
    line-height: 16px;
    color: #1c2026
}

.contact-list__item__icon {
    margin-right: 8px
}

.contact-list__item__badge {
    background: #42c256;
    border-radius: 16px;
    min-width: 24px;
    min-height: 4px;
    margin-left: 8px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: .78571rem;
    line-height: 12px;
    padding: 2px
}

.sb-header,
.sb-header--fixed {
    background-color: var(--brand-primary-color)
}

.sb-header--fixed {
    z-index: 6000;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .34)
}

.sb-header--fixed .sb-header__header__live-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1025px) {
    .sb-header--fixed .sb-header__header__live-event {
        display: none
    }
}

.sb-header--fixed .sb-header__header__navigation__logo-container {
    padding: 0 16px
}

.sb-header--fixed .sb-header__header__navigation__logo-container__image {
    padding: 4px
}

@media screen and (min-width:825px) {
    .sb-header--fixed .sb-header__header__navigation__logo-container__image {
        margin: 0 8px
    }
}

@media screen and (min-width:480px) {
    .sb-header--fixed .sb-header__header__navigation__logo-container__image {
        max-width: 128px;
        padding: 4px
    }
}

.sb-header__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.sb-header__header,
.sb-header__header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sb-header__header__row {
    width: 100%
}

.sb-header__header__live-event {
    display: none;
    padding: 4px 8px;
    font-size: .78571rem;
    line-height: 12px;
    color: hsla(0, 0%, 100%, .87);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .17);
    background-color: #101419
}

.sb-header__header__live-event__description {
    font-weight: 700;
    margin-right: 4px
}

.sb-header__header__live-event__name {
    margin-right: 8px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.sb-header__header__live-event__score {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700;
    color: rgba(243, 209, 19, .87)
}

.sb-header__header__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 56px
}

@media screen and (min-width:480px) {
    .sb-header__header__navigation {
        min-height: 64px
    }
}

.sb-header__header__navigation__icon-container {
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    cursor: pointer
}

.sb-header__header__navigation__logo-container {
    line-height: 0;
    padding: 8px
}

@media screen and (min-width:480px) {
    .sb-header__header__navigation__logo-container {
        padding: 8px 16px
    }

    .sb-header__header__navigation__logo-container--Stoiximan {
        position: relative;
        top: -4px
    }
}

.sb-header__header__navigation__logo-container__image {
    max-width: 80px;
    height: 40px
}

@media screen and (min-width:480px) {
    .sb-header__header__navigation__logo-container__image {
        max-width: 108px;
        height: 48px
    }
}

.sb-header__header__navigation__menu-container {
    margin: 0 0 0 8px
}

.sb-header__header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sb-header__header__actions__search-icon {
    cursor: pointer;
    padding: 8px
}

.sb-header__header__actions__contact-container {
    position: relative
}

.sb-header__header__actions__contact-container__icon {
    display: inline-block;
    padding: 2px;
    cursor: pointer
}

@media screen and (min-width:321px) {
    .sb-header__header__actions__contact-container__icon {
        padding: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__header__actions__contact-container__icon {
        padding: 8px
    }
}

.sb-header__header__actions__contact-container .sb-dropdown {
    left: -55px
}

.sb-header__header__actions__offers {
    text-decoration: none
}

.sb-header__header__actions__offers__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .87);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

@media screen and (min-width:321px) {
    .sb-header__header__actions__offers__media {
        padding: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__header__actions__offers__media {
        padding: 8px
    }
}

.sb-header__header__actions__offers__media:hover {
    color: #fff
}

.sb-header__header__actions__offers__media:hover .sb-header__header__actions__offers__image {
    background-color: #101419
}

.sb-header__header__actions__offers__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #1c2026;
    padding: 4px;
    border-radius: 8px;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    height: 24px
}

.sb-header__header__actions__offers__text {
    padding: 0 8px 0 4px;
    font-size: .85714rem;
    letter-spacing: .5px
}

@media screen and (max-width:1281px) {
    .sb-header__header__actions__offers__text {
        display: none
    }
}

.sb-header__header__actions__offers__text--active {
    font-weight: 700;
    color: #fff
}

.sb-header__header__actions__drop-icon-container {
    position: relative
}

.sb-header__header__actions .language-switcher {
    position: relative;
    cursor: pointer
}

.sb-header__header__actions .language-switcher__current {
    display: inline-block;
    padding: 2px
}

@media screen and (min-width:321px) {
    .sb-header__header__actions .language-switcher__current {
        padding: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__header__actions .language-switcher__current {
        padding: 8px
    }
}

.sb-header__header__actions__cta-container {
    padding: 2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0
}

@media screen and (min-width:321px) {
    .sb-header__header__actions__cta-container {
        padding: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__header__actions__cta-container {
        padding: 8px
    }
}

.sb-header__header__actions__cta-container .uk-button {
    margin-right: 2px;
    min-width: 80px;
    letter-spacing: .5px;
    font-size: .78571rem;
    line-height: 12px
}

@media screen and (min-width:321px) {
    .sb-header__header__actions__cta-container .uk-button {
        margin-right: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__header__actions__cta-container .uk-button {
        margin-right: 8px;
        font-size: .85714rem;
        line-height: 16px
    }
}

.sb-header__header__actions__cta-container .uk-button:last-child {
    margin-right: 0
}

.sb-header--fixed .sb-header__header__info-logged-out {
    display: none
}

.sb-header__header__logo {
    position: absolute;
    right: 4px;
    width: 100px
}

.sb-header__header__logo__image {
    max-width: 100%
}

.sb-header--fixed .sb-header__header__logo__image {
    display: none
}

.sb-header__user-verification-banner,
.sb-header__user-verification-icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sb-header__user-verification-banner__calendar,
.sb-header__user-verification-icon__calendar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sb-header__user-verification-banner__calendar__icon,
.sb-header__user-verification-icon__calendar__icon {
    width: 16px;
    height: 16px
}

@media screen and (min-width:480px) {

    .sb-header__user-verification-banner__calendar__icon,
    .sb-header__user-verification-icon__calendar__icon {
        width: 20px;
        height: 20px
    }
}

.sb-header__user-verification-banner__calendar__day,
.sb-header__user-verification-icon__calendar__day {
    position: absolute;
    z-index: 1;
    font-weight: 700;
    text-align: center
}

.sb-header__user-verification-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 2px;
    background-color: #fff;
    max-width: 480px;
    overflow: hidden;
    -webkit-box-shadow: 0 31px 41px 0 rgba(32, 42, 53, .2), 0 2px 16px 0 rgba(32, 42, 54, .08);
    box-shadow: 0 31px 41px 0 rgba(32, 42, 53, .2), 0 2px 16px 0 rgba(32, 42, 54, .08);
    z-index: 1009
}

@media screen and (max-width:1024.9px) {
    .sb-header__user-verification-banner {
        position: relative;
        margin: 0 8px 8px
    }
}

@media screen and (min-width:825px) {
    .sb-header__user-verification-banner {
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.sb-header__user-verification-banner__calendar {
    padding: 16px;
    background-color: var(--brand-primary-color-light)
}

.sb-header__user-verification-banner__calendar__day {
    color: var(--brand-primary-color-dark);
    top: auto;
    left: auto;
    width: 32px;
    height: 32px;
    font-size: 1.71429rem;
    padding-top: 8px
}

.sb-header__user-verification-banner__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--brand-primary-color-dark);
    font-size: .85714rem;
    line-height: 16px;
    padding: 16px 40px 16px 8px
}

.sb-header__user-verification-banner__text strong {
    font-weight: 700
}

.sb-header__user-verification-banner__text strong:not(:first-of-type) {
    display: block;
    margin-top: 4px;
    font-weight: 700
}

.sb-header__user-verification-banner__text>.secondary-text {
    margin-top: 8px;
    font-weight: 700
}

.sb-header__user-verification-banner__text__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sb-header__user-verification-banner__text__more>span {
    color: #232b36;
    font-weight: 700;
    margin-right: 4px
}

.sb-header__user-verification-banner>.kz-icon-xs {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 2px;
    border-radius: 50%;
    -webkit-transition: background-color .2s cubic-bezier(.64, 0, .35, 1);
    transition: background-color .2s cubic-bezier(.64, 0, .35, 1)
}

.sb-header__user-verification-banner>.kz-icon-xs path,
.sb-header__user-verification-banner>.kz-icon-xs polygon,
.sb-header__user-verification-banner>.kz-icon-xs rect,
.sb-header__user-verification-banner>.kz-icon-xs svg path,
.sb-header__user-verification-banner>.kz-icon-xs svg polygon,
.sb-header__user-verification-banner>.kz-icon-xs svg rect {
    fill: var(--brand-primary-color-dark);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-header__user-verification-banner>.kz-icon-xs:hover {
    background-color: #eceff1
}

.sb-header__user-verification-icon {
    padding: 2px
}

@media screen and (min-width:321px) {
    .sb-header__user-verification-icon {
        padding: 4px
    }
}

@media screen and (min-width:480px) {
    .sb-header__user-verification-icon {
        padding: 8px
    }
}

.sb-header__user-verification-icon.scaleIn-enter,
.sb-header__user-verification-icon.scaleIn-leave-to {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sb-header__user-verification-icon.scaleIn-enter-active,
.sb-header__user-verification-icon.scaleIn-leave-active {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s;
    transition: -webkit-transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s;
    transition: transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s;
    transition: transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s, -webkit-transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s
}

.sb-header__user-verification-icon.scaleIn-enter-to,
.sb-header__user-verification-icon.scaleIn-leave {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sb-header__user-verification-icon__calendar {
    width: 24px;
    height: 24px;
    background-color: var(--brand-primary-color-dark);
    border-radius: 50%
}

@media screen and (min-width:480px) {
    .sb-header__user-verification-icon__calendar {
        width: 32px;
        height: 32px
    }
}

.sb-header__user-verification-icon__calendar:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--brand-secondary-color)
}

.sb-header__user-verification-icon__calendar__day {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 28px;
    color: #fff;
    font-size: .71429rem
}

@media screen and (min-width:480px) {
    .sb-header__user-verification-icon__calendar__day {
        line-height: 36px
    }
}

.sb-header__timers {
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #e0e4ea;
    background-color: #2d3745;
    font-size: .78571rem;
    line-height: 12px
}

.sb-header__timers__logo {
    height: 48px
}

.sb-header--fixed .sb-header__timers__logo {
    height: 28px
}

.sb-header__timers__login {
    border-radius: 64px;
    background-color: #1c2026;
    margin: 0 4px;
    padding: 4px 8px
}

.sb-header__timers__login--icon {
    display: inline;
    vertical-align: bottom;
    height: 14px;
    width: 14px
}

.sb-header__timers__real-time {
    border-radius: 64px;
    background-color: #1c2026;
    margin: 0 4px;
    padding: 4px 8px
}

.sb-header__timers__real-time--icon {
    display: inline;
    vertical-align: bottom;
    height: 14px;
    width: 14px
}

.sb-header__timers__logout {
    margin: 0 4px;
    padding: 3px;
    border-radius: 50%;
    border: 2px solid #13ce66;
    font-weight: 700
}

.sb-header__timers__logout--warning {
    border-color: #faa05a
}

.sb-header__message-count {
    position: absolute;
    top: -4px;
    right: -3px
}

.slider--bod.swiper-container {
    margin-bottom: 8px
}

@media screen and (max-width:1025px) {
    .slider--bod.swiper-container {
        padding: 0 0 0 8px
    }
}

.slider--bod.swiper-container .swiper-slide {
    width: 328px;
    height: 160px
}

@media screen and (min-width:825px) {
    .slider--bod.swiper-container .swiper-slide {
        width: 408px;
        height: 200px
    }
}

.slider--bod.swiper-container .swiper-slide .bod {
    margin-right: 8px
}

.slider--bod.swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-button-prev {
    width: 32px;
    height: 32px;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .87);
    border-radius: 50%;
    opacity: .38;
    background: hsla(0, 0%, 100%, .17);
    display: none
}

.slider--bod.swiper-container .swiper-button-next:hover,
.slider--bod.swiper-container .swiper-button-prev:hover {
    opacity: 1
}

.slider--bod.swiper-container .swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-container .swiper-button-prev {
    left: 16px
}

.slider--bod.swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 16px
}

@media screen and (min-width:1281px) {

    .slider--bod.swiper-container:hover .swiper-button-next,
    .slider--bod.swiper-container:hover .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.slider--bod.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.slider--bod.swiper-container:hover .swiper-button-prev.swiper-button-disabled {
    display: none
}

.slider--bonus.swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-button-prev {
    display: none;
    top: 28px;
    color: #fff;
    border-radius: 50%;
    opacity: .87;
    background: hsla(0, 0%, 100%, .54)
}

.slider--bonus.swiper-container .swiper-button-next:hover,
.slider--bonus.swiper-container .swiper-button-prev:hover {
    opacity: 1
}

@media screen and (min-width:825px) {

    .slider--bonus.swiper-container .swiper-button-next,
    .slider--bonus.swiper-container .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.slider--bonus.swiper-container .swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-container .swiper-button-prev {
    left: 8px
}

.slider--bonus.swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 8px
}

.swiper-container .swiper-pagination {
    position: relative;
    padding: 8px 0;
    display: none
}

@media screen and (min-width:1025px) {
    .swiper-container .swiper-pagination {
        display: block
    }
}

.swiper-container .swiper-pagination-bullets {
    bottom: 0
}

.swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 1
}

.swiper-container .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
    width: auto;
    height: auto;
    color: #fff
}

.swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev.swiper-button-disabled,
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-container-rtl .swiper-button-next:after,
.swiper-container .swiper-container-rtl .swiper-button-prev:after {
    display: none
}

.swiper-container #sportTabs-prev.swiper-button-prev {
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 40px;
    height: 44px;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(30%, rgba(28, 32, 38, .58)), color-stop(80%, #1c2026));
    background: linear-gradient(270deg, transparent, rgba(28, 32, 38, .58) 30%, #1c2026 80%)
}

@media screen and (max-width:825px) {
    .swiper-container #sportTabs-prev.swiper-button-prev {
        display: none
    }
}

.swiper-container #sportTabs-next.swiper-button-next {
    right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 40px;
    height: 44px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, rgba(28, 32, 38, .58)), color-stop(80%, #1c2026));
    background: linear-gradient(90deg, transparent, rgba(28, 32, 38, .58) 30%, #1c2026 80%)
}

@media screen and (max-width:825px) {
    .swiper-container #sportTabs-next.swiper-button-next {
        display: none
    }
}

.swiper-container [id*=marketsFiltering][id*=-prev].swiper-button-prev {
    left: -8px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 48px;
    background: -webkit-gradient(linear, left top, right top, from(#232b36), to(transparent));
    background: linear-gradient(90deg, #232b36, transparent)
}

@media screen and (max-width:825px) {
    .swiper-container [id*=marketsFiltering][id*=-prev].swiper-button-prev {
        display: none
    }
}

.swiper-container [id*=marketsFiltering][id*=-next].swiper-button-next {
    right: -8px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 48px;
    background: -webkit-gradient(linear, right top, left top, from(#232b36), to(transparent));
    background: linear-gradient(270deg, #232b36, transparent)
}

@media screen and (max-width:825px) {
    .swiper-container [id*=marketsFiltering][id*=-next].swiper-button-next {
        display: none
    }
}

.sport-picker {
    width: 40px;
    min-height: 100%;
    background: #fff
}

@media screen and (min-width:1366px) {
    .sport-picker {
        width: 200px
    }
}

.sport-picker__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    display: none
}

.sport-picker__header--permanent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1366px) {
    .sport-picker__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.sport-picker__header .sport-picker__header__title {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    color: #1c2026;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sport-picker__header .sport-picker__header__title__icon {
    margin-right: 8px
}

.sport-picker__header .sport-picker__header__icon-arrow {
    display: none;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

@media screen and (min-width:1366px) {
    .sport-picker__header .sport-picker__header__icon-arrow {
        display: block
    }
}

.sport-picker__main__item--transition-helper {
    overflow: hidden
}

.sport-picker__main__item--expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sport-picker__main__item--expanded>.sport-picker__item__link .sport-picker__item__toggle__icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sport-picker .sport-picker__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .85714rem;
    line-height: 16px;
    color: #1c2026;
    text-decoration: none;
    padding: 8px;
    position: relative
}

@media screen and (min-width:1366px) {
    .sport-picker .sport-picker__item {
        padding: 2px 8px
    }

    .sport-picker .sport-picker__item.sport-picker__item--favorited .sb-arrow,
    .sport-picker .sport-picker__item.sport-picker__item--favorited .sb-star {
        display: block
    }
}

.sport-picker .sport-picker__item.router-link-active,
.sport-picker .sport-picker__item:hover {
    background-color: #eceff1
}

.sport-picker .sport-picker__item.router-link-active .sport-picker__secondary__item__title,
.sport-picker .sport-picker__item:hover .sport-picker__secondary__item__title {
    color: #1b67da
}

@media screen and (min-width:1366px) {

    .sport-picker .sport-picker__item.router-link-active .sport-picker__item__icon-arrow,
    .sport-picker .sport-picker__item:hover .sport-picker__item__icon-arrow {
        display: block;
        -webkit-transition: -webkit-transform .1s linear;
        transition: -webkit-transform .1s linear;
        transition: transform .1s linear;
        transition: transform .1s linear, -webkit-transform .1s linear
    }

    .sport-picker .sport-picker__item.router-link-active .sb-arrow,
    .sport-picker .sport-picker__item:hover .sb-arrow,
    .sport-picker .sport-picker__item:hover .sb-star {
        display: block
    }
}

.sport-picker .sport-picker__item__icon-arrow {
    cursor: pointer
}

.sport-picker .sport-picker__item__badge {
    top: 2px;
    right: 2px
}

.sport-picker .sport-picker__item__expanded {
    background-color: rgba(236, 239, 241, .38)
}

.sport-picker .sport-picker__item__expanded.sport-picker__item--expandable {
    background-color: #eceff1
}

.sport-picker .sport-picker__item.sport-picker__item--primary {
    background: #fff;
    padding: 0 0 0 8px
}

.sport-picker .sport-picker__item.sport-picker__item--primary:hover .sport-picker__item__title {
    color: #1b67da
}

.sport-picker .sport-picker__item.sport-picker__item--primary .sport-picker__item__title {
    padding: 8px
}

.sport-picker .sport-picker__item__link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1c2026
}

.sport-picker .sport-picker__item__link--virtuals {
    border-top: 1px solid #eceff1
}

.sport-picker .sport-picker__item__inline {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.sport-picker .sport-picker__item__inline .router-link-exact-active {
    font-weight: 700
}

.sport-picker .sport-picker__item__inline__link {
    text-decoration: none;
    color: #1c2026;
    opacity: .87;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0;
    max-width: 100%;
    font-size: 1rem;
    line-height: 16px;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (min-width:1366px) {
    .sport-picker .sport-picker__item__inline__link:hover {
        background: #fff;
        border-radius: 16px;
        font-weight: 700
    }
}

.sport-picker .sport-picker__item__inline__link .sport-picker__item__title--inline {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: none
}

@media screen and (min-width:1366px) {
    .sport-picker .sport-picker__item__inline__link .sport-picker__item__title--inline {
        display: block
    }
}

.sport-picker .sport-picker__item__inline__link .kz-icon {
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    margin-right: 8px
}

.sport-picker .sport-picker__item__icon-sport {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sport-picker .sport-picker__item__title {
    padding: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sport-picker .sport-picker__item .sb-arrow,
.sport-picker .sport-picker__item .sb-star {
    cursor: pointer;
    display: none
}

.sport-picker .sport-picker__item .sport-picker__item__icon-arrow {
    display: none
}

.sport-picker .sport-picker__item .sport-picker__item__icon-arrow--permanent {
    display: block
}

.sport-picker .sport-picker__item .sport-picker__item__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    line-height: 16px;
    opacity: .87;
    color: #1c2026;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    display: none
}

@media screen and (min-width:1366px) {
    .sport-picker .sport-picker__item .sport-picker__item__title {
        display: block
    }
}

.sport-picker .sport-picker__item .sport-picker__item__title--secondary {
    font-size: .71429rem;
    line-height: 12px
}

.sport-picker .sport-picker__item__toggle {
    background: none;
    display: none
}

@media screen and (min-width:1366px) {
    .sport-picker .sport-picker__item__toggle {
        display: block
    }
}

.sport-picker .sport-picker__secondary {
    padding: 0
}

.sport-picker .sport-picker__secondary--highlighted {
    background-color: #eceff1
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item a {
    width: inherit;
    padding: 8px 8px 8px 16px
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__title {
    font-size: .85714rem;
    line-height: 16px;
    opacity: .87;
    color: #1c2026;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__title--secondary {
    font-size: .71429rem;
    line-height: 12px
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.sport-picker .router-link-exact-active {
    background-color: #eceff1
}

.sport-picker .router-link-exact-active .sport-picker-item-title {
    opacity: 1
}

.sport-picker--expanded .sport-picker__header__icon-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media screen and (min-width:1366px) {

    .sport-picker--expanded.sport-picker__main__item>.sport-picker__item.sport-picker__item--expandable .sport-picker__item__icon-arrow,
    .sport-picker--expanded.sport-picker__main__item>.sport-picker__item.sport-picker__item--expandable .sport-picker__item__icon-arrow--permanent {
        display: block;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

.events-overview-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0
}

.events-overview-header--no-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.events-overview-header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px
}

@media screen and (min-width:1281px) {
    .events-overview-header__wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.events-overview-header__icon {
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    height: 32px;
    margin: 8px 0;
    border-radius: 0 64px 64px 0;
    background-color: #e0e4ea;
    display: none
}

@media screen and (min-width:1025px) {
    .events-overview-header__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.events-overview-header__info {
    position: relative;
    padding: 8px 0;
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 200px;
    color: #1c2026
}

.live-page__content .events-overview-header__info {
    color: #eceff1
}

.events-overview-header__info__name {
    opacity: .87;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 500
}

.events-overview-header__info__description {
    opacity: .54;
    font-size: .85714rem;
    line-height: 16px
}

.events-overview-header__info__dropdown {
    padding: 0 8px 8px;
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px
}

@media screen and (min-width:1281px) {
    .events-overview-header__info__dropdown {
        padding: 8px;
        width: 100%
    }
}

.events-overview-header__switch {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.events-overview-header__switch__title {
    font-size: .85714rem;
    line-height: 16px;
    -ms-flex-item-align: center;
    align-self: center;
    opacity: .54;
    padding-right: 8px;
    white-space: pre-wrap
}

.events-overview-tabs {
    width: 100%
}

.events-overview-blocks {
    margin: 0 8px
}

.events-overview-blocks .events-list__grid {
    margin-top: 8px
}

.sport-block {
    margin: 8px
}

@media screen and (min-width:1281px) {
    .sport-block--two-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.sport-block__item {
    width: 100%;
    display: inline-block;
    margin-bottom: 4px;
    background-color: #fff
}

.sport-block__item__header {
    padding-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e0e4ea;
    cursor: pointer
}

.sport-block__item__body__popular {
    padding: 4px 16px;
    font-size: .85714rem
}

.sport-block__item__body--secondary {
    padding-top: 4px
}

@media screen and (min-width:1025px) {
    .sport-block__item__body--secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.sport-block__region {
    font-size: .85714rem;
    border-bottom: 1px solid #e0e4ea;
    cursor: pointer
}

.sport-block__region__header {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.sport-block__region__body,
.sport-block__region__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sport-block__region__body {
    padding: 0 16px
}

.sport-block__region__body__league {
    padding: 4px 0;
    font-size: .85714rem;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
}

.sport-block__region__body__league:last-child {
    margin-bottom: 4px
}

.events-tabs {
    position: relative;
    overflow: hidden;
    border-radius: inherit
}

.events-tabs-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.events-tabs-container--underlineStyle {
    margin: -4px 8px 16px;
    min-height: 34px
}

.events-tabs-container--live--secondary {
    overflow-y: visible;
    margin: 0;
    padding: 8px 8px 4px
}

.events-tabs-container--blocks-tabs {
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:480px) {
    .events-tabs-container--blocks-tabs {
        margin-left: 8px;
        margin-right: 8px
    }
}

.events-tabs-container__move-tab-left,
.events-tabs-container__move-tab-right {
    top: 0;
    bottom: 0;
    outline: none;
    position: absolute;
    z-index: 2;
    border: 0;
    cursor: pointer;
    padding: 4px;
    width: 40px
}

.events-tabs-container__move-tab-left__icon,
.events-tabs-container__move-tab-right__icon {
    display: none
}

@media screen and (min-width:825px) {

    .events-tabs-container__move-tab-left__icon,
    .events-tabs-container__move-tab-right__icon {
        display: block
    }
}

.events-tabs-container__move-tab-left-fade-enter-active,
.events-tabs-container__move-tab-left-fade-leave-active,
.events-tabs-container__move-tab-right-fade-enter-active,
.events-tabs-container__move-tab-right-fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.events-tabs-container__move-tab-left-fade-enter,
.events-tabs-container__move-tab-left-fade-leave-to,
.events-tabs-container__move-tab-right-fade-enter,
.events-tabs-container__move-tab-right-fade-leave-to {
    opacity: 0
}

.events-tabs-container__move-tab-left {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(30%, rgba(236, 239, 241, .87)), color-stop(80%, #fff));
    background: linear-gradient(270deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-left,
.events-tabs-container--live .events-tabs-container__move-tab-left {
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(30%, rgba(28, 32, 38, .87)), color-stop(80%, #1c2026));
    background: linear-gradient(270deg, transparent, rgba(28, 32, 38, .87) 30%, #1c2026 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-left svg path,
.events-tabs-container--live .events-tabs-container__move-tab-left svg path {
    fill: #fff
}

.events-tabs-container__move-tab-left__icon {
    float: left
}

.events-tabs-container__move-tab-right {
    right: -2px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, rgba(236, 239, 241, .87)), color-stop(80%, #fff));
    background: linear-gradient(90deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-right,
.events-tabs-container--live .events-tabs-container__move-tab-right {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, rgba(28, 32, 38, .87)), color-stop(80%, #1c2026));
    background: linear-gradient(90deg, transparent, rgba(28, 32, 38, .87) 30%, #1c2026 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-right svg path,
.events-tabs-container--live .events-tabs-container__move-tab-right svg path {
    fill: #e0e4ea
}

.events-tabs-container__move-tab-right__icon {
    float: right
}

.events-tabs-container__tab {
    width: 100%;
    background-color: transparent;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-touch-callout: none;
    will-change: transform;
    position: relative
}

.events-tabs-container__tab__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative
}

.events-tabs-container__tab__item:last-child button {
    margin-right: 0
}

.events-tabs-container__tab__item:first-child button {
    margin-left: 0
}

@media screen and (min-width:1025px) {
    .events-tabs-container__tab__item:first-child button {
        margin-left: 4px
    }
}

.events-tabs-container__tab__item__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    min-width: 64px;
    border: 0;
    margin-right: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #000;
    padding: 4px 8px;
    letter-spacing: .2px;
    font-size: .85714rem;
    line-height: 16px;
    position: relative
}

@media screen and (min-width:1025px) {
    .events-tabs-container__tab__item__button {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .events-tabs-container__tab__item__button:hover {
        background-color: #fff
    }
}

.events-tabs-container__tab__item__button--small {
    font-size: .78571rem;
    line-height: 12px
}

@media screen and (min-width:825px) {
    .events-tabs-container__tab__item__button--small {
        font-size: .85714rem;
        line-height: 16px
    }
}

.events-tabs-container__tab__item__button--active {
    background-color: #fff;
    font-weight: 700
}

.events-tabs-container__tab__item__button__ellipsis {
    min-width: 20px;
    max-width: 56px;
    font-size: .71429rem;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:1025px) {
    .events-tabs-container__tab__item__button__ellipsis {
        overflow: visible;
        min-width: inherit;
        max-width: inherit;
        font-size: .85714rem
    }
}

.events-tabs-container__tab__item__button__ellipsis--active {
    font-weight: 700
}

.events-tabs-container__tab__item__button__svg-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1025px) {
    .events-tabs-container__tab__item__button__svg-icon-container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: 28px
    }

    .events-tabs-container__tab__item__button__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: 20px
    }

    .events-tabs-container__tab__item__button__container.dynamic-height {
        height: auto
    }
}

.events-tabs-container__tab__item__button__container__icon {
    margin: -4px 2px -4px 0
}

.events-tabs-container__tab__item__button__indicator {
    position: absolute;
    top: 4px;
    right: 4px;
    letter-spacing: .2px;
    color: #fff;
    background: var(--brand-secondary-color);
    border-radius: 16px;
    padding: 2px 4px;
    font-size: .64286rem;
    line-height: 1
}

@media screen and (min-width:1025px) {
    .events-tabs-container__tab__item__button__indicator {
        position: relative;
        top: -8px;
        right: auto
    }
}

@media screen and (min-width:1281px) {
    .events-list--pre .events-tabs-container.events-tabs-container--pre--secondary {
        background-color: #fff;
        border-bottom: 1px solid #eceff1;
        padding: 8px;
        margin: 0 8px
    }

    .events-list--pre .events-tabs-container.events-tabs-container--pre--secondary.events-tabs-container--underlineStyle {
        background-color: transparent;
        padding: 0;
        margin: 0 0 16px 8px
    }
}

.events-tabs-container.events-tabs-container--pre--secondary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item {
    background-color: transparent
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item:first-child button {
    margin-left: 0
}

@media screen and (min-width:1281px) {
    .events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item:first-child button {
        margin-right: 4px;
        margin-left: 0
    }
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button {
    padding: 8px;
    height: 100%
}

@media screen and (min-width:1025px) {
    .events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button:hover {
        background-color: #eceff1
    }
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active {
    color: #fff;
    background-color: #2d3745
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active .events-tabs-container__tab__item__button__container__icon path {
    fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active:hover {
    color: #fff;
    background-color: #2d3745
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active:hover .events-tabs-container__tab__item__button__container__icon path {
    fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc {
    border-radius: 8px
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc--active,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc:hover {
    background-color: #8a1538;
    color: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc--active .events-tabs-container__tab__item__button__container__icon path,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc:hover .events-tabs-container__tab__item__button__container__icon path {
    fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__blocks-tabs__sc {
    color: #8a1538
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__blocks-tabs__sc--active {
    color: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__mc--active,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__mc--active:hover {
    color: #fff;
    background-color: #1b67da
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--undeline-style.events-tabs-container__tab__item__button--active,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--undeline-style:hover {
    border-bottom: 2px solid;
    background-color: transparent;
    color: #000;
    border-radius: 0
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item:first-child button {
    margin-left: 0
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button {
    padding: 8px;
    color: #fff;
    min-width: auto
}

@media screen and (min-width:1025px) {
    .events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button:hover {
        background-color: #232b36
    }
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button--active {
    background-color: #374456
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button__mc--active {
    color: #fff;
    background-color: #1b67da
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab {
    background-color: #1c2026;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button {
    line-height: 24px;
    color: #fff;
    background-color: #1c2026;
    margin: 0 2px;
    padding: 0 4px
}

@media screen and (min-width:1025px) {
    .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button {
        padding: 4px 8px
    }

    .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button .kz-icon {
        margin-right: 4px
    }
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button__number {
    display: none
}

@media screen and (min-width:1025px) {
    .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button__number {
        display: block
    }
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button--active,
.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button:hover {
    background-color: hsla(0, 0%, 100%, .17)
}

.events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button {
    line-height: 24px;
    margin: 0 2px;
    padding: 0 4px
}

@media screen and (min-width:1025px) {
    .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button {
        padding: 4px 8px
    }

    .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button .kz-icon {
        margin-right: 4px
    }
}

.events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button__number {
    display: none
}

@media screen and (min-width:1025px) {
    .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button__number {
        display: block
    }
}

.tabs-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

@media screen and (min-width:825px) {
    .tabs-navigation:not(.tabs-navigation--live) {
        margin: 0 8px
    }
}

.tabs-navigation+.tabs-navigation .events-tabs-container {
    margin-top: 0
}

.tabs-navigation .events-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tabs-navigation__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs-navigation__actions__button {
    padding: 8px;
    background: transparent;
    cursor: pointer;
    outline: none
}

.tabs-navigation__button {
    margin: 6px 8px;
    padding: 8px;
    font-size: .85714rem;
    letter-spacing: .25px
}

.tabs-navigation__button--disabled {
    background-color: #e1e3e8;
    color: #48576f;
    color: rgba(182, 188, 198, .87);
    border: 1px solid #b6bcc6
}

@media screen and (min-width:480px) {
    .live-page__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 0
    }
}

.live-page__content .tabs-navigation {
    background: unset
}

.events-list__icons-container__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.events-list__icons-container__list__item {
    list-style: none;
    display: inline-block;
    text-align: center;
    margin: 8px
}

.events-list__icons-container__list__item__button {
    cursor: pointer;
    padding: 8px
}

.top-sticky {
    background: #fff;
    margin: 0;
    border: none
}

@media screen and (min-width:825px) {
    .top-sticky {
        border-width: 2px 8px
    }
}

.top-sticky .tabs-navigation {
    margin: 0
}

.sport-menu-wrapper {
    position: relative
}

.sport-menu-wrapper--virtuals .events-tabs {
    width: calc(100% - 50px)
}

.sport-menu-wrapper--gray-bg {
    background: #eceff1
}

.sport-menu-wrapper__virtuals {
    position: absolute;
    top: 4px;
    right: 0;
    background: #fff;
    text-decoration: none;
    padding: 4px 8px;
    width: 58px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px 0 0 4px;
    font-size: .85714rem;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .17));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .17))
}

.sport-menu-wrapper__virtuals .text {
    overflow: hidden;
    padding: 0 4px;
    text-align: center;
    text-overflow: ellipsis;
    width: inherit;
    white-space: nowrap
}

.event-details {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:480px) {
    .event-details {
        max-width: 80%
    }
}

@media screen and (min-width:1600px) {
    .event-details {
        max-width: 60%
    }
}

.event-details__info {
    background: hsla(0, 0%, 100%, .87);
    font-size: .85714rem;
    line-height: 16px;
    color: #1c2026;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    box-shadow: 0 0 8px rgba(0, 0, 0, .17)
}

.event-details__info__top {
    padding: 8px 24px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.event-details__info__top__datetime {
    font-weight: 700
}

.event-details__info__icons {
    margin-right: 8px
}

.event-details__notifications {
    position: absolute;
    right: 0
}

@media screen and (min-width:825px) {
    .event-details__notifications__dropdown.sb-dropdown--extended {
        right: -12px
    }
}

.event-details__notifications__button {
    padding: 8px;
    margin: 0;
    background: transparent;
    cursor: pointer
}

@media screen and (min-width:825px) {
    .event-details__notifications__button {
        padding: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.event-details__notifications__button__icon path {
    fill: none;
    stroke: #1c2026
}

.event-details__notifications__button__icon--subscribed path {
    fill: #1c2026;
    stroke: none
}

.event-details .event-icons {
    position: relative;
    top: 0;
    right: 0
}

.event-details__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 100%;
    background-color: #e0e4ea;
    background-size: cover
}

.events-list {
    position: relative;
    width: 100%
}

.events-list__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px 0 0
}

.events-list__header__title {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    letter-spacing: .4px;
    color: rgba(28, 32, 38, .38)
}

.events-list__header__icon,
.events-list__header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.events-list__header__icon {
    width: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    height: 32px;
    margin: 8px 0;
    border-radius: 0 64px 64px 0;
    background-color: #1c2026
}

.events-list__header__icon--coupons,
.events-list__header__icon--enhancedOdds,
.events-list__header__icon--topEvents,
.events-list__header__icon__live {
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    height: 32px;
    margin: 8px 0;
    border-radius: 0 64px 64px 0;
    background-color: #1c2026
}

.events-list__header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px
}

@media screen and (min-width:480px) {
    .events-list__header__wrapper {
        margin: 8px 0
    }
}

@media screen and (min-width:375px) {
    .events-list__header__wrapper {
        margin: 8px 0
    }
}

.events-list__wrapper {
    overflow: auto
}

@media screen and (min-width:825px) {
    .events-list__wrapper {
        margin: 0 8px
    }
}

.events-list-toggle {
    background: #fff;
    padding: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.events-list-toggle--blocks-tabs {
    margin: 0
}

@media screen and (min-width:480px) {
    .events-list-toggle--blocks-tabs {
        margin: 0 8px
    }
}

.events-list-toggle__label {
    font-size: .85714rem;
    line-height: 16px;
    color: #101419
}

.events-list__grid {
    width: 100%;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1281px) {
    .events-list__grid {
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .events-list__grid .table__markets__market {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }
}

.events-list__grid__rows tr:nth-child(2n) {
    background: hsla(0, 0%, 100%, .54)
}

.events-list__grid__header {
    display: none
}

@media screen and (min-width:1281px) {
    .events-list__grid__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.events-list__grid__header__item {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 400;
    padding: 8px;
    text-align: center;
    opacity: .87;
    color: #1c2026;
    background: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
}

.events-list__grid__header__item--sc {
    padding-left: 0
}

.events-list__grid__header__item--sc span {
    color: #8a1538;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (min-width:1281px) {
    .events-list__grid__header__item:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.events-list__grid__header__item:last-child {
    border-right: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.events-list__grid__header__item:first-child,
.events-list__grid__header__item:last-child {
    background-color: #fff
}

.events-list__grid__header__item--main {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.events-list__grid__header__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.events-list__grid__header__group__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 8px
}

.events-list__grid__header__group__item:last-child {
    padding-right: 0
}

.events-list__grid .vue-recycle-scroller__item-view,
.events-list__grid__event {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    border-top: 2px solid #eceff1
}

.events-overview-blocks .events-list__grid .vue-recycle-scroller__item-view,
.events-overview-blocks .events-list__grid__event {
    margin-bottom: 0
}

@media screen and (min-width:1281px) {

    .events-list__grid .vue-recycle-scroller__item-view,
    .events-list__grid__event {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
        border-top: 1px solid #e0e4ea
    }

    .events-list__grid .vue-recycle-scroller__item-view .table__markets__market:nth-child(odd),
    .events-list__grid .vue-recycle-scroller__item-view:hover,
    .events-list__grid__event .table__markets__market:nth-child(odd),
    .events-list__grid__event:hover {
        background-color: rgba(236, 239, 241, .38)
    }

    .events-list__grid .vue-recycle-scroller__item-view--separator,
    .events-list__grid__event--separator {
        border-top: 2px solid rgba(182, 188, 198, .54)
    }
}

.events-list__grid__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #eceff1;
    height: 60px
}

@media screen and (min-width:1025px) {
    .events-list__grid__info {
        margin-bottom: 4px
    }
}

@media screen and (min-width:1281px) {
    .events-list__grid__info {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        border-bottom: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:1025px) {
    .events-list__grid__info--lite {
        width: auto;
        margin-bottom: 0;
        border-bottom: none
    }
}

.events-list__grid__info__datetime {
    font-size: .85714rem;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    color: #1c2026;
    border-right: 1px solid #eceff1
}

.events-list__grid__info__datetime__time {
    opacity: .87
}

.events-list__grid__info__datetime__date {
    opacity: .54
}

.events-list__grid__info__icon {
    font-size: .85714rem;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    color: #1c2026;
    border-right: 1px solid #eceff1
}

.events-list__grid__info__sport {
    padding: 8px
}

.events-list__grid__info__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: inherit;
    text-decoration: inherit;
    padding: 8px;
    min-width: 0
}

.events-list__grid__info__main__row,
.events-list__grid__info__main__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.events-list__grid__info__main__title {
    font-size: .85714rem;
    line-height: 16px;
    opacity: .87;
    color: #1c2026;
    text-decoration: none;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media screen and (min-width:1025px) {
    .events-list__grid__info__main__title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.events-list__grid__info__main__title__participant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px
}

.events-list__grid__info__main__title__participant-separator {
    padding: 0 4px
}

.events-list__grid__info__main__participants {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.events-list__grid__info__main__participants__participant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-size: .85714rem;
    line-height: 16px
}

.events-list__grid__info__main__participants__participant-name {
    color: #1c2026;
    text-decoration: none;
    font-weight: 500;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    padding-left: 2px
}

@media screen and (min-width:1025px) {
    .events-list__grid__info__main__participants__participant-name {
        white-space: normal
    }
}

.events-list__grid__info__main__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.events-list__grid__info__main__actions__coupon-wrapper {
    min-width: 41px;
    text-align: right
}

.events-list__grid__info__main__actions__coupon-code {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 2px;
    letter-spacing: .2px;
    opacity: .87;
    border: 1px solid #b6bcc6
}

.events-list__grid__info__main__actions__venue {
    color: #b6bcc6;
    font-size: .71429rem;
    line-height: 12px;
    margin: 4px 0
}

.events-list__grid__total-markets {
    font-size: .85714rem;
    letter-spacing: .2px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: none
}

@media screen and (min-width:1025px) {
    .events-list__grid__total-markets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media screen and (min-width:1281px) {
    .events-list__grid__total-markets {
        border-left: 1px solid #eceff1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        height: 100%
    }
}

.events-list__show-more {
    padding: 16px;
    font-size: .85714rem;
    line-height: 16px;
    text-align: center;
    display: block;
    text-decoration: none
}

@media screen and (min-width:825px) {
    .events-list__show-more {
        margin: 0 8px
    }
}

.events-list__loader {
    padding: 16px
}

.events-list__footer,
.events-list__loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.events-list__footer__more-btn {
    background: #fff;
    font-size: .85714rem;
    line-height: 16px;
    padding: 16px;
    text-align: center;
    border-top: 1px solid #eceff1;
    width: 100%;
    display: block;
    text-decoration: none;
    color: #000
}

.events-list__footer__more-btn--pointer {
    cursor: pointer
}

@media screen and (min-width:825px) {
    .events-list__footer__more-btn {
        margin: 0 8px
    }
}

.events-list__grid__event,
.league-block__body .vue-recycle-scroller__item-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1025px) {

    .events-list__grid__event,
    .league-block__body .vue-recycle-scroller__item-view {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 134px
    }
}

@media screen and (min-width:1281px) {

    .events-list__grid__event,
    .league-block__body .vue-recycle-scroller__item-view {
        height: 62px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.event-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.event-icons--live {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.event-icons__live-text {
    color: #f0506e;
    font-size: .78571rem;
    line-height: 12px;
    font-weight: 700;
    margin-right: 4px
}

.event-icons__link {
    margin: 0 2px
}

.event-icons--spacing {
    padding: 0 4px
}

.live-overview .event-icons--live {
    width: 24px;
    margin: auto 8px auto auto
}

@media screen and (min-width:825px) {
    .table__markets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.table__markets__market {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    vertical-align: middle;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: table-cell
}

@media screen and (min-width:1025px) {
    .table__markets__market {
        padding: 4px 8px;
        border-left: 1px solid #eceff1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

.table__markets__market--visible {
    border-top: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
    border-left: 1px solid #eceff1
}

.table__markets__market__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .85714rem;
    line-height: 16px;
    margin-bottom: 8px;
    color: #1c2026
}

@media screen and (min-width:1281px) {
    .table__markets__market__title {
        display: none
    }
}

.table__markets__market__title__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .87
}

.table__markets__market__title__markets__link {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .85714rem;
    color: #1c2026;
    text-decoration: none;
    display: inline
}

@media screen and (min-width:1025px) {
    .table__markets__market__title__markets__link {
        display: none
    }
}

.markets {
    margin: 8px 0
}

.markets__market {
    margin-bottom: 8px;
    padding: 2px 8px;
    background-color: #fff;
    color: #1c2026
}

.markets__market:last-child {
    margin-bottom: 0
}

@media screen and (min-width:825px) {
    .markets__market {
        margin-bottom: 8px
    }

    .markets__market:last-child {
        margin-bottom: 0
    }
}

.markets__market--highlighted {
    -webkit-animation: highlight 5s ease-out;
    animation: highlight 5s ease-out
}

@media screen and (min-width:1366px) {
    .markets__market {
        display: inline-block;
        width: 100%
    }
}

.markets__market__header {
    -ms-flex-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.markets__market__header,
.markets__market__header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.markets__market__header__title {
    opacity: .87;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: .2px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    padding: 4px 0
}

.markets__market__header__title__info {
    opacity: .54;
    cursor: default
}

.markets__market__header__date {
    margin: 0 4px;
    font-size: .78571rem;
    line-height: 12px;
    opacity: .54
}

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

.markets__market__header__icons__icon {
    padding: 6px;
    cursor: pointer;
    background: transparent
}

.markets__market__header__icons__icon--active path,
.markets__market__header__icons__icon--active polygon,
.markets__market__header__icons__icon--active rect,
.markets__market__header__icons__icon--active svg path,
.markets__market__header__icons__icon--active svg polygon,
.markets__market__header__icons__icon--active svg rect {
    fill: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.markets__market--table {
    padding-bottom: 6px
}

@media screen and (min-width:1025px) {
    .markets__market .table-wrapper {
        margin-left: -8px;
        margin-right: -8px
    }
}

.markets__market .table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .85714rem;
    line-height: 16px
}

@media screen and (min-width:1025px) {
    .markets__market .table__column-layout .table {
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px)
    }
}

.markets__market .table__column-layout .table__header__column-2,
.markets__market .table__column-layout .table__header__column-3 {
    display: none
}

@media screen and (min-width:1025px) {
    .markets__market .table__column-layout .table__header {
        margin: 0 8px;
        width: calc(50% - 16px)
    }

    .markets__market .table__column-layout .table__header__column-1,
    .markets__market .table__column-layout .table__header__column-2 {
        display: inline-table
    }
}

@media screen and (min-width:1600px) {
    .markets__market .table__column-layout .table__header {
        width: calc(33.3% - 16px)
    }

    .markets__market .table__column-layout .table__header__column-3 {
        display: inline-table
    }
}

@media screen and (min-width:1025px) {
    .markets__market .table__column-layout .table__row {
        display: inline-table;
        margin: 0 8px;
        width: calc(50% - 16px)
    }
}

@media screen and (min-width:1600px) {
    .markets__market .table__column-layout .table__row {
        width: calc(33.3% - 16px)
    }
}

.markets__market .table__column-layout.table__columns-count-1 {
    width: auto
}

@media screen and (min-width:1025px) {
    .markets__market .table__column-layout.table__columns-count-1 {
        width: 50%
    }
}

.markets__market .table__column-layout.table__columns-count-1 .table__header__column-1,
.markets__market .table__column-layout.table__columns-count-1 .table__row {
    width: 100%
}

.markets__market .table__column-layout.table__columns-count-2 .table__header__column-1,
.markets__market .table__column-layout.table__columns-count-2 .table__header__column-2,
.markets__market .table__column-layout.table__columns-count-2 .table__row {
    width: calc(50% - 16px)
}

.markets__market .table__header {
    display: table-header-group;
    font-size: .71429rem;
    line-height: 12px;
    border-bottom: 1px solid #e0e4ea
}

.markets__market .table__row {
    display: table-row;
    border-bottom: 1px solid #e0e4ea
}

.markets__market .table__cell {
    display: table-cell;
    padding: 8px;
    width: 100%;
    vertical-align: middle
}

.markets__market .table__cell--bold {
    font-weight: 700
}

.markets__market .table__cell:first-child {
    padding: 8px 8px 8px 0
}

.markets__market .table__cell:last-child {
    padding: 8px 0 8px 8px
}

.markets__market .table__cell__stats {
    text-align: center;
    display: none;
    padding: 0 4px
}

.markets__market .table__cell__stats.table__cell--visible-mobile {
    display: table-cell
}

@media screen and (min-width:1281px) {
    .markets__market .table__cell__stats {
        display: table-cell;
        padding: 0 8px
    }
}

.markets__market .table__cell__market {
    text-overflow: ellipsis;
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    min-width: 88px;
    text-align: center;
    padding-left: 16px;
    padding-right: 2px
}

.markets__market .table__cell__market~.table__cell__market {
    padding-left: 2px;
    padding-right: 2px
}

.markets__market .table__cell__dropdown__wrapper {
    position: relative
}

.markets__market .table__cell__dropdown__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.markets__market .table__cell__dropdown__toggle__title {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: initial;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-weight: 700;
    width: 76px
}

.markets__market .table__cell__dropdown__toggle__icon--open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.markets__market .table__cell__dropdown .sb-dropdown {
    margin-top: 8px;
    width: auto;
    min-width: 100px;
    background-color: #fff
}

.markets__market .table__cell__dropdown .sb-dropdown__list-item {
    cursor: pointer;
    padding: 8px
}

.markets__market .table .row__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #1c2026
}

.markets__market .table .row__info__rank {
    margin: 0 8px 0 4px
}

.markets__market .table .row__info__icon {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.markets__market .table .row__info__text__title {
    font-weight: 500
}

.markets__market .table .row__info__text__subtitle {
    font-size: .71429rem;
    line-height: 12px
}

.markets__market .table .selections__selection {
    max-width: 100%;
    margin: 0;
    width: auto;
    min-width: 88px
}

.markets__market__load-more {
    padding: 16px 16px 8px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.markets__empty {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .85714rem
}

.markets--live .markets__market {
    background-color: #2d3745;
    color: #fff
}

.markets--live .markets__market__header__title {
    font-size: 1rem;
    line-height: 16px
}

@media screen and (min-width:1025px) {
    .markets--live .markets__market:hover {
        background-color: #374456
    }

    .markets--live .markets__market__header__icons .kz-icon:hover {
        opacity: 1
    }
}

.markets--live .markets__market path,
.markets--live .markets__market polygon,
.markets--live .markets__market rect,
.markets--live .markets__market svg path,
.markets--live .markets__market svg polygon,
.markets--live .markets__market svg rect {
    fill: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.markets--live .markets__market__header__icons__icon--active path,
.markets--live .markets__market__header__icons__icon--active polygon,
.markets--live .markets__market__header__icons__icon--active rect,
.markets--live .markets__market__header__icons__icon--active svg path,
.markets--live .markets__market__header__icons__icon--active svg polygon,
.markets--live .markets__market__header__icons__icon--active svg rect {
    fill: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.markets--live .live-promo-market path,
.markets--live .live-promo-market polygon,
.markets--live .live-promo-market rect,
.markets--live .live-promo-market svg path,
.markets--live .live-promo-market svg polygon,
.markets--live .live-promo-market svg rect {
    fill: #bca9ff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.market--suspended {
    opacity: .38
}

.selections,
.selections__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.selections__selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 50%;
    margin-right: 4px;
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    background: #eceff1;
    color: #1c2026;
    position: relative;
    overflow: hidden;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.selections__selection:disabled {
    color: inherit;
    opacity: 1
}

.selections__selection--progress-state:before {
    content: "";
    display: block;
    background-color: var(--brand-primary-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.selections__selection--progress-state:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: -200px;
    width: 200px;
    height: 2px;
    background-color: #1b67da;
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.selections__selection--progress-state:disabled {
    opacity: 1
}

.selections__selection:last-child {
    margin-right: 0
}

.selections__selection:hover {
    background: #e0e4ea
}

.selections__selection.selections__selection--active,
.selections__selection.selections__selection--progress-state {
    background: var(--brand-primary-color)
}

.selections__selection.selections__selection--active .selections__selection__title,
.selections__selection.selections__selection--progress-state .selections__selection__title {
    color: #fff
}

.selections__selection.selections__selection--active .selections__selection__original-odd,
.selections__selection.selections__selection--progress-state .selections__selection__original-odd {
    color: #e0e4ea
}

.selections__selection.selections__selection--active .selections__selection__odd,
.selections__selection.selections__selection--progress-state .selections__selection__odd {
    color: #ffefe3
}

.selections__selection.selections__selection--suspended {
    opacity: .54
}

input[type=checkbox]:checked+.selections__selection {
    background: var(--brand-primary-color)
}

input[type=checkbox]:checked+.selections__selection .selections__selection__title {
    color: #fff
}

input[type=checkbox]:checked+.selections__selection .selections__selection__odd {
    color: #f3d113
}

.selections__more {
    padding: 0 0 0 8px
}

.selections .selections__selection__title {
    font-size: .85714rem;
    line-height: 16px;
    line-height: 1.14286rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    opacity: .87;
    position: relative;
    min-width: 30px
}

.selections .selections__selection__title span {
    margin-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 2px
}

.selections .selections__selection__title--wrap-text span {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    text-align: left
}

.selections .selections__selection__original-odd {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 400;
    text-decoration: line-through;
    padding: 0 4px;
    color: #69778b;
    position: relative
}

.selections .selections__selection__odd {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    padding-left: 4px;
    color: #1b67da;
    position: relative
}

.selections .selections__selection__odd__price-change {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.selections .selections__selection__odd__price-change--up {
    border-bottom: 5px solid #13ce66
}

.selections .selections__selection__odd__price-change--down {
    border-top: 5px solid #f0506e
}

.markets .selections-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.markets .selections-group__selection {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
    min-width: 0
}

.markets .selections-group__selection:last-child {
    margin-right: 0
}

.markets .selections-group .selections {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.markets .selections-group .selections__selection {
    max-width: 100%
}

.markets .selections {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.markets .selections__selection {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.markets .selections__selection--has-icon i,
.markets .selections__selection--has-icon img {
    margin-right: 5px
}

.markets .selections__selection--columns-1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0
}

.markets .selections__selection--columns-1.selections__selection {
    margin-right: 0
}

.markets .selections__selection--columns-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - 4px)
}

.markets .selections__selection--columns-3 {
    width: calc(33.33333% - 4px)
}

.markets .selections__selection--columns-3,
.markets .selections__selection--columns-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.selections .selections__selection__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.market.market--live .selections__selection,
.markets.markets--live .selections__selection {
    background: #1c2026;
    color: #fff
}

.market.market--live .selections__selection:hover,
.markets.markets--live .selections__selection:hover {
    background: #101419
}

.market.market--live .selections__selection.selections__selection--active,
.markets.markets--live .selections__selection.selections__selection--active {
    background: var(--brand-primary-color)
}

.market.market--live .selections__selection.selections__selection--active .selections__selection__odd,
.market.market--live .selections__selection.selections__selection--progress-state .selections__selection__odd,
.markets.markets--live .selections__selection.selections__selection--active .selections__selection__odd,
.markets.markets--live .selections__selection.selections__selection--progress-state .selections__selection__odd {
    color: #ffefe3
}

.market.market--live .selections__selection__odd,
.markets.markets--live .selections__selection__odd {
    color: #f3d113
}

.market.market--live .selections__more path,
.market.market--live .selections__more polygon,
.market.market--live .selections__more rect,
.market.market--live .selections__more svg path,
.market.market--live .selections__more svg polygon,
.market.market--live .selections__more svg rect,
.markets.markets--live .selections__more path,
.markets.markets--live .selections__more polygon,
.markets.markets--live .selections__more rect,
.markets.markets--live .selections__more svg path,
.markets.markets--live .selections__more svg polygon,
.markets.markets--live .selections__more svg rect {
    fill: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.event--suspended .selections__selection {
    opacity: .54
}

.markets .selections-group.virtuals .selections__selection__title {
    width: 10px
}

.live-page-header {
    position: relative;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    background-color: rgba(0, 0, 0, .87)
}

.live-page-header__actions {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin: 4px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width:825px) {
    .live-page-header__actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0
    }
}

.live-page-header__actions .breadcrumbs-container {
    background-color: transparent;
    padding: 0
}

.live-page-header__actions__statistics {
    margin-right: 8px
}

.live-page-header__actions .secondary-user-actions {
    margin: 0 0 0 auto;
    padding: 0 0 0 8px;
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.live-page-header__actions .secondary-user-action {
    display: inline-block;
    margin-right: 8px
}

.live-page-header__actions .secondary-user-action:last-child {
    margin-right: 0
}

.live-page-header__actions .secondary-user-action .secondary-icon {
    cursor: pointer
}

.live-page-header__scoreboard {
    padding: 24px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.live-page-header__scoreboard__nfl-vertical {
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 8px;
    left: 16px
}

.live-page-header__scoreboard .banner-container {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.live-page {
    background: #1c2026;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-page,
.live-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.live-page .vertical-overflow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-page .live-events {
    width: 320px;
    display: none
}

@media screen and (min-width:1281px) {
    .live-page .live-events {
        display: block
    }
}

.live-page .live-event__details {
    -ms-flex: 1;
    flex: 1;
    background: #1c2026;
    width: calc(100% - 400px);
    min-width: 0
}

.live-page .live-event__details,
.live-page .live-event__details__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1
}

.live-page .live-event__details__empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 200px;
    background-image: url(assets/static/css-images/live_events_empty.png?v=1);
    background-repeat: no-repeat;
    background-position: 50%;
    -ms-flex: 1;
    flex: 1
}

.live-page .live-event__details__empty__text {
    color: #fff;
    font-weight: 500;
    font-size: .85714rem;
    line-height: 16px;
    text-align: center
}

.live-page .live-event__details__empty__mc-text {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 16px;
    text-align: center
}

.live-page .live-event__details__empty__mc-subtext {
    color: #fff;
    font-weight: 400;
    font-size: .85714rem;
    line-height: 16px;
    text-align: center;
    margin-top: 8px
}

.live-page .live-event__details__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    background-color: #232b36;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.live-page .live-event__details__tabs__category__header {
    margin: 0 8px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.live-page .live-event__details__tabs__category__header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 8px;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #232b36;
    outline: none;
    cursor: pointer
}

.live-page .live-event__details__tabs__category__header__button--selected {
    background-color: #000
}

.live-page .live-event__details__tabs__category__header__button__badge {
    margin-left: 4px
}

.live-page .live-event__details__markets-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-events {
    background: #1c2026
}

.live-events--overview-wrapper {
    border-radius: 16px;
    margin: 0 8px 8px
}

.live-events.loading-background {
    min-height: 450px
}

.live-events__sport-header {
    background: #232b36;
    font-size: 1rem;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.live-events__sport-header--highlights--collapsed {
    margin-bottom: 4px
}

.live-events__sport-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: hsla(0, 0%, 100%, .87);
    letter-spacing: .4px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live-events__sport-name .kz-icon {
    margin-right: 8px
}

.live-events__sport-markets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    margin-left: auto;
    padding: 4px;
    font-size: .85714rem;
    color: hsla(0, 0%, 100%, .54);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.live-events__sport-markets__title {
    display: none
}

.live-events__sport-markets .kz-icon {
    margin-left: 8px
}

.live-events__sport-markets.uk-open {
    color: hsla(0, 0%, 100%, .87)
}

.live-events__sport-markets.uk-open .kz-icon {
    opacity: .87
}

.live-events__sport-markets-switcher {
    position: relative
}

.live-events__sport-markets-switcher .sb-dropdown {
    right: 0
}

.live-events__sport-markets--active {
    color: rgba(243, 209, 19, .87)
}

.live-events__sport-markets--active.uk-open {
    color: #f3d113
}

.live-events__show-more {
    padding: 12px;
    font-size: .85714rem;
    line-height: 16px;
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
    border-radius: 8px;
    background: #2d3745
}

.live-events__empty,
.live-events__empty__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.live-events__empty__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 200px;
    background-image: url(assets/static/css-images/live_events_empty.png?v=1);
    background-repeat: no-repeat;
    background-position: 50%
}

.live-events__empty__text {
    font-weight: 500;
    max-width: 190px
}

.live-events__empty__other-products__text,
.live-events__empty__text {
    color: #fff;
    font-size: .85714rem;
    line-height: 16px;
    text-align: center
}

.live-events__empty__other-products__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding-top: 8px
}

.live-events--highlights {
    margin-bottom: 4px
}

.live-events--highlights .live-events__sport-wrapper {
    margin-bottom: 0
}

.live-events--highlights .live-events__sport-name {
    padding-left: 16px
}

.live__header {
    padding: 16px 8px 8px
}

.live__header,
.live__header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.live__header__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live__header__actions__action {
    padding: 4px;
    text-decoration: none;
    cursor: pointer
}

.live__header__actions__action__icon.icon--active {
    opacity: 1
}

.live__header__actions__action__icon.icon--active path,
.live__header__actions__action__icon.icon--active polygon,
.live__header__actions__action__icon.icon--active rect,
.live__header__actions__action__icon.icon--active svg path,
.live__header__actions__action__icon.icon--active svg polygon,
.live__header__actions__action__icon.icon--active svg rect {
    fill: #f3d113;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.live__header__actions__action__icon.icon--active path {
    opacity: 1
}

.live-event__row--goal-animation {
    -webkit-animation: flashEventOnGoal .1s;
    animation: flashEventOnGoal .1s
}

.live-event__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.live-event__notification {
    background: #232b36;
    color: #fff;
    padding: 8px;
    text-align: center;
    font-size: .85714rem
}

.live-event__link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    text-decoration: inherit;
    min-width: 0;
    padding: 8px
}

.live-event__link--sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-bottom: 0
}

.live-event__column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.live-event__column__item {
    margin: 8px
}

.live-event__column:first-child {
    border-right: 1px solid #232b36
}

.live-event__column:last-child {
    border-left: 1px solid #232b36
}

.live-event__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live-event__time,
.live-event__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.live-event__time {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 56px;
    border-right: 1px solid #232b36
}

.live-event__time__extra {
    color: #13ce66;
    margin-top: 2px;
    padding-right: 4px
}

.live-event__time__extra,
.live-event__time__period {
    font-size: .78571rem;
    line-height: 12px;
    text-align: center
}

.live-event__time__period {
    padding: 0 4px;
    margin-top: 4px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.live-event__time .event-clock {
    color: #b6bcc6;
    font-size: .78571rem;
    line-height: 12px;
    text-align: center;
    width: 50px;
    -ms-flex-item-align: center;
    align-self: center
}

.live-event__time--inline {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-right: 4px;
    padding: 4px 0;
    border: 0
}

.live-event__time--inline .live-event__time__extra,
.live-event__time--inline .live-event__time__period {
    margin-top: 0;
    text-overflow: unset;
    text-align: unset;
    padding: 0
}

.live-event__time--inline .live-event__time__column {
    margin-left: 8px
}

.live-event__time--inline .live-event__time__column:first-child {
    margin-left: 0
}

.live-event__time--inline .event-clock {
    width: auto;
    text-align: unset
}

.live-event__servers__icon {
    width: 12px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-top;
    margin-top: 1px;
    opacity: .05
}

.live-event__servers__icon--active {
    opacity: .87
}

.live-event__cards {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.live-event__cards[num-of-cards]:after {
    content: attr(num-of-cards);
    font-size: .64286rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.live-event__cards__icon path,
.live-event__cards__icon polygon,
.live-event__cards__icon rect,
.live-event__cards__icon svg path,
.live-event__cards__icon svg polygon,
.live-event__cards__icon svg rect {
    fill: #f0506e;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.live-event__participants {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .85714rem;
    line-height: 16px;
    min-width: 72px;
    cursor: pointer
}

.live-event__participants__participant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.live-event__participants__participant-name {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: auto
}

.live-event__scoreboard {
    margin-left: 8px
}

.live-event__scoreboard,
.live-event__scores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.live-event__scores {
    font-size: .85714rem;
    line-height: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right
}

.live-event__scores__score {
    opacity: .54;
    margin-right: 8px
}

.live-event__scores__score__text {
    display: inline-block
}

.live-event__scores__score__text--goal {
    -webkit-animation: textAnimationOnGoal 1s ease-out;
    animation: textAnimationOnGoal 1s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.live-event__scores__score--primary {
    color: #f3d113;
    height: 16px
}

.live-event__scores__score--primary .goal-animation-icon {
    margin-right: 4px;
    margin-bottom: 2px
}

.live-event__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    margin-right: 8px
}

.live-event__totalMarketsAvailable {
    min-width: 31px;
    margin: auto 8px 18px 0;
    text-align: center;
    opacity: .54;
    font-size: .78571rem;
    line-height: 12px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: pointer;
    display: none
}

@media screen and (min-width:1025px) {
    .live-event__totalMarketsAvailable {
        display: block
    }
}

.live-event .live-markets,
.live-event .market {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.live-event .market {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px
}

.live-event .market__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .87;
    font-size: .78571rem;
    line-height: 12px;
    font-weight: 300;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 4px;
    -ms-flex-item-align: start;
    align-self: start
}

.live-event .market .selections {
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.live-overview--sidebar {
    width: 320px;
    background: #1c2026;
    height: 100%
}

@media screen and (min-width:825px) {
    .live-overview .live-events__sport-markets__title {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .live-overview .live-event__info {
        border-bottom: none
    }

    .live-overview .live-event .live-markets {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:1366px) {
    .live-overview .live-event .live-markets {
        -ms-flex-preferred-size: 580px;
        flex-basis: 580px
    }
}

@media screen and (min-width:1025px) {
    .live-overview .live-event .market {
        border-left: 1px solid #232b36;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%
    }
}

@media screen and (min-width:1600px) {
    .live-overview .live-event .market {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:1025px) {
    .live-overview .live-event .market .selections {
        -webkit-box-flex: 8;
        -ms-flex: 8;
        flex: 8
    }
}

.markets-table {
    background-color: #fff;
    margin: 2px 0;
    display: inline-table;
    width: 100%
}

@media screen and (min-width:825px) {
    .markets-table {
        margin: 4px 0;
        table-layout: fixed
    }
}

@media screen and (min-width:1025px) {
    .markets-table {
        table-layout: auto
    }
}

.markets-table__header {
    display: table-row;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 1px solid #eceff1
}

.markets-table__header__name {
    text-align: left;
    padding: 4px 4px 4px 8px;
    width: 30%
}

.markets-table__header__item,
.markets-table__header__name {
    font-size: 1rem;
    line-height: 16px;
    color: #1c2026;
    opacity: .87;
    border-right: 1px solid #eceff1
}

.markets-table__header__item {
    font-weight: 400;
    padding: 4px;
    text-align: center;
    background: #fff;
    max-width: 40px
}

.markets-table__header__item--actions {
    width: 72px;
    min-width: 72px;
    border-right: none;
    opacity: inherit;
    padding-right: 8px;
    text-align: right
}

.markets-table__header__item--actions-single {
    width: 36px;
    min-width: 36px
}

.markets-table__header__item__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.markets-table__header__item__dropdown__title {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    opacity: .87;
    color: #1c2026
}

.markets-table__header__item__dropdown__select {
    width: auto
}

.markets-table__header__item__dropdown--single {
    padding: 8px;
    border: 1px solid #e0e4ea;
    border-radius: 2px;
    opacity: .54;
    cursor: default;
    text-align: left
}

.markets-table__main {
    text-align: left;
    border-bottom: 1px solid #eceff1;
    vertical-align: middle;
    height: 50px
}

.markets-table__main:first-child {
    border-top: 1px solid #eceff1
}

.markets-table__main__title {
    font-size: .85714rem;
    line-height: 16px;
    opacity: .87;
    color: #1c2026;
    text-decoration: none;
    font-weight: 500;
    padding-left: 8px;
    padding-right: 2px
}

.markets-table__show-more {
    color: #1c2026;
    font-size: .85714rem;
    line-height: 16px;
    padding: 8px;
    cursor: pointer
}

.markets-table__row__dropdown {
    width: auto;
    min-width: 60px;
    float: left;
    margin: 4px 4px 4px 0
}

.markets-table__row__dropdown--single {
    padding: 8px;
    border: 1px solid #e0e4ea;
    border-radius: 2px;
    opacity: .54;
    cursor: default;
    text-align: left
}

.league-page {
    margin: 8px 0
}

@media screen and (min-width:825px) {
    .league-page {
        margin: 8px
    }
}

.league-page__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 0;
    font-size: .85714rem;
    line-height: 16px;
    color: #1c2026;
    background-color: #eceff1;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width:825px) {
    .league-page__back {
        margin: 0 8px
    }
}

.bet-bonus {
    overflow: hidden;
    border-bottom: 1px solid #eceff1
}

.bet-bonus__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 4px;
    margin: 2px
}

.bet-bonus__container__wrapper {
    width: 100%
}

.bet-bonus__item {
    width: auto;
    padding: 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bet-bonus__item:after {
    content: ""
}

.bet-bonus__item:after,
.bet-bonus__item__error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bet-bonus__item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    cursor: pointer;
    background-color: #48576f;
    margin-right: 2px
}

.bet-bonus__item__body--disabled {
    opacity: .54;
    cursor: default
}

.bet-bonus__item__body__amount {
    -ms-flex-align: center;
    padding: 2px 8px;
    font-size: 1.14286rem;
    line-height: 20px;
    color: #fff
}

.bet-bonus__item__body__amount,
.bet-bonus__item__body__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 700
}

.bet-bonus__item__body__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    padding: 6px 8px;
    font-size: .78571rem;
    color: #101419;
    background: #fff
}

.bet-bonus__item--fullbet .bet-bonus__item__body {
    -webkit-box-shadow: 0 0 0 1px #0996a0;
    box-shadow: 0 0 0 1px #0996a0;
    background-color: #0996a0
}

.bet-bonus__item--fullbet .bet-bonus__item__body__name {
    color: #0996a0
}

.bet-bonus__item--freebet .bet-bonus__item__body {
    -webkit-box-shadow: 0 0 0 1px #6233ff;
    box-shadow: 0 0 0 1px #6233ff;
    background-color: #6233ff
}

.bet-bonus__item--freebet .bet-bonus__item__body__name {
    color: #6233ff
}

.bet-bonus-active {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px;
    border-radius: 2px
}

.bet-bonus-active__amount {
    background: #101419;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    -ms-flex-align: center
}

.bet-bonus-active__amount,
.bet-bonus-active__body {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px
}

.bet-bonus-active__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center
}

.bet-bonus-active__body__description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .78571rem;
    line-height: 12px;
    color: #101419;
    opacity: .87
}

.bet-bonus-active__body__description li+li {
    margin-top: 4px
}

.bet-bonus-active__condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-bonus-active__condition:before {
    display: inline-block;
    content: "";
    border-radius: 50%;
    height: 4px;
    width: 4px;
    margin-right: 4px;
    background-color: #101419;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bet-bonus-active__condition--expiration {
    font-weight: 700
}

.bet-bonus-active--fullbet {
    -webkit-box-shadow: 0 0 0 1px #0996a0;
    box-shadow: 0 0 0 1px #0996a0
}

.bet-bonus-active--fullbet .bet-bonus-active__amount {
    background: #0996a0
}

.bet-bonus-active--freebet {
    -webkit-box-shadow: 0 0 0 1px #6233ff;
    box-shadow: 0 0 0 1px #6233ff
}

.bet-bonus-active--freebet .bet-bonus-active__amount {
    background: #6233ff
}

.bet-indicator-bonus {
    color: #fff;
    background: #232b36;
    border-radius: 16px;
    padding: 0 4px;
    font-size: .71429rem;
    font-weight: 400;
    display: inline-block
}

.bet-indicator-bonus--fullbet {
    background: #0996a0
}

.bet-indicator-bonus--freebet {
    background: #6233ff
}

.betslip__modal {
    position: absolute;
    z-index: 3000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .54)
}

@media screen and (min-width:825px) {
    .betslip__modal {
        position: fixed;
        top: auto;
        left: auto;
        right: 8px;
        bottom: 0;
        width: 320px;
        height: auto;
        background-color: #fff;
        -webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
        box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54)
    }
}

.bet-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-options__item__button {
    cursor: pointer;
    background: transparent
}

@media screen and (min-width:825px) {
    .bet-options__item__button {
        padding: 0;
        margin: 2px
    }
}

.bet-multiples__item {
    vertical-align: middle;
    letter-spacing: .4px;
    padding: 4px 8px;
    width: .1%
}

.bet-multiples__item:first-child {
    width: 53%
}

.bet-multiples__item__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .78571rem;
    line-height: 12px;
    color: rgba(16, 20, 25, .87)
}

.bet-multiples__item__type .bet-slip__icon path,
.bet-multiples__item__type .bet-slip__icon polygon,
.bet-multiples__item__type .bet-slip__icon rect,
.bet-multiples__item__type .bet-slip__icon svg path,
.bet-multiples__item__type .bet-slip__icon svg polygon,
.bet-multiples__item__type .bet-slip__icon svg rect {
    fill: #b6bcc6;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.bet-multiples__item__type--active {
    font-weight: 700
}

.bet-button-text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 16px;
    white-space: nowrap
}

.bet-button-text-container .bet-button-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.34, 1.56, .64, 1);
    transition: -webkit-transform .3s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1);
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), -webkit-transform .3s cubic-bezier(.34, 1.56, .64, 1)
}

.bet-button-text-container .bet-button-text--normal {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bet-button-text-container .bet-button-text--normal.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.bet-button-text-container .bet-button-text--pending {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.bet-button-text-container .bet-button-text--pending.active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bet-button-text-container .bet-button-text--pending.active span {
    color: inherit
}

.bet-button-text-container .bet-button-text__bonus-name {
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-button-text-container.cashout {
    width: 100%
}

.bet-button-text-container.cashout .bet-button-text--pending {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.casino-banners--slider {
    padding: 0 8px
}

.casino-banners--slider__wrapper {
    margin: 0 -4px 8px
}

.casino-banners--slider__games {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.casino-banners--slider__game {
    padding: 0 4px;
    display: inline-block
}

.mobile-web-img-place {
    float: left
}

.casino-game-banner {
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: relative;
    display: inline-block
}

@media screen and (min-width:825px) {
    .casino-game-banner:not(.casino-game-banner--fixed) {
        width: 100%;
        height: auto
    }
}

.casino-game-banner__image {
    display: block;
    width: 100%;
    height: auto;
    opacity: .87;
    border-radius: 2px
}

@media screen and (min-width:825px) {
    .casino-game-banner:not(.casino-game-banner--fixed) .casino-game-banner__image {
        opacity: 1
    }
}

.casino-game-banner__live {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
    background-color: #f0506e;
    color: #fff;
    font-size: .64286rem;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 2px
}

@media screen and (min-width:825px) {
    .casino-banners {
        padding: 0 8px;
        margin-bottom: 16px
    }

    .casino-banners--slider {
        margin-bottom: 0
    }

    .casino-banners__games {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -4px
    }

    .casino-banners__game {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 4px 8px
    }

    .casino-banners__tabs {
        padding: 8px 0
    }

    .casino-banners__cta__btn {
        background-color: var(--brand-secondary-color);
        display: block;
        color: #fff;
        padding: 8px 16px;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        line-height: 16px;
        font-size: .85714rem
    }
}

.mini-banners {
    background: #fff;
    margin: 0 8px
}

.mini-banners__item {
    position: relative;
    margin: 8px
}

.mini-banners__item:first-child {
    margin-top: 0
}

.mini-banners__item:last-child {
    padding-bottom: 8px;
    margin-bottom: 0
}

.mini-banners__item__link {
    display: block;
    outline: none;
    border: none;
    position: relative
}

.mini-banners__item__link img {
    border-radius: 2px
}

.mini-banners__item__description {
    width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 110px;
    color: #fff;
    font-size: .71429rem;
    line-height: 12px
}

.mini-banners__item__graphic {
    width: 100%;
    height: auto;
    display: block
}

.bod {
    height: 160px;
    position: relative;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1);
    overflow: hidden;
    border-radius: 16px
}

@media screen and (min-width:825px) {
    .bod {
        height: 200px
    }
}

.bod:before {
    content: "";
    width: 101%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(45, 55, 69, .77)), to(rgba(28, 32, 38, .34)));
    background-image: linear-gradient(0deg, rgba(45, 55, 69, .77), rgba(28, 32, 38, .34));
    z-index: 2
}

.bod.bod--no-shadow:before {
    background: rgba(28, 32, 38, .17)
}

.bod__graphic-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    z-index: 1
}

.bod__content {
    position: relative;
    padding: 8px;
    height: 100%;
    z-index: 4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.bod__content,
.bod__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bod__header {
    position: absolute;
    top: 8px;
    right: 0;
    left: 8px
}

.bod__header .secondary-information-container {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bod__header .secondary-information-container .secondary-icon {
    margin-right: 4px
}

.bod__header .badge {
    height: 32px;
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px
}

.bod__header .badge__icon {
    margin-right: 4px
}

.bod__header .badge__text {
    font-size: .85714rem;
    line-height: 16px
}

.bod__header .badge--pre-event.badge {
    background-color: #fff
}

.bod__header .badge--pre-event.badge .badge__text {
    color: rgba(28, 32, 38, .54);
    font-weight: 700;
    margin-left: 4px
}

.bod__header .badge--live.badge {
    background-color: #1c2026
}

.bod__body,
.bod__header .badge--live.badge .badge__text {
    color: hsla(0, 0%, 100%, .87)
}

.bod__body {
    font-size: 1.14286rem;
    line-height: 20px;
    text-align: center
}

.bod__footer {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px
}

@media screen and (min-width:825px) {
    .bod__footer {
        bottom: 8px;
        left: 8px;
        right: 8px
    }
}

.bod--video {
    position: relative
}

@media screen and (max-width:1025px) {
    .bod--video {
        cursor: pointer
    }
}

.bod--video video {
    max-width: 100%;
    height: auto
}

.bod__video-cta-container {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    bottom: 8px;
    z-index: 2;
    padding: 0 8px
}

.bod__video-cta {
    text-decoration: none;
    background: #1c2026;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    display: block;
    max-width: 320px;
    margin: 0 auto
}

.bod__video-cta__wrapper {
    position: relative
}

.bod__video-cta__content {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .78571rem;
    line-height: 1.1
}

.bod__video-cta__right-area {
    width: 100%;
    padding: 4px 4px 4px 40px
}

.bod__video-cta__icon,
.bod__video-cta__right-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bod__video-cta__icon {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 32px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bod__video-cta__icon>img {
    display: inline-block;
    width: 50%;
    height: auto
}

.bod__video-cta__arrow {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-color: #f0506e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bod--pre-event .bod__header__event-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px;
    font-size: .85714rem;
    line-height: 16px;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.bod--virtual .icon--margin {
    margin: 0 8px
}

.bod--virtual .bod {
    position: relative
}

.bod--virtual .bod__header__event {
    position: absolute;
    top: 8px;
    right: 0;
    left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    line-height: 16px;
    color: #fff
}

.bod--virtual .bod__header__event__time {
    color: rgba(27, 103, 218, .87)
}

.bod__body-teams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bod__body-teams__participant {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none
}

@media screen and (min-width:825px) {
    .bod__body-teams__participant {
        font-size: 1rem;
        line-height: 16px
    }
}

.bod__body-teams__separator {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 16px;
    font-size: 1.42857rem;
    line-height: 24px;
    font-weight: 700
}

.bod__body-teams__separator--reversed {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 400
}

.bod--donate .bod__body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bod--donate .title {
    text-align: center;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    padding-top: 16px
}

.bod--donate .title b,
.bod--donate .title strong {
    font-weight: 700
}

.bod--donate .title p {
    margin: 0
}

.bod--donate .amount__label {
    font-size: 1rem;
    line-height: 16px;
    display: block
}

.bod--donate .amount__container {
    margin: 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.bod--donate .amount__container .icon-container {
    background-color: #eceff1;
    border-radius: 24px 0 0 24px;
    width: 32px;
    height: 32px;
    position: relative
}

.bod--donate .amount__container .icon-container .icon {
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    display: block
}

.bod--donate .amount__container .cta-container {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-color: #f0506e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 4px;
    right: 4px
}

.bod--donate .amount__value {
    font-size: 1.14286rem;
    line-height: 20px;
    background-color: #fff;
    border-radius: 0 24px 24px 0;
    display: inline-block;
    color: rgba(28, 32, 38, .87);
    font-weight: 700;
    position: relative;
    padding: 6px 44px 6px 8px
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    25% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@media screen and (min-width:825px) {
    .enhanced-odds {
        margin: 0 8px
    }
}

.enhanced-odds__event {
    background: #fff;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.enhanced-odds__event,
.enhanced-odds__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.enhanced-odds__info {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #eceff1;
    text-decoration: none
}

@media screen and (min-width:1281px) {
    .enhanced-odds__info {
        width: auto
    }
}

.enhanced-odds__info__datetime {
    font-size: .85714rem;
    line-height: 16px;
    padding: 8px;
    text-align: center;
    color: #1c2026;
    border-right: 1px solid #eceff1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:825px) {
    .enhanced-odds__info__datetime {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.enhanced-odds__info__datetime__time {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    opacity: .87;
    margin: 0 4px
}

.enhanced-odds__info__datetime__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    opacity: .54;
    margin: 0 4px
}

.enhanced-odds__info__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px
}

.enhanced-odds__info__main__title {
    -webkit-box-flex: 3;
    -ms-flex: 3 3 0%;
    flex: 3 3 0%;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 500;
    opacity: .87;
    color: #101419;
    margin: 4px
}

.enhanced-odds__market {
    margin: 8px
}

@media screen and (min-width:825px) {
    .enhanced-odds__market {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.enhanced-odds__market__info {
    font-size: .85714rem;
    line-height: 16px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: 8px 8px 8px 0;
    font-weight: 300
}

.enhanced-odds__market__selections {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: 72px
}

@media screen and (min-width:825px) {
    .enhanced-odds__market__selections {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.enhanced-odds__market__selections__name {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.enhanced-odds__market__selections .selections {
    margin-bottom: 8px
}

.enhanced-odds__market__selections .selections:last-child {
    margin-bottom: 0
}

.enhanced-odds__market__selections .selections__selection {
    max-width: 100%;
    min-width: 72px
}

.bets-container>.horizontal-line-tabs__header {
    padding: 8px 8px 0
}

.bets-container__body {
    height: 100%;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f6f8f9
}

.bets-container__body,
.my-bets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.my-bets {
    margin: 0 4px;
    padding: 8px 0
}

.my-bets__category__header {
    margin: 0 4px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.my-bets__category__header__cta {
    display: block;
    width: 100%;
    padding: 8px;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    color: #101419;
    background-color: #eceff1;
    outline: none;
    cursor: pointer
}

.my-bets__category__header--active .my-bets__category__header__cta {
    color: #fff;
    background-color: #1c2026;
    font-weight: 500
}

@media screen and (min-width:825px) {
    .my-bets__category__body .bet-list:not(.bet-list--mobile) {
        max-height: 480px
    }
}

.bet-info-container--dark-theme {
    background-color: #1c2026
}

.bet-list__bet__footer__cashout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px
}

.bet-list__bet__footer__cashout__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
    background-color: #2d3745;
    border: 1px solid var(--cashout-button-border-color)
}

.bet-list__bet__footer__cashout__button--disabled {
    cursor: default;
    opacity: .38;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
}

.bet-list__bet__footer__cashout__title {
    font-size: .85714rem;
    line-height: 16px;
    letter-spacing: normal;
    font-weight: 400;
    white-space: nowrap
}

.bet-list__bet__footer__cashout__amount {
    margin-left: 8px;
    white-space: nowrap
}

.bet-list__bet__footer__cashout__form {
    background-color: #edf6fe;
    width: 100%;
    padding: 8px;
    border-radius: 8px
}

.bet-list__bet__footer__cashout__form__result,
.bet-list__bet__footer__cashout__form__result .bet-list__bet__footer__cashout__form__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-list__bet__footer__cashout__form__result .bet-list__bet__footer__cashout__form__title {
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.bet-list__bet__footer__cashout__form--success {
    background-color: #edfbf3
}

.bet-list__bet__footer__cashout__form--success .bet-list__bet__footer__cashout__form__title {
    color: #1c6848
}

.bet-list__bet__footer__cashout__form--fail {
    background-color: #fef1f4
}

.bet-list__bet__footer__cashout__form--fail .bet-list__bet__footer__cashout__form__title {
    color: #ba1030
}

.bet-list__bet__footer__cashout__form__mission-linked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.bet-list__bet__footer__cashout__form__mission-linked__icon {
    background-image: url(assets/static/css-images/generic/missions.png?v=1);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__triggered-offer-linked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.bet-list__bet__footer__cashout__form__triggered-offer-linked__icon {
    background-image: url(assets/static/css-images/generic/giftFill.png?v=1);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__title {
    text-align: center;
    font-size: .85714rem;
    line-height: 16px;
    margin-bottom: 8px;
    color: #204d7c
}

.bet-list__bet__footer__cashout__form__icon {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__close-icon {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.bet-list__bet__footer__cashout__form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.bet-list__bet__footer__cashout__form__actions__cancel {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin-right: 8px;
    border-radius: 8px;
    color: #101419;
    background-color: transparent;
    border: 1px solid #101419
}

.bet-list__bet__footer__cashout__form__actions__cashout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    border-radius: 8px;
    background-color: #2d3745
}

.bet-list__bet__footer__cashout__form__actions__cashout--loading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-list__bet__footer__cashout__form__actions__cashout--loading .cashout-loader {
    margin-left: 8px
}

.bet-list__bet__footer__cashout__form__actions__cashout.double-grow {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.bet-list__bet__footer__cashout__form__actions__close {
    margin: 4px 0 4px auto;
    display: block;
    color: #101419;
    padding: 0;
    font-weight: 700;
    background: none;
    cursor: pointer
}

.scoreboard-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:825px) {
    .scoreboard-container {
        max-width: 510px;
        margin: 0 auto
    }
}

.scoreboard {
    position: relative
}

.scoreboard .team-color {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.scoreboard .team-color:first-child {
    left: 0;
    right: auto
}

.scoreboard--ESPS {
    padding-bottom: 32px
}

.scoreboard .event-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 1rem;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .87);
    margin: 2px
}

.scoreboard .time-container {
    color: #fff;
    font-size: .85714rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    margin-bottom: 4px
}

.scoreboard .time-container .time__secondary {
    margin-left: 4px;
    color: rgba(19, 206, 102, .87)
}

.scoreboard .time-container--extra {
    margin-right: 4px;
    opacity: .54
}

.scoreboard .score-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 1.42857rem
}

@media screen and (min-width:825px) {
    .scoreboard .score-container {
        font-size: 1.71429rem
    }
}

.scoreboard .score-container .score-away,
.scoreboard .score-container .score-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.scoreboard .score-container .score--goal {
    -webkit-animation-name: textAnimationOnGoal;
    animation-name: textAnimationOnGoal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    color: #f3d113
}

.scoreboard .score-container .custom-sep {
    margin: 0 4px
}

.scoreboard .score-container .custom-sep--phrase {
    font-size: .78571rem;
    font-weight: 300;
    opacity: .87;
    width: 50%;
    text-align: center
}

.scoreboard .scoreboard__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px
}

@media screen and (min-width:825px) {
    .scoreboard .scoreboard__bottom {
        padding-top: 8px
    }
}

.scoreboard .mini-summary {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scoreboard .mini-summary,
.scoreboard .mini-summary__item {
    margin: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scoreboard .mini-summary__item {
    color: hsla(0, 0%, 100%, .54);
    font-size: .85714rem;
    line-height: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 8px
}

.scoreboard .mini-summary__item__icon {
    display: block
}

.scoreboard .mini-summary__item__value {
    display: block;
    margin-left: 4px
}

.scoreboard .list-summary {
    min-width: 220px;
    max-width: 304px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.scoreboard .list-summary-header {
    font-size: .78571rem;
    line-height: 12px;
    color: hsla(0, 0%, 100%, .54);
    text-align: center;
    padding-bottom: 8px
}

.scoreboard .list-summary-header--highlight {
    color: #f3d113;
    padding-left: 2px
}

.scoreboard .list-summary__item {
    color: hsla(0, 0%, 100%, .54);
    font-size: .78571rem;
    line-height: 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .38)
}

.scoreboard .list-summary__item:last-child {
    border-right: none
}

.scoreboard .list-summary__item__icon {
    display: block
}

.scoreboard .list-summary__item__value {
    max-width: 60%;
    display: block;
    color: hsla(0, 0%, 100%, .87);
    padding-left: 4px;
    text-align: right;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.scoreboard .pseudo-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0
}

.scoreboard .pseudo-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px
}

.scoreboard .pseudo-table__cell {
    color: #fff;
    background-color: rgba(28, 32, 38, .87);
    font-size: .78571rem;
    line-height: 12px;
    text-align: center;
    min-width: 24px;
    min-height: 16px;
    padding: 2px 0;
    margin: 0 2px 0 0
}

.scoreboard .pseudo-table__cell--won {
    color: #f3d113
}

.scoreboard .pseudo-table__cell--label {
    color: hsla(0, 0%, 100%, .54)
}

.scoreboard .pseudo-table__cell--wide {
    min-width: 48px
}

.scoreboard .penalty-indicator {
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    display: block;
    margin: 2px auto;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.scoreboard .penalty-indicator[data-status="0"] {
    background: #f0506e
}

.scoreboard .penalty-indicator[data-status="1"] {
    background: #13ce66
}

.scoreboard .penalty-indicator[data-status="-"] {
    background: hsla(0, 0%, 100%, .87);
    -webkit-animation: pulse 1s cubic-bezier(.18, .67, .6, 1.22) infinite;
    animation: pulse 1s cubic-bezier(.18, .67, .6, 1.22) infinite
}

.scoreboard .laps-info {
    font-size: 1rem;
    line-height: 16px;
    text-align: center
}

.scoreboard .laps-info__title {
    color: hsla(0, 0%, 100%, .54)
}

.scoreboard .laps-info__info {
    color: #13ce66
}

.scoreboard .leaderboard-container {
    padding: 4px 0;
    font-size: .85714rem;
    line-height: 16px;
    text-align: left
}

.scoreboard .leaderboard-container--column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.scoreboard .leaderboard-container__item {
    margin: 2px
}

.scoreboard .leaderboard-container__item:nth-child(n+7) {
    display: none
}

.scoreboard .leaderboard-container__item__index {
    color: #f3d113;
    margin-right: 4px
}

.scoreboard .leaderboard-container__item__name {
    color: hsla(0, 0%, 100%, .54)
}

.scoreboard .score-away,
.scoreboard .score-home {
    position: relative;
    text-align: center
}

.scoreboard .score-away .server-container,
.scoreboard .score-home .server-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.scoreboard .score-away .server-container .server-icon,
.scoreboard .score-home .server-container .server-icon {
    display: block
}

.scoreboard .score-home .server-container {
    left: -16px
}

.scoreboard .score-away .server-container {
    right: -16px
}

.uk-iframe-modal {
    padding: 0;
    z-index: 5000
}

@media screen and (min-width:1025px) {
    .uk-iframe-modal {
        padding: 50px 8px
    }
}

.uk-iframe-modal .iframe-modal {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.uk-iframe-modal .iframe-modal iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.uk-iframe-modal .iframe-modal--bf {
    padding: 0;
    width: 305px
}

.uk-iframe-modal .iframe-modal--ctr {
    width: 1025px;
    min-height: 745px;
    border-radius: 16px
}

.uk-iframe-modal .iframe-modal--cinfo {
    width: 500px;
    min-height: 310px;
    border-radius: 16px
}

@media screen and (min-width:1025px) {
    .uk-iframe-modal .iframe-modal {
        width: 480px;
        height: auto;
        min-height: 320px;
        overflow-y: hidden
    }

    .uk-iframe-modal .iframe-modal--small {
        width: 480px;
        min-height: 320px;
        height: 420px
    }

    .uk-iframe-modal .iframe-modal--mid {
        width: 480px;
        min-height: 357px
    }

    .uk-iframe-modal .iframe-modal--large {
        width: 800px;
        min-height: 600px
    }

    .uk-iframe-modal .iframe-modal--maxi {
        width: 1026px;
        min-height: 825px
    }

    .uk-iframe-modal .iframe-modal--slim {
        width: 480px;
        min-height: 80vh
    }
}

@media screen and (min-width:1025px) and (min-height:1366px) {
    .uk-iframe-modal .iframe-modal--slim {
        min-height: 70vh
    }
}

@media screen and (min-width:1025px) {
    .uk-iframe-modal .iframe-modal--social-login-disabled {
        min-height: 410px
    }

    .uk-iframe-modal .iframe-modal--fdb {
        height: 542px;
        width: 570px;
        min-height: 0
    }

    .uk-iframe-modal .iframe-modal--large {
        width: 910px;
        min-height: 560px
    }

    .uk-iframe-modal .iframe-modal--ctr {
        width: 1025px;
        min-height: 700px
    }

    .uk-iframe-modal .iframe-modal--cinfo {
        width: 500px;
        min-height: 310px
    }
}

@media screen and (min-width:1281px) {
    .uk-iframe-modal .iframe-modal--large {
        width: 960px;
        min-height: 640px
    }
}

@media screen and (min-width:825px) {
    .uk-iframe-modal .iframe-modal--bf {
        width: 640px
    }
}

@media screen and (min-width:1600px) {
    .uk-iframe-modal .iframe-modal--large {
        width: 1080px;
        min-height: 768px
    }
}

.sb-modal.uk-modal {
    padding: 68px 24px
}

@media screen and (min-width:1025px) {
    .sb-modal.uk-modal {
        padding: 104px 24px
    }
}

.sb-modal .uk-modal-body {
    padding: 0
}

.sb-modal__header {
    padding: 24px 16px 16px;
    color: #101419
}

.sb-modal__header .title {
    font-size: 1.42857rem;
    line-height: 24px;
    font-weight: 700
}

.sb-modal__header .subtitle {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    margin-top: 4px
}

.sb-modal__close {
    padding: 0
}

.sb-modal__close__btn {
    right: -20px;
    top: -20px;
    padding: 12px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.sb-modal__body {
    padding: 16px 0 0;
    background-color: #eceff1;
    max-height: 70vh;
    overflow: auto
}

.sb-modal__footer {
    -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, .17);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, .17);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    padding: 8px 16px
}

@media screen and (min-width:825px) {
    .sb-modal__footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.sb-modal__footer__plain-link {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    color: #1b67da;
    text-decoration: none;
    margin: 8px auto !important;
    cursor: pointer;
    background-color: transparent
}

.sb-modal__footer__plain-link :focus {
    outline: none
}

.sb-modal .article-content__header {
    margin-top: 0
}

.sb-alerts a,
.sb-alerts a:visited {
    color: #1774b5
}

.sb-alerts-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 7000;
    position: fixed;
    max-width: 640px;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:825px) {
    .sb-alerts-wrapper {
        margin-top: 70px
    }
}

.sb-alerts__info-icon {
    margin-right: 8px
}

.sb-alerts__container {
    margin: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 8px 16px 16px
}

.sb-alerts__container,
.sb-alerts__container__message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sb-alerts__container__message a,
.sb-alerts__container__message a:visited {
    font-weight: 700;
    display: block;
    margin-top: 10px;
    color: #232b36;
    text-decoration: none
}

.sb-alerts__container__message a.display-inline,
.sb-alerts__container__message a:visited.display-inline {
    display: inline
}

.sb-alerts__container--close-button {
    padding: 8px
}

.sb-alerts__container--info-button {
    padding: 4px 8px;
    border-radius: 8px
}

.sb-alerts__container .uk-alert-close {
    margin-top: 0;
    position: static
}

.sb-alerts__container--has-bottom-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.toggle-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center
}

.toggle-switch__slider {
    position: relative;
    width: 48px;
    height: 24px;
    background-color: #b6bcc6;
    border-radius: 64px;
    cursor: pointer
}

.toggle-switch__slider,
.toggle-switch__slider:before {
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.toggle-switch__slider:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 2px;
    top: 2px;
    background-color: #fff;
    border-radius: 50%
}

.toggle-switch input {
    display: none
}

.toggle-switch input:checked+.toggle-switch__slider {
    background-color: #1b67da
}

.toggle-switch input:checked+.toggle-switch__slider:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

.v-popper__popper .v-popper__arrow-outer {
    border-color: #fff
}

.v-popper__popper {
    display: block !important;
    z-index: 1000;
    outline: none
}

.v-popper__popper .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 4px;
    padding: 8px;
    overflow-x: hidden;
    max-width: 200px !important;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    font-size: .78571rem;
    line-height: 12px
}

.v-popper__popper .v-popper__inner strong {
    font-weight: 700
}

.v-popper__popper[x-placement^=top] {
    margin-bottom: 8px
}

.v-popper__popper[x-placement^=bottom] {
    margin-top: 8px
}

.v-popper__popper[x-placement^=right] {
    margin-left: 4px
}

.v-popper__popper[x-placement^=left] {
    margin-right: 8px
}

.v-popper__popper[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

.v-popper__popper[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.v-popper__popper[x-out-of-boundaries] {
    visibility: hidden !important
}

.button-group {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 400;
    color: #101419;
    background-color: #fff;
    height: 32px;
    border-radius: 64px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 4px 4px
}

@media screen and (min-width:825px) {
    .button-group {
        margin: 8px 4px
    }
}

.button-group__selection {
    outline: none;
    height: inherit;
    width: 100%;
    border-radius: inherit;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 400;
    color: #101419;
    background-color: #fff;
    cursor: pointer
}

.button-group__selection:disabled {
    opacity: .38;
    cursor: not-allowed
}

.button-group--selected {
    color: #fff;
    height: inherit;
    width: 100%;
    border-radius: inherit;
    font-weight: 700;
    background-color: #1c2026
}

.main-content-wrapper {
    position: relative;
    z-index: 2
}

.main-content-wrapper--bottom-space {
    padding-bottom: 48px
}

@media screen and (max-width:825px) {
    .main-content-wrapper {
        padding-bottom: 48px
    }
}

.main-content-wrapper__content {
    background-color: #eceff1
}

.search__wrapper {
    overflow: hidden;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.search-results-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eceff1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-result:hover {
    cursor: pointer;
    background: rgba(236, 239, 241, .54)
}

.search-result__icon {
    padding: 8px
}

.search-result__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    border-left: 1px solid #eceff1;
    opacity: .87;
    font-size: .85714rem;
    line-height: 16px
}

.search-result__info__name {
    font-weight: 700;
    color: #1b67da
}

.search-result__info__date {
    color: #101419
}

.offers {
    margin: auto;
    padding: 16px 8px;
    max-width: 320px
}

@media screen and (min-width:1025px) {
    .offers {
        max-width: 688px;
        padding: 16px
    }
}

@media screen and (min-width:1600px) {
    .offers {
        padding: 16px 8px;
        max-width: 1008px
    }
}

@media screen and (min-width:1920px) {
    .offers {
        max-width: 1056px
    }
}

.offers__wrapper {
    display: grid;
    margin-top: 16px;
    grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
    grid-gap: 8px
}

@media screen and (min-width:1025px) {
    .offers__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        grid-gap: 16px
    }
}

@media screen and (min-width:1920px) {
    .offers__wrapper {
        grid-gap: 32px
    }
}

.offers__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 1.71429rem;
    line-height: 24px;
    font-weight: 700
}

.offers__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer
}

.offers__item:hover .offers__item__header__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.offers__item__link {
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative
}

.offers__item__header {
    position: relative;
    width: 100%;
    overflow: hidden
}

.offers__item__header__image {
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.offers__item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px
}

.offers__item__body__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 90%
}

.offers__item__body__container__title {
    width: 100%;
    font-size: 1.14286rem;
    line-height: 20px;
    color: #101419;
    font-weight: 700;
    margin: 0
}

.offers__item__body__container__text {
    width: 100%;
    font-size: .85714rem;
    line-height: 16px;
    color: rgba(16, 20, 25, .54);
    margin-top: 4px
}

.offers__item__body__icon {
    margin: auto
}

.offers__container--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.offers__container__item {
    margin: 8px
}

.offers__container__item:first-child {
    margin-top: 0
}

.offers__container__item:last-child {
    padding-bottom: 8px;
    margin-bottom: 0
}

.offers__container__item--simple {
    margin: 0 0 0 8px
}

.offers__container__item .offerbanner {
    width: 100%;
    border-radius: 2px;
    position: relative
}

.offers__container__item .offerbanner__image {
    display: block;
    width: 100%;
    height: auto
}

.offers__container__item .offerbanner__image-unified-offers {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

@media screen and (min-width:1281px) {
    .offers__container__item .offerbanner__image-unified-offers {
        height: 200px
    }
}

@media screen and (min-width:1600px) {
    .offers__container__item .offerbanner__image-unified-offers {
        height: 250px
    }
}

.grid__column__medium .offers__container__item .offerbanner__image-unified-offers {
    max-height: 130px
}

.offers__container__item .offerbanner__image-unified-offers--overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: -webkit-gradient(linear, right top, left top, color-stop(30%, rgba(16, 20, 25, 0)), color-stop(95%, rgba(16, 20, 25, .7)));
    background: linear-gradient(270deg, rgba(16, 20, 25, 0) 30%, rgba(16, 20, 25, .7) 95%)
}

.offers__container__item .offerbanner__unified-offers-container {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 16px 16px;
    width: 60%
}

.offers__container__item .offerbanner__unified-offers-container__title {
    padding-bottom: 2px;
    color: #fff;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.offers__container__item .offerbanner__unified-offers-container__subtitle {
    font-size: .85714rem;
    line-height: 16px;
    color: #e0e4ea
}

.offers__container__item .offerbanner__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.offers__container__item .offerbanner__container__title {
    padding: 8px;
    color: #e0e4ea;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.offers__container__item .offerbanner__container__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(var(--brand-primary-color), .54)
}

.offers__container__item .offerbanner__container__footer__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px;
    font-size: .85714rem;
    line-height: 16px;
    color: #fff
}

.offers__container__item .offerbanner__simple-title {
    margin-top: 4px;
    color: #101419;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700
}

.offers__container__item .offerbanner__link {
    display: block;
    cursor: pointer;
    text-decoration: none
}

.offers__container__item .offerbanner:hover .offerbanner__background {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.offers__container__item .offerbanner--simple {
    width: 125px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.offers__container__item .offerbanner--simple .offerbanner__container__title {
    font-size: .85714rem;
    line-height: 16px
}

.offers__container__item .offerbanner--simple-image {
    width: 125px;
    height: 80px;
    min-height: 80px
}

.offers__container__item .offerbanner--simple-image .offerbanner__background:before {
    content: none
}

.article-modal {
    z-index: 8000
}

.top-notification__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:1920px) {
    .top-notification__container {
        max-width: 1920px;
        margin: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-notification__container__message {
    -ms-flex-item-align: center;
    align-self: center
}

.top-notification__container__close {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.top-notification__container__close:hover {
    opacity: .87
}

.top-notification__container__refresh {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.slide-top-enter-active {
    -webkit-transition: .5s;
    transition: .5s
}

.slide-top-leave-active {
    -webkit-transition: .4s;
    transition: .4s
}

.slide-top-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-top-enter-to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-top-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.notifications {
    background-color: #101419;
    padding: 8px 0 8px 8px;
    position: relative
}

.notifications--single {
    padding-right: 8px
}

.notifications--fixed {
    background-color: transparent;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    padding: 8px
}

.notifications--fixed .notifications__container {
    width: 452px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .38);
    box-shadow: 0 0 8px rgba(0, 0, 0, .38)
}

.notifications--fixed.slide-bottom-enter-active {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.notifications--fixed.slide-bottom-leave-active {
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.notifications--fixed.slide-bottom-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.notifications--fixed.slide-bottom-enter-to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.notifications--fixed.slide-bottom-leave-to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.notifications .notifications__container {
    border-radius: 8px
}

.notifications .swiper-container .swiper-button-next {
    right: 4px
}

.notifications .swiper-container.notifications__container--multiple .swiper-button-prev {
    right: 52px
}

.notifications .swiper-container .swiper-button-next,
.notifications .swiper-container .swiper-button-prev {
    display: none;
    position: absolute;
    bottom: 22px;
    color: #fff;
    top: auto;
    left: auto;
    background: none;
    cursor: pointer;
    opacity: .54
}

@media screen and (min-width:1025px) {

    .notifications .swiper-container .swiper-button-next,
    .notifications .swiper-container .swiper-button-prev {
        display: block
    }
}

.notifications .swiper-container .swiper-button-next:focus,
.notifications .swiper-container .swiper-button-prev:focus {
    outline: none
}

.notifications .swiper-container .swiper-button-next:hover,
.notifications .swiper-container .swiper-button-prev:hover {
    opacity: 1
}

.notifications .swiper-container .swiper-button-next.swiper-button-lock,
.notifications .swiper-container .swiper-button-prev.swiper-button-lock {
    display: none
}

.notifications .swiper-container .swiper-button-next {
    right: 16px
}

.notifications .swiper-container .swiper-button-prev {
    right: 60px
}

.notifications .swiper-container .swiper-slide {
    height: auto
}

.notifications .swiper-pagination-custom {
    font-size: .85714rem;
    line-height: 16px;
    color: #fff;
    opacity: 1;
    position: absolute;
    z-index: 1000;
    padding: 0;
    left: auto;
    bottom: 24px;
    right: 38px;
    width: auto
}

.notifications .swiper-pagination-custom.swiper-pagination-lock {
    display: none
}

.notification__item {
    margin-right: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: initial;
    align-self: auto;
    width: 90vw
}

.notification__item--single {
    width: 100%
}

@media screen and (min-width:480px) {
    .notification__item {
        display: block;
        width: 350px
    }
}

@media screen and (min-width:1025px) {
    .notification__item {
        width: 100%;
        margin-right: 0
    }
}

.notification-content {
    color: #fff;
    opacity: .54;
    font-size: .85714rem;
    line-height: 16px
}

.notification-number {
    color: #fff;
    background-color: var(--brand-secondary-color);
    border-radius: 16px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px
}

.notification-number--small {
    min-width: 14px;
    height: 14px;
    font-size: .64286rem
}

.notification-number--large {
    min-width: 16px;
    height: 16px;
    font-size: .78571rem
}

.notification-image {
    position: relative;
    margin-right: 8px;
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #101419
}

.notification-image .svg-icon {
    width: 44px;
    height: 44px
}

.notification-image .svg-icon:focus {
    outline: none
}

.notification-image--light {
    background-color: #eceff1
}

.notification-image--transparent {
    background-color: transparent
}

.notification-image--big {
    width: 76px;
    height: 76px
}

.notification-image--big .svg-icon {
    width: 68px;
    height: 68px
}

.notification-image--small {
    width: 24px;
    height: 24px
}

.notification-image__icon {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
    border-radius: 50%;
    background-color: #13ce66
}

.mission-notification {
    height: 100%
}

@media screen and (min-width:1025px) {
    .mission-notification {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 0
    }
}

.mission-notification--centered {
    margin-top: 8px
}

.mission-notification--centered .card__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mission-notification__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: calc(100% - 130px);
    flex-basis: calc(100% - 130px);
    padding-top: 0;
    min-width: 244px
}

.mission-notification__content__title {
    color: #fff;
    font-size: 1.14286rem;
    line-height: 20px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-weight: 700
}

.mission-notification__content__info,
.mission-notification__content__terms {
    color: #fff;
    opacity: .54;
    font-size: .85714rem;
    line-height: 16px
}

.mission-notification__content .rewards {
    -ms-flex-wrap: unset;
    flex-wrap: unset
}

.mission-notification__content .rewards .reward__item {
    margin-bottom: 0
}

.mission-notification__label {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 8px 0
}

.mission-notification__label .mission-next-step__label__container {
    border-radius: 2px
}

.mission-notification__cta {
    margin-top: auto;
    margin-right: auto;
    position: absolute;
    bottom: 8px
}

.mission-notification .card__content {
    max-width: 218px
}

.mission-notification .card__content__title {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-right: 32px
}

.mission-modal {
    z-index: 4000
}

@media screen and (max-width:480px) {
    .mission-modal.uk-modal {
        padding: 0
    }
}

.mission-modal.uk-modal .uk-modal-body {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

@media screen and (min-width:480px) {
    .mission-modal.uk-modal .uk-modal-body {
        height: auto
    }
}

@media screen and (max-width:480px) {
    .mission-modal.uk-modal .uk-modal-body .sb-modal__close__btn {
        top: 0;
        right: 0
    }
}

.mission-modal.uk-modal .uk-modal-body .sb-modal__body {
    max-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:825px) {
    .mission-modal.uk-modal .uk-modal-body .sb-modal__body {
        max-height: 70vh
    }
}

.mission-modal.uk-modal .uk-modal-body .sb-modal__footer {
    position: static
}

.mission-modal .mission-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mission-modal .mission-header__title {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 1.42857rem;
    line-height: 24px;
    font-weight: 700
}

.mission-modal .mission-content {
    margin-bottom: 16px;
    padding: 0 16px
}

.mission-modal .mission-content__rewards__info__title {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700
}

.mission-modal .mission-content__rewards__info__rewards .rewards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:825px) {
    .mission-modal .mission-content__rewards__info__rewards .rewards {
        margin-top: 16px;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: normal;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.mission-modal .mission-content__rewards__next-step {
    margin-top: 16px
}

@media screen and (min-width:825px) {
    .mission-modal .mission-content__rewards__next-step {
        margin-top: 0
    }
}

.mission-modal .mission-content__rewards__next-step__prompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.mission-modal .mission-content__rewards__next-step__prompt__text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 16px
}

.mission-modal .mission-content__rewards__next-step__prompt .svg-icon {
    height: auto
}

.mission-modal .mission-content__rewards__next-step__mission .card__container {
    gap: 8px
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .card__main__wrapper {
    position: relative
}

.mission-modal .mission-content__rewards__next-step__mission .card__container:after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(72, 87, 111, 0)), to(rgba(72, 87, 111, .54)));
    background: linear-gradient(90deg, rgba(72, 87, 111, 0) 0, rgba(72, 87, 111, .54))
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .mission__locked__icon {
    z-index: 4000;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #b6bcc6;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 64px 0 0 64px;
    padding-left: 4px
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .mission__locked__icon--enabled {
    background-color: #13ce66
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .mission__participation-link__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .mission__participation-link__container--border {
    border-top: 1px solid #e0e4ea;
    margin: 0 8px
}

.mission-modal .mission-content__rewards__next-step__mission .card__container .mission__participation-link {
    text-decoration: underline;
    cursor: pointer;
    z-index: 1000;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700;
    color: #fff
}

.mission-modal .mission-content__rewards--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:825px) {
    .mission-modal .mission-content__rewards--flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mission-modal .mission-content__rewards--flex .mission-content__rewards__next-step {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .mission-modal .mission-content__rewards--flex .mission-content__rewards__info__rewards .rewards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mission-modal .mission-content__rewards--flex .mission-content__rewards__info__rewards .rewards .reward__item {
        margin-right: 0
    }
}

@media screen and (min-width:825px) and (min-width:825px) {
    .mission-modal .mission-content__rewards--flex .mission-content__rewards__info__rewards .rewards .reward__item {
        margin-bottom: 8px
    }
}

.mission-modal .mission-content__article {
    margin-top: 24px;
    border-top: 1px solid #b6bcc6
}

.mission-modal .mission-content__article .article-content {
    padding: 0
}

.mission-modal .mission-content__body {
    background-color: #fff
}

.mission-modal .mission-content__body__dropdown {
    padding: 4px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mission-modal .mission-content__body__dropdown__title {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500
}

.mission-modal .mission-content__body__dropdown__icon {
    cursor: pointer
}

.mission-modal .mission-content__body__dropdown__icon .svg {
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.mission-modal .mission-content__body__text {
    border-top: 1px solid #b6bcc6;
    padding: 16px;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 500;
    color: #101419;
    opacity: .54
}

.mission-modal .mission-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width:825px) {
    .mission-modal .mission-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mission-modal .mission-footer__terms {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    color: #1b67da;
    text-decoration: none
}

@media screen and (min-width:825px) {
    .mission-modal .mission-footer__terms {
        margin-right: auto
    }
}

.mission-modal .mission-footer__opt-in {
    border-top: 1px solid #e0e4ea;
    padding-top: 8px;
    margin-top: 8px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 400px
}

@media screen and (min-width:825px) {
    .mission-modal .mission-footer__opt-in {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
        border-left: 1px solid #e0e4ea
    }
}

.mission-modal .mission-footer__opt-in__icon {
    margin: 0 8px;
    padding: 4px;
    border-radius: 50%
}

.mission-modal .mission-footer__opt-in__message {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700
}

.mission-modal .mission-footer__opt-in__info {
    font-size: .78571rem;
    line-height: 12px;
    opacity: .54
}

.mission-modal .mission-footer__opt-in--success .mission-footer__opt-in__icon {
    background-color: #13ce66
}

.mission-modal .mission-footer__opt-in--success .mission-footer__opt-in__message {
    color: #13ce66
}

.mission-modal .mission-footer__opt-in--info .mission-footer__opt-in__icon {
    padding: 0
}

.mission-modal .mission-footer__opt-in--failure .mission-footer__opt-in__icon {
    background-color: var(--brand-secondary-color)
}

.mission-modal .mission-footer__opt-in--failure .mission-footer__opt-in__message {
    color: var(--brand-secondary-color)
}

.mission-modal .mission-footer__opt-in-cta {
    margin-top: 8px
}

@media screen and (min-width:825px) {
    .mission-modal .mission-footer__opt-in-cta {
        margin-top: 0;
        margin-left: auto
    }
}

.mission-modal--progress {
    z-index: 6000
}

.mission-modal--progress .sb-modal__body {
    padding: 16px
}

.mission-modal--progress .sb-modal__footer {
    padding: 8px
}

.mission-modal--progress__message {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.mission-modal--progress .mission-footer button {
    cursor: pointer;
    padding: 8px;
    border: 1px solid #1c2026;
    background-color: #fff;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700
}

@media screen and (min-width:825px) {
    .mission-modal--progress .mission-footer button {
        margin-left: auto
    }
}

.active-missions {
    max-width: 100%;
    overflow: hidden
}

.active-missions__slider .missions-list__item {
    background-color: #fff;
    width: 280px
}

@media screen and (min-width:825px) {
    .active-missions__slider .missions-list__item {
        height: 62px;
        width: 240px
    }
}

.active-missions__slider .missions-list__item .progress-bar-ruler__container {
    margin-bottom: 0
}

@media screen and (min-width:825px) {
    .active-missions__slider.swiper-container .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:1366px) {
    .active-missions__slider.swiper-container .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.active-missions__slider.swiper-container .swiper-wrapper .swiper-slide {
    padding: 8px;
    -ms-flex-negative: initial;
    flex-shrink: 1;
    width: auto
}

.active-missions__slider.swiper-container .swiper-pagination {
    display: none;
    padding: 0 0 8px
}

@media screen and (min-width:1366px) {
    .active-missions__slider.swiper-container .swiper-pagination {
        display: block
    }
}

.active-missions__slider.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #b6bcc6;
    margin: 0 8px;
    border: none
}

.active-missions__slider.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

.active-missions--single,
.active-missions--single .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%
}

.active-missions--single .swiper-container .swiper-wrapper .swiper-slide .missions-list__item {
    width: inherit
}

@media screen and (min-width:825px) {
    .active-missions--single .swiper-container .swiper-wrapper .swiper-slide .missions-list__item {
        width: 240px
    }
}

.missions-progress-list__item:not(:last-child) {
    margin-bottom: 16px
}

.missions-list__item {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    border-radius: 8px;
    height: 100%
}

.missions-list__item__info .progress-bar-ruler__container {
    margin-top: 4px
}

.missions-list__item .card__container {
    gap: 8px
}

@media screen and (min-width:825px) {
    .missions-list__item {
        border-radius: 0
    }

    .missions-list__item .card__container {
        border-radius: initial
    }
}

.missions-list__item__notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.missions-list__item__notification .svg-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 4px
}

.missions-list__item__myaccount-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer
}

.missions-list__item__complete__header {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.missions-list__item__complete__info {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    opacity: .54
}

.missions-list__item__complete__rewards {
    border-top: 1px solid #b6bcc6;
    padding-top: 16px;
    margin-top: 24px
}

.missions-list__item__complete .card__container {
    padding-top: 8px
}

.missions-list__item__complete--extra {
    gap: 8px;
    padding: 0 8px 8px
}

.missions-list__item__complete--extra .missions-list__item__complete__rewards {
    margin-top: 16px
}

.mission-next-step__label__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    background-color: #eceff1;
    padding: 4px 8px 4px 4px
}

.mission-next-step__label__container--dark-theme {
    background-color: #374456
}

.mission-next-step__label__container--dark-theme .mission-next-step__label__text {
    color: #fff
}

@media screen and (min-width:1025px) {
    .mission-next-step__label__container {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.mission-next-step__label__text {
    margin-left: 4px;
    color: #101419;
    font-size: .64286rem;
    line-height: 12px
}

.missions-widget {
    max-width: 100%;
    overflow: hidden
}

.missions-widget__slider .mission-card,
.missions-widget__slider .mission-card--widget {
    width: 328px
}

@media screen and (min-width:825px) {

    .missions-widget__slider .mission-card,
    .missions-widget__slider .mission-card--widget {
        height: auto;
        width: 184px
    }
}

.missions-widget__slider .mission-card--widget .progress-bar-ruler__container,
.missions-widget__slider .mission-card .progress-bar-ruler__container {
    margin-bottom: 0
}

@media screen and (min-width:825px) {
    .missions-widget__slider.swiper-container .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:1366px) {
    .missions-widget__slider.swiper-container .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.missions-widget__slider.swiper-container .swiper-wrapper .swiper-slide {
    padding: 8px;
    -ms-flex-negative: initial;
    flex-shrink: 1;
    width: auto;
    height: auto
}

.missions-widget__slider.swiper-container .swiper-pagination {
    display: none;
    padding: 0 0 8px
}

@media screen and (min-width:1366px) {
    .missions-widget__slider.swiper-container .swiper-pagination {
        display: block
    }
}

.missions-widget__slider.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #b6bcc6;
    margin: 0 8px;
    border: none
}

.missions-widget__slider.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

.missions-widget-full {
    margin: 8px 0 8px 8px
}

.missions-widget-full .swiper-slide {
    width: 328px;
    margin-right: 8px
}

.missions-widget-full--single {
    margin: 8px
}

.missions-widget-full--single .swiper-slide {
    width: 100%
}

.missions-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative;
    height: 224px
}

@media screen and (max-width:480px) {
    .missions-page-header:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: .54;
        background: rgba(28, 32, 38, .17)
    }
}

.missions-page-header__video {
    height: 224px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width:1025px) {

    .missions-page-header,
    .missions-page-header__video {
        height: 320px
    }
}

.missions-page-header__logo {
    height: 72px;
    width: 72px;
    margin-bottom: 16px
}

@media screen and (min-width:1025px) {
    .missions-page-header__logo {
        height: 96px;
        width: 96px;
        margin-bottom: 24px
    }
}

.missions-page-header__content {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.missions-page-header__title {
    color: #fff;
    font-weight: 700;
    font-size: 1.42857rem;
    line-height: 24px
}

@media screen and (min-width:1025px) {
    .missions-page-header__title {
        font-size: 2.57143rem;
        line-height: 40px
    }
}

.missions-page-header__subtitle {
    text-align: center;
    max-width: 444px;
    color: #f6f8f9;
    font-size: 1.14286rem;
    line-height: 20px;
    margin: 4px auto 16px;
    padding: 0 24px
}

.missions-page-header__link-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

@media screen and (min-width:825px) {
    .missions-page-header__link-list {
        width: auto;
        margin-bottom: 24px
    }
}

.missions-page-header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 8px;
    background-color: transparent;
    color: #fff;
    cursor: pointer
}

.missions-page-header__icon {
    margin-right: 8px
}

.missions-page-header__icon path,
.missions-page-header__icon polygon,
.missions-page-header__icon rect,
.missions-page-header__icon svg path,
.missions-page-header__icon svg polygon,
.missions-page-header__icon svg rect {
    fill: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.missions-page__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1c2026
}

.missions-page__tabs .button-group {
    width: 100%;
    margin: 8px;
    background-color: #232b36
}

@media screen and (min-width:480px) {
    .missions-page__tabs .button-group {
        width: auto;
        min-width: 320px
    }
}

.missions-page__tabs .button-group__selection {
    color: #fff;
    background-color: #232b36
}

.missions-page__tabs .button-group--selected {
    background-color: #374456
}

.missions-slider {
    margin-bottom: 8px
}

.missions-slider .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:825px) {
    .missions-slider .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.missions-slider .swiper-slide {
    height: auto !important
}

.missions-slider .swiper-slide:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width:825px) {
    .missions-slider .swiper-slide:not(:last-child) {
        margin-bottom: 0;
        margin-right: 8px
    }
}

@media screen and (min-width:1025px) {
    .missions-slider .swiper-slide {
        width: 400px !important
    }
}

.missions-slider--disabled .swiper-slide {
    width: auto !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important
}

.missions-page {
    background: #101419
}

.missions-page .back-to-top {
    margin: 24px auto
}

.missions-list__container {
    padding: 24px 8px
}

@media screen and (min-width:1025px) {
    .missions-list__container {
        padding: 32px 8px
    }
}

.missions-available__container {
    background-color: #000
}

.missions-participating__container {
    background-color: #374456
}

.missions-list {
    width: 100%;
    max-width: 1281px;
    margin: 0 auto
}

.missions-list__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 24px
}

@media screen and (min-width:1025px) {
    .missions-list__header {
        margin-bottom: 16px
    }
}

.missions-list__text {
    margin-left: 8px
}

.mission-card__link {
    text-decoration: none;
    cursor: pointer
}

.mission-card__title {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-weight: 700;
    font-size: 1.14286rem;
    line-height: 20px;
    margin-bottom: 2px
}

@media screen and (min-width:1025px) {
    .mission-card__title {
        font-size: 1.42857rem;
        line-height: 24px;
        margin-bottom: 4px
    }
}

.mission-card__subtitle {
    color: #b6bcc6;
    font-size: .85714rem;
    line-height: 16px
}

@media screen and (min-width:1025px) {
    .mission-card__subtitle {
        font-size: 1rem;
        line-height: 16px
    }
}

.mission-card__footer {
    padding: 8px
}

@media screen and (min-width:1025px) {
    .mission-card__footer {
        padding: 16px
    }
}

.mission-card--with-bg {
    height: 200px !important;
    background-size: cover;
    background-position: 100%
}

.mission-card--with-bg .progress-bar-ruler-new__container {
    width: 50%
}

.mission-card--with-bg .mission-card-next {
    width: calc(50% - 16px)
}

.mission-card--with-bg .mission-card-button {
    width: auto
}

.mission-card--with-bg .card-new__footer {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(#2d3745));
    background: linear-gradient(270deg, transparent, #2d3745)
}

.mission-card--upcoming {
    opacity: .87
}

.mission-card--upcoming__content {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.missions-upcoming {
    margin: 0 auto
}

.missions-upcoming__container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 24px 8px
}

@media screen and (min-width:825px) {
    .missions-upcoming__container {
        padding: 24px
    }
}

@media screen and (min-width:1025px) {
    .missions-upcoming {
        min-width: 864px;
        max-width: 864px
    }
}

.missions-upcoming__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.missions-upcoming__title {
    color: #fff;
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.missions-upcoming__subtitle {
    color: #b6bcc6;
    font-size: .85714rem;
    line-height: 16px
}

.missions-upcoming__items {
    position: relative;
    margin: 24px auto
}

@media screen and (min-width:825px) {
    .missions-upcoming__items {
        margin: 32px auto
    }
}

@media screen and (min-width:1281px) {
    .missions-upcoming__items {
        margin: 32px auto
    }
}

.mission-time-counter {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mission-time-counter__field {
    background: #2d3745;
    padding: 2px 4px;
    margin: 0 4px;
    border-radius: 4px
}

.mission-time-counter__value {
    color: #fff
}

.mission-time-counter__text {
    color: #b6bcc6
}

.missions-upcoming-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 8px solid transparent;
    z-index: 1;
    position: relative
}

.missions-upcoming-item:nth-child(odd) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width:825px) {
    .missions-upcoming-item:nth-child(odd) .missions-upcoming-item__content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.missions-upcoming-item:nth-child(2n) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.missions-upcoming-item:last-child {
    border-bottom: none
}

.missions-upcoming-item:last-child .missions-upcoming-item__line {
    background: transparent
}

@media screen and (min-width:825px) {
    .missions-upcoming-item {
        border: none;
        border-top: 8px solid transparent
    }

    .missions-upcoming-item:first-child {
        border-top: none
    }
}

.missions-upcoming-item__side {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    font-size: .85714rem;
    line-height: 16px
}

@media screen and (min-width:825px) {
    .missions-upcoming-item__side {
        margin: 0 16px
    }
}

.missions-upcoming-item__circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #69778b;
    margin-bottom: 8px
}

.missions-upcoming-item__datetime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.missions-upcoming-item__date {
    color: #b6bcc6
}

.missions-upcoming-item__time {
    color: #fff;
    text-align: center
}

.missions-upcoming-item__line {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    background: #69778b
}

.missions-upcoming-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    border-radius: 16px;
    background-color: #1c2026
}

@media screen and (min-width:825px) {
    .missions-upcoming-item__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 32px);
        flex: 0 1 calc(50% - 32px)
    }
}

@media screen and (min-width:1025px) {
    .missions-upcoming-item__content {
        min-width: 400px
    }
}

.mission-page {
    background: #101419;
    color: #fff
}

@media screen and (min-width:480px) {
    .mission-page .breadcrumbs-container {
        display: block
    }
}

.mission-page__back {
    padding: 8px;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: .85714rem;
    line-height: 16px
}

.mission-page__content {
    padding: 16px
}

@media screen and (min-width:825px) {
    .mission-page__content {
        max-width: 788px;
        margin: 0 auto
    }
}

@media screen and (min-width:1025px) {
    .mission-page__content {
        padding: 32px 0
    }
}

.live-event__details .matchcombo-info__switch {
    color: #fff
}

.live-event__details .matchcombo-info__switch__label {
    opacity: .54;
    color: #fff
}

.matchcombo-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 16px;
    width: 100%
}

.matchcombo-info,
.matchcombo-info__switch {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.matchcombo-info__switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 4px;
    padding-bottom: 8px
}

@media (max-width:825px) {
    .matchcombo-info__switch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.matchcombo-info__switch__label {
    opacity: .87;
    font-size: .85714rem;
    margin-left: 8px;
    color: #101419
}

.matchcombo-info__article {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 4px
}

.matchcombo-info__article svg {
    fill: #b6bcc6
}

.favorite-competitions-widget {
    min-width: 200px;
    background-color: #fff
}

.favorite-competitions-widget .favorite-competitions__icon {
    margin-right: 8px
}

.favorite-competitions-widget .favorite-competitions__empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    border: 1px dashed #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .54;
    margin: 8px;
    padding: 8px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.favorite-competitions-widget .favorite-competitions__empty__title {
    color: #000;
    font-size: .78571rem;
    line-height: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.favorite-competitions-widget .favorite-competitions__empty:hover {
    opacity: .87
}

.favorite-competitions-widget .favorite-competitions__list {
    padding: 8px
}

.favorite-competitions-widget .favorite-competitions__list--recommended .favorite-competitions__item {
    opacity: .54
}

.favorite-competitions-widget .favorite-competitions__list--recommended .favorite-competitions__item:hover {
    opacity: .87
}

.favorite-competitions-widget .favorite-competitions__item {
    background-color: rgba(236, 239, 241, .54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin-bottom: 4px
}

.favorite-competitions-widget .favorite-competitions__item__league {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    margin-left: 8px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.favorite-competitions-widget .favorite-competitions__item__league__name {
    color: #1b67da;
    font-size: .85714rem;
    line-height: 16px;
    letter-spacing: normal
}

.favorite-competitions-widget .favorite-competitions__item__league__region {
    font-size: .85714rem;
    line-height: 16px;
    letter-spacing: normal;
    color: #1c2026
}

.favorite-competitions-widget .favorite-competitions__item--disabled {
    opacity: .54
}

.favorite-competitions-widget .favorite-competitions__actions__add {
    background-color: #000;
    border-radius: 50%;
    max-height: 16px;
    margin-left: 4px;
    margin-right: 4px
}

.favorite-competitions-widget .favorite-competitions__actions__show {
    margin-top: 4px;
    width: 100%
}

.favorite-competitions-widget-card {
    margin: 8px
}

.favorite-competitions-widget-card .favorite-competitions-widget {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .17);
    box-shadow: 0 0 8px rgba(0, 0, 0, .17)
}

.favorite-competitions-widget-card .uk-open .sport-picker__header .sport-picker__header__icon-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.favorite-competitions-widget .sport-picker__item__badge {
    margin: 0 4px
}

.favorite-competitions {
    padding-top: 8px
}

.favorite-competitions__region {
    font-weight: 700
}

.progress-bar-ruler__container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.progress-bar-ruler__container .progress-bar-ruler {
    margin: 0 4px 0 0;
    background: #e0e4ea
}

.progress-bar-ruler__container .progress-bar-ruler--small {
    height: 12px
}

.progress-bar-ruler__container .progress-bar-ruler::-webkit-progress-bar {
    background-color: #e0e4ea
}

.progress-bar-ruler__container .progress-bar-ruler::-moz-progress-bar {
    border-radius: 64px;
    background-color: #f3d113
}

.progress-bar-ruler__container .progress-bar-ruler::-webkit-progress-value {
    position: relative;
    background-color: #f3d113
}

.progress-bar-ruler__container .progress-bar-ruler::-ms-fill {
    background-color: #f3d113
}

.progress-bar-ruler__container .progress-bar-ruler--completed::-webkit-progress-value {
    background-color: #13ce66 !important
}

.progress-bar-ruler__container .progress-bar-ruler--completed::-moz-progress-bar {
    background-color: #13ce66 !important
}

.progress-bar-ruler__container .progress-bar-ruler--completed::-ms-fill {
    background-color: #13ce66 !important
}

.progress-bar-ruler__container .progress-bar-ruler__ruler {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress-bar-ruler__container .progress-bar-ruler__ruler span:not(:last-child) {
    border-right: 1px solid #101419;
    opacity: .17
}

.progress-bar-ruler__container .progress-bar-ruler__values {
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 12px
}

.progress-bar-ruler__container .progress-bar-ruler__values span {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: .71429rem;
    line-height: 12px;
    opacity: .54
}

.progress-bar-ruler__container .progress-bar-ruler__values span:first-child,
.progress-bar-ruler__container .progress-bar-ruler__values span:last-child {
    position: absolute
}

.progress-bar-ruler__container .progress-bar-ruler__values span:last-child {
    right: 0
}

.progress-bar-ruler__container .progress-bar-ruler__values span:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.progress-bar-ruler__container .progress-bar-ruler__values__step:not(:last-child) {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.progress-bar-ruler__container .progress-bar-ruler__values__current {
    opacity: 1 !important
}

.progress-bar-ruler__container .progress-bar-ruler__values__progress {
    position: absolute
}

.stake-input {
    -moz-appearance: textfield
}

.stake-input::-webkit-inner-spin-button,
.stake-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.red-badge {
    letter-spacing: .2px;
    color: #fff;
    background: #f0506e;
    border-radius: 16px;
    padding: 2px 6px;
    font-size: .78571rem;
    line-height: 12px
}

.live-incidents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 0;
    width: 100%
}

@media screen and (min-width:825px) {
    .live-incidents:not(.live-incidents--mobile) {
        min-height: 32px;
        width: 300px;
        margin: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.live-incidents__container {
    position: relative;
    width: 100%
}

@media screen and (min-width:825px) {
    .live-incidents:not(.live-incidents--mobile) .live-incidents__container {
        position: static;
        width: auto
    }
}

.live-incidents__container .sb-dropdown--extended {
    left: 0;
    right: auto;
    min-width: 200px
}

@media screen and (min-width:825px) {
    .live-incidents:not(.live-incidents--mobile) .live-incidents__container .sb-dropdown--extended {
        width: 300px;
        right: 0;
        left: 0;
        margin: auto
    }
}

.live-incidents__container__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    opacity: .54;
    padding: 4px 8px;
    margin: 2px 0;
    font-size: .85714rem;
    line-height: 20px;
    cursor: pointer
}

.live-incidents__container__title:after,
.live-incidents__container__title:before {
    content: "";
    position: absolute;
    top: 4px;
    border-left: 1px solid #374456;
    width: 1px;
    height: 24px
}

.live-incidents__container__title:before {
    left: 2px
}

.live-incidents__container__title:after {
    right: 0
}

.live-incidents__container__title--open {
    opacity: 1
}

@media screen and (min-width:825px) {
    .live-incidents:not(.live-incidents--mobile) .live-incidents__container__title {
        max-width: 240px;
        margin: 2px auto;
        padding: 4px
    }

    .live-incidents:not(.live-incidents--mobile) .live-incidents__container__title:after,
    .live-incidents:not(.live-incidents--mobile) .live-incidents__container__title:before {
        display: none
    }
}

.live-incidents__container__title:hover {
    opacity: 1
}

.live-incidents__container__title__time {
    margin: 0 4px;
    opacity: .54;
    text-align: center
}

.live-incidents__container__title__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 4px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.live-incidents__notifications {
    position: relative
}

@media screen and (min-width:825px) {
    .live-incidents__notifications__dropdown.sb-dropdown--extended {
        right: -12px
    }
}

.live-incidents__notifications__button {
    padding: 8px;
    margin: 0;
    background: transparent;
    cursor: pointer
}

@media screen and (min-width:825px) {
    .live-incidents__notifications__button {
        padding: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.live-incidents__notifications__button__title {
    display: none;
    color: #fff;
    opacity: .54;
    font-size: .85714rem;
    line-height: 20px;
    margin: 0 4px 0 16px
}

.live-incidents__notifications__button__title--open {
    opacity: 1
}

@media screen and (min-width:825px) {
    .live-incidents__notifications__button__title {
        display: block
    }
}

.live-incidents__notifications__button svg.live-incidents__notifications__button__icon path {
    fill: none;
    stroke: #e0e4ea
}

.live-incidents__notifications__button svg.live-incidents__notifications__button__icon--subscribed path {
    fill: #f3d113;
    stroke: none;
    opacity: 1
}

.rewards {
    margin-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rewards,
.rewards .reward__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rewards .reward__item {
    margin-bottom: 8px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-shadow: 0 0 0 1px #0996a0;
    box-shadow: 0 0 0 1px #0996a0;
    font-size: .71429rem;
    line-height: 12px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .87);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px
}

.rewards .reward__item:last-child {
    margin-right: 0
}

.rewards .reward__item__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 2px 4px
}

@media screen and (min-width:825px) {
    .rewards .reward__item__amount {
        padding: 2px 8px
    }
}

.rewards .reward__item__name {
    padding: 0 4px
}

@media screen and (min-width:825px) {
    .rewards .reward__item__name {
        padding: 0 8px
    }
}

.rewards .reward__item__icon {
    margin-left: auto;
    margin-right: 4px
}

.rewards .reward__item--big-size .reward__item__amount {
    font-size: 1.14286rem;
    line-height: 20px
}

.rewards .reward__item--big-size .reward__item__name {
    font-size: .85714rem;
    line-height: 16px
}

.rewards .reward__item--fullbet {
    -webkit-box-shadow: 0 0 0 1px #0996a0;
    box-shadow: 0 0 0 1px #0996a0
}

.rewards .reward__item--fullbet .reward__item__amount {
    background-color: #0996a0
}

.rewards .reward__item--fullbet .reward__item__name {
    color: #0996a0
}

.rewards .reward__item--fullbet .svg-icon path,
.rewards .reward__item--fullbet .svg-icon polygon,
.rewards .reward__item--fullbet .svg-icon rect,
.rewards .reward__item--fullbet .svg-icon svg path,
.rewards .reward__item--fullbet .svg-icon svg polygon,
.rewards .reward__item--fullbet .svg-icon svg rect {
    fill: #0996a0;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.rewards .reward__item--cash {
    -webkit-box-shadow: 0 0 0 1px #a519c1;
    box-shadow: 0 0 0 1px #a519c1
}

.rewards .reward__item--cash .reward__item__amount {
    background-color: #a519c1
}

.rewards .reward__item--cash .reward__item__name {
    color: #a519c1
}

.rewards .reward__item--cash .svg-icon path,
.rewards .reward__item--cash .svg-icon polygon,
.rewards .reward__item--cash .svg-icon rect,
.rewards .reward__item--cash .svg-icon svg path,
.rewards .reward__item--cash .svg-icon svg polygon,
.rewards .reward__item--cash .svg-icon svg rect {
    fill: #a519c1;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.rewards .reward__item--freespins {
    -webkit-box-shadow: 0 0 0 1px #90b847;
    box-shadow: 0 0 0 1px #90b847
}

.rewards .reward__item--freespins .reward__item__amount {
    background-color: #90b847
}

.rewards .reward__item--freespins .reward__item__name {
    color: #90b847
}

.rewards .reward__item--freespins .svg-icon path,
.rewards .reward__item--freespins .svg-icon polygon,
.rewards .reward__item--freespins .svg-icon rect,
.rewards .reward__item--freespins .svg-icon svg path,
.rewards .reward__item--freespins .svg-icon svg polygon,
.rewards .reward__item--freespins .svg-icon svg rect {
    fill: #90b847;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.rewards .reward__item--freebet {
    -webkit-box-shadow: 0 0 0 1px #6233ff;
    box-shadow: 0 0 0 1px #6233ff
}

.rewards .reward__item--freebet .reward__item__amount {
    background-color: #6233ff
}

.rewards .reward__item--freebet .reward__item__name {
    color: #6233ff
}

.rewards .reward__item--freebet .svg-icon path,
.rewards .reward__item--freebet .svg-icon polygon,
.rewards .reward__item--freebet .svg-icon rect,
.rewards .reward__item--freebet .svg-icon svg path,
.rewards .reward__item--freebet .svg-icon svg polygon,
.rewards .reward__item--freebet .svg-icon svg rect {
    fill: #6233ff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.rewards .reward__item--goldenchips {
    -webkit-box-shadow: 0 0 0 1px #8c7203;
    box-shadow: 0 0 0 1px #8c7203
}

.rewards .reward__item--goldenchips .reward__item__amount {
    background-color: #8c7203
}

.rewards .reward__item--goldenchips .reward__item__name {
    color: #8c7203
}

.rewards .reward__item--goldenchips .svg-icon path,
.rewards .reward__item--goldenchips .svg-icon polygon,
.rewards .reward__item--goldenchips .svg-icon rect,
.rewards .reward__item--goldenchips .svg-icon svg path,
.rewards .reward__item--goldenchips .svg-icon svg polygon,
.rewards .reward__item--goldenchips .svg-icon svg rect {
    fill: #8c7203;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.rewards .reward__tooltip {
    position: relative
}

.rewards .reward__tooltip__tooltiptext {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    min-width: 80px;
    background-color: #fff;
    color: #101419;
    font-size: .78571rem;
    line-height: 12px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px;
    top: 24px;
    right: -4px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (min-width:825px) {
    .rewards .reward__tooltip__tooltiptext {
        min-width: 120px
    }
}

.rewards .reward__tooltip__tooltiptext:before {
    content: "";
    position: absolute;
    top: 100%;
    top: -8px;
    right: 8px;
    border: 4px solid transparent;
    border-bottom-color: #fff
}

.rewards .reward__tooltip:hover .reward__tooltip__tooltiptext {
    visibility: visible;
    opacity: 1
}

.rewards--dark-theme .reward__item>.reward__item__name {
    color: hsla(0, 0%, 100%, .87)
}

.rewards--full-length {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rewards--full-length .reward__item {
    border-radius: 0;
    margin-bottom: 0;
    -ms-flex-preferred-size: calc(50% - 4px);
    flex-basis: calc(50% - 4px)
}

@media screen and (min-width:825px) {
    .rewards--full-length .reward__item {
        -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px)
    }
}

.rewards--full-length .reward__item:first-child {
    margin-bottom: 8px
}

@media screen and (min-width:825px) {
    .rewards--full-length .reward__item:first-child {
        margin-bottom: 0
    }
}

.rewards--full-length .reward__item__name {
    padding: 4px
}

@media screen and (min-width:825px) {
    .rewards--full-length .reward__item__name {
        padding: 8px
    }
}

.card__container {
    padding: 8px 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.card__container--dark-theme {
    background-color: #1c2026
}

.card__container--dark-theme .card__content__info,
.card__container--dark-theme .card__content__terms,
.card__container--dark-theme .card__content__title {
    color: #fff
}

.card__container--extra {
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.card__main__wrapper {
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card__main,
.card__main__wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1
}

.card__main {
    -ms-flex: 1;
    flex: 1;
    padding: 0 8px
}

.card__extra {
    margin-top: auto;
    flex-direction: column
}

.card__content,
.card__extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.card__content {
    overflow: hidden;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.card__content__title {
    font-size: .85714rem;
    line-height: 16px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-weight: 500
}

.card__content__info,
.card__content__terms {
    opacity: .54;
    font-size: .71429rem;
    line-height: 12px
}

.card__content--large {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card__content--large .card__content__title {
    font-size: 1rem;
    line-height: 16px
}

@media screen and (min-width:1025px) {
    .card__content--large .card__content__title {
        font-size: 1.14286rem;
        line-height: 20px
    }
}

.back-button__link,
.card__content--large .notification-content {
    font-size: .85714rem;
    line-height: 16px
}

.back-button__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    background-color: #fff;
    color: #1c2026;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width:825px) {
    .back-button__link {
        display: none
    }
}

.back-button__link__icon {
    margin-right: 4px
}

@media screen and (min-width:825px) {
    .back-button__link.laptop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1025px) {
    .back-button__link.laptop {
        display: none
    }
}

.content-map-item {
    padding: 4px 8px;
    color: #fff;
    font-weight: 400;
    font-size: .85714rem;
    z-index: 10;
    min-width: 82px;
    position: absolute;
    bottom: 0;
    right: 0
}

.content-map-eye,
.content-map-item {
    border-radius: 64px;
    background-color: #6233ff
}

.content-map-eye {
    position: fixed;
    left: 26px;
    bottom: 26px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 9999
}

@media screen and (max-width:825px) {
    .content-map-eye {
        bottom: 48px
    }
}

.content-map-eye--wordpress {
    background-color: #007cba;
    left: 68px
}

.skeleton-wrapper {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #fff), color-stop(18%, #eceff1), color-stop(50%, #fff));
    background: linear-gradient(90deg, #fff 8%, #eceff1 18%, #fff 50%);
    background-size: 800px 104px;
    position: relative
}

@media screen and (min-width:825px) {
    .skeleton-wrapper {
        margin: 0 8px
    }
}

@media screen and (min-width:1366px) {
    .skeleton-wrapper {
        background-size: 1600px 104px
    }
}

@media screen and (min-width:1920px) {
    .skeleton-wrapper {
        background-size: 3600px 104px
    }
}

.skeleton-wrapper--dark-theme {
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #2d3745), color-stop(18%, #232b36), color-stop(50%, #2d3745));
    background: linear-gradient(90deg, #2d3745 8%, #232b36 18%, #2d3745 50%)
}

.skeleton-wrapper .skeleton-item {
    padding: 8px
}

@media screen and (min-width:1025px) {

    .skeleton-wrapper .skeleton-item,
    .skeleton-wrapper .skeleton-item>* {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .skeleton-wrapper .skeleton-item>* {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.skeleton-wrapper .skeleton-item:first-child {
    opacity: .17
}

.skeleton-wrapper .skeleton-item:nth-child(2) {
    opacity: .08
}

.skeleton-wrapper .skeleton-item:nth-child(3) {
    opacity: .05
}

.skeleton-wrapper .skeleton-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.skeleton-wrapper .skeleton-item__info__box {
    width: 32px;
    height: 32px;
    background: #48576f;
    margin-right: 16px
}

.skeleton-wrapper .skeleton-item__info__text {
    width: 100%
}

.skeleton-wrapper .skeleton-item__info__text>* {
    height: 8px
}

.skeleton-wrapper .skeleton-item__info__text__large {
    width: 80%;
    background: #48576f;
    margin-bottom: 4px
}

.skeleton-wrapper .skeleton-item__info__text__small {
    width: 50%;
    background: #48576f
}

.skeleton-wrapper .skeleton-item__markets__item {
    width: 100%;
    display: none
}

@media screen and (min-width:1920px) {
    .skeleton-wrapper .skeleton-item__markets__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%
    }
}

.skeleton-wrapper .skeleton-item__markets__item:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1281px) {
    .skeleton-wrapper .skeleton-item__markets__item:first-child {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .skeleton-wrapper .skeleton-item__markets__item:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.skeleton-wrapper .skeleton-item__markets__item>* {
    height: 24px;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #48576f
}

.skeleton-wrapper .skeleton-item__betslip {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.skeleton-wrapper .skeleton-item__betslip__item {
    width: 100%;
    display: none
}

@media screen and (min-width:1920px) {
    .skeleton-wrapper .skeleton-item__betslip__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.skeleton-wrapper .skeleton-item__betslip__item:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1281px) {
    .skeleton-wrapper .skeleton-item__betslip__item:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.skeleton-wrapper .skeleton-item__betslip__item>* {
    height: 104px;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #48576f;
    border-radius: 4px
}

.skeleton-wrapper .skeleton-item__betslip__item .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header {
    margin: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item {
    height: 16px;
    margin-left: 8px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--left .title {
    background: #000;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right .container {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right .container .small-btn {
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    background: #000
}

.skeleton-wrapper .skeleton-item__betslip__item .container .info-label {
    margin: 4px 16px;
    height: 8px;
    background-color: #000;
    width: 40%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .info-label--big {
    width: 70%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .bet-button {
    height: 40px;
    margin: 4px 16px;
    background-color: #000;
    border-radius: 8px;
    width: 30%
}

.skeleton-wrapper--market .skeleton-item {
    display: block
}

.skeleton-wrapper--market .skeleton-item__info {
    width: 66.6%;
    height: 8px;
    background: #48576f
}

@media screen and (min-width:825px) {
    .skeleton-wrapper--market .skeleton-item__info {
        width: 30%
    }

    .skeleton-wrapper--market .skeleton-item__markets__item>* {
        height: 32px
    }
}

.skeleton-wrapper--market .skeleton-item__markets__item:first-child {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.horizontal-line-tabs {
    position: relative;
    z-index: 1000;
    height: 100%;
    background-color: #eceff1
}

@media screen and (min-width:825px) {
    .horizontal-line-tabs {
        height: auto
    }
}

.horizontal-line-tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.horizontal-line-tabs__header--no-pointer-events {
    pointer-events: none
}

.horizontal-line-tabs__header--no-pointer-events>.horizontal-line-tabs__header__title {
    cursor: default
}

.horizontal-line-tabs__header--no-pointer-events>.horizontal-line-tabs__header__title--selected {
    border-bottom: 4px solid transparent
}

.horizontal-line-tabs__header__title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: .85714rem;
    line-height: 16px;
    color: #1c2026;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 4px solid transparent;
    cursor: pointer
}

.horizontal-line-tabs__header__title--auto-width {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px;
    padding: 0 8px 4px
}

.horizontal-line-tabs__header__title--uppercase {
    text-transform: uppercase
}

.horizontal-line-tabs__header__title--selected {
    font-weight: 700;
    border-bottom: 4px solid #1c2026
}

.horizontal-line-tabs__body {
    height: 100%
}

.progress-bar-ruler-new {
    margin: 0 4px 0 0;
    background: #69778b
}

.progress-bar-ruler-new__container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.progress-bar-ruler-new::-webkit-progress-bar {
    background-color: #69778b
}

.progress-bar-ruler-new::-moz-progress-bar {
    border-radius: 64px;
    background-color: #f3d113
}

.progress-bar-ruler-new::-webkit-progress-value {
    position: relative;
    background-color: #f3d113
}

.progress-bar-ruler-new::-ms-fill {
    background-color: #f3d113
}

.progress-bar-ruler-new--success::-webkit-progress-value {
    background-color: #13ce66 !important
}

.progress-bar-ruler-new--success::-moz-progress-bar {
    background-color: #13ce66 !important
}

.progress-bar-ruler-new--success::-ms-fill {
    background-color: #13ce66 !important
}

.progress-bar-ruler-new--error::-webkit-progress-value {
    background-color: #f0506e !important
}

.progress-bar-ruler-new--error::-moz-progress-bar {
    background-color: #f0506e !important
}

.progress-bar-ruler-new--error::-ms-fill {
    background-color: #f0506e !important
}

.progress-bar-ruler-new__ruler {
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress-bar-ruler-new__ruler span:not(:last-child) {
    border-right: 1px solid #b6bcc6
}

.progress-bar-ruler-new__values {
    margin-top: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 12px
}

.progress-bar-ruler-new__values span {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: .78571rem;
    line-height: 12px;
    opacity: .54
}

.progress-bar-ruler-new__values span:last-child {
    position: absolute;
    right: 0
}

.progress-bar-ruler-new__values span:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.progress-bar-ruler-new__current {
    opacity: 1 !important;
    margin-right: 2px
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__progress {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__value span {
    position: static !important
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__values span:first-child {
    position: absolute
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__step:not(:last-child) {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__current-step {
    border-right: none !important
}

.panic-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4d5764;
    border-radius: 16px;
    overflow: hidden
}

.panic-button,
.panic-button__not-excluded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.panic-button__not-excluded {
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    padding: 8px 0;
    text-align: center
}

.panic-button__not-excluded__hidden-element {
    background-color: #f0506e;
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.panic-button__not-excluded__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .85714rem;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .87)
}

.panic-button__excluded,
.panic-button__not-excluded__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.panic-button__excluded {
    cursor: not-allowed;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px
}

.panic-button__excluded__icon path {
    fill: #f0506e
}

.panic-button__excluded__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    font-size: .85714rem;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .87)
}

.panic-button progress[value] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
}

.panic-button progress[value]::-webkit-progress-bar {
    background-color: transparent
}

.panic-button progress[value]::-webkit-progress-value {
    background-color: #f0506e
}

@media (-moz-touch-enabled) {
    .panic-button__not-excluded__text {
        color: rgba(35, 43, 54, .87);
        font-weight: 700
    }
}

@-moz-document url-prefix() {
    .panic-button__not-excluded__text {
        color: rgba(35, 43, 54, .87);
        font-weight: 700
    }
}

.panic-button progress[value]::-moz-progress-bar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0506e
}

@supports (-ms-ime-align:auto) {
    .panic-button__not-excluded__text {
        color: rgba(35, 43, 54, .87)
    }
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
    .panic-button__not-excluded__text {
        font-weight: 700
    }
}

.panic-button progress[value] {
    color: #f0506e
}

.slider-bod--widget.swiper-container {
    margin-bottom: 0;
    padding: 8px 0 8px 8px
}

.slider-bod--widget.swiper-container .sportshub-bod-top .swiper-container {
    margin-top: 8px
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .bet-bonus__item__body,
    .live-event .market,
    .live-event__link--sidebar,
    .live-page .live-event__details__markets-container {
        display: block
    }

    .bet-bonus__item__body__amount,
    .bet-bonus__item__body__name {
        display: inline-block
    }

    .card__container--extra,
    .card__container--extra.card__main {
        display: block
    }

    .matchcombo-info {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media screen and (-ms-high-contrast:active) and (min-width:825px),
screen and (-ms-high-contrast:none) and (min-width:825px) {
    .scoreboard-container {
        min-width: 510px
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .sb-modal .uk-modal-body {
        display: block !important
    }

    .sb-modal__body {
        display: block;
        -ms-flex: none
    }

    .sb-modal__footer {
        position: absolute
    }

    .timer-modal__footer__footer {
        padding: 0 8px
    }

    .user-info__bonus__type__top__text {
        white-space: normal
    }
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.push-right {
    margin-left: auto
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.clickable {
    cursor: pointer
}

body.no-scroll {
    max-width: 100%;
    position: fixed
}

body.no-scroll,
body.stories-lock-fixed-height {
    overflow: hidden
}

@-webkit-keyframes breathing-animation {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes breathing-animation {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

button {
    border-style: unset;
    border-width: unset;
    background-color: unset
}

svg {
    outline: none
}

*,
: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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

::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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

.tw-visible {
    visibility: visible
}

.tw-invisible {
    visibility: hidden
}

.tw-fixed {
    position: fixed
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-sticky {
    position: sticky
}

.tw-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tw-left-0 {
    left: 0
}

.tw-right-0 {
    right: 0
}

.tw-top-\[-48px\] {
    top: -48px
}

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

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

.tw-top-0 {
    top: 0
}

.tw-top-\[30px\] {
    top: 30px
}

.tw-top-\[12px\] {
    top: 12px
}

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

.tw-bottom-0 {
    bottom: 0
}

.tw-left-\[33\%\] {
    left: 33%
}

.-tw-right-px {
    right: -1px
}

.-tw-top-px {
    top: -1px
}

.-tw-bottom-xs {
    bottom: -2px
}

.-tw-top-\[12px\] {
    top: -12px
}

.-tw-right-\[12px\] {
    right: -12px
}

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

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

.tw-left-full {
    left: 100%
}

.tw-right-icon-xxxs {
    right: 12px
}

.tw-top-\[24px\] {
    top: 24px
}

.tw-top-m {
    top: 16px
}

.tw-left-\[6px\] {
    left: 6px
}

.tw--top-s {
    top: -4px
}

.tw--right-s {
    right: -4px
}

.tw-right-\[-10px\] {
    right: -10px
}

.tw-top-\[-4px\] {
    top: -4px
}

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

.tw-top-\[45px\] {
    top: 45px
}

.tw-bottom-\[48px\] {
    bottom: 48px
}

.-tw-right-\[6px\] {
    right: -6px
}

.-tw-bottom-\[6px\] {
    bottom: -6px
}

.tw-top-\[16px\] {
    top: 16px
}

.tw-top-s {
    top: 4px
}

.tw-right-s {
    right: 4px
}

.tw--top-n {
    top: -8px
}

.tw-right-xs {
    right: 2px
}

.tw-top-\[20px\] {
    top: 20px
}

.-tw-top-xs {
    top: -2px
}

.-tw-top-n {
    top: -8px
}

.-tw-right-\[13px\] {
    right: -13px
}

.tw-left-\[66\%\] {
    left: 66%
}

.-tw-top-\[5px\] {
    top: -5px
}

.tw-top-\[32px\] {
    top: 32px
}

.tw-left-\[20px\] {
    left: 20px
}

.tw-top-n {
    top: 8px
}

.tw-left-n {
    left: 8px
}

.tw-top-\[-11px\] {
    top: -11px
}

.tw-left-s {
    left: 4px
}

.tw-bottom-\[-11px\] {
    bottom: -11px
}

.tw-right-\[-4px\] {
    right: -4px
}

.-tw-top-m {
    top: -16px
}

.tw-left-\[-59px\] {
    left: -59px
}

.tw-top-\[75px\] {
    top: 75px
}

.tw-top-\[-7px\] {
    top: -7px
}

.tw--right-px {
    right: -1px
}

.tw-left-xl {
    left: 32px
}

.tw-right-n {
    right: 8px
}

.-tw-top-\[48px\] {
    top: -48px
}

.tw-top-\[25px\] {
    top: 25px
}

.tw-left-\[4px\] {
    left: 4px
}

.tw-top-\[40px\] {
    top: 40px
}

.tw-top-xs {
    top: 2px
}

.-tw-top-\[2px\] {
    top: -2px
}

.-tw-left-\[2px\] {
    left: -2px
}

.tw-bottom-s {
    bottom: 4px
}

.tw-bottom-n {
    bottom: 8px
}

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

.tw-z-xl {
    z-index: 7000
}

.tw-z-\[5\] {
    z-index: 5
}

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

.tw-z-20 {
    z-index: 20
}

.tw-z-0 {
    z-index: 0
}

.tw-z-xs {
    z-index: 3000
}

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

.tw-z-\[11\] {
    z-index: 11
}

.tw-z-\[1010\] {
    z-index: 1010
}

.tw-z-l {
    z-index: 6000
}

.tw-z-xxxl {
    z-index: 9999
}

.tw-z-\[2000\],
.tw-z-xxs {
    z-index: 2000
}

.tw-z-\[3000\] {
    z-index: 3000
}

.tw-z-\[1001\] {
    z-index: 1001
}

.tw-z-xxxs {
    z-index: 1000
}

.tw-col-span-7 {
    grid-column: span 7/span 7
}

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

.tw-m-s {
    margin: 4px
}

.tw-m-m {
    margin: 16px
}

.tw-m-0 {
    margin: 0
}

.tw-m-n {
    margin: 8px
}

.\!tw-m-0 {
    margin: 0 !important
}

.tw-m-auto {
    margin: auto
}

.tw-m-xs {
    margin: 2px
}

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

.tw-my-m {
    margin-top: 16px;
    margin-bottom: 16px
}

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

.tw-my-\[6px\] {
    margin-top: 6px;
    margin-bottom: 6px
}

.tw-mx-n {
    margin-left: 8px;
    margin-right: 8px
}

.tw-my-n {
    margin-top: 8px;
    margin-bottom: 8px
}

.tw-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.tw-mx-xs {
    margin-left: 2px;
    margin-right: 2px
}

.\!tw-my-xs {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.tw-my-xs {
    margin-top: 2px;
    margin-bottom: 2px
}

.tw-mx-s {
    margin-left: 4px;
    margin-right: 4px
}

.tw-my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px
}

.tw-mx-icon-xl {
    margin-left: 64px;
    margin-right: 64px
}

.tw-mx-xl {
    margin-left: 32px;
    margin-right: 32px
}

.tw-my-s {
    margin-top: 4px;
    margin-bottom: 4px
}

.tw-mx-m {
    margin-left: 16px;
    margin-right: 16px
}

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

.tw-mr-s {
    margin-right: 4px
}

.tw-mr-n {
    margin-right: 8px
}

.tw-mt-s {
    margin-top: 4px
}

.tw-ml-s {
    margin-left: 4px
}

.tw-ml-0 {
    margin-left: 0
}

.tw-ml-auto {
    margin-left: auto
}

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

.tw-mb-n {
    margin-bottom: 8px
}

.tw-mt-m {
    margin-top: 16px
}

.tw-ml-n {
    margin-left: 8px
}

.tw-mb-m {
    margin-bottom: 16px
}

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

.tw-mb-l {
    margin-bottom: 24px
}

.tw-mb-s {
    margin-bottom: 4px
}

.tw-mt-n {
    margin-top: 8px
}

.tw-ml-xs {
    margin-left: 2px
}

.tw-mb-xs {
    margin-bottom: 2px
}

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

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

.tw-mt-xs {
    margin-top: 2px
}

.tw-mt-auto {
    margin-top: auto
}

.tw-mb-auto {
    margin-bottom: auto
}

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

.tw-mt-l {
    margin-top: 24px
}

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

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

.tw-mt-xl {
    margin-top: 32px
}

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

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

.tw-mb-xxl {
    margin-bottom: 40px
}

.tw-mt-0 {
    margin-top: 0
}

.tw-mr-auto {
    margin-right: auto
}

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

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

.\!tw-ml-auto {
    margin-left: auto !important
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw--mb-n {
    margin-bottom: -8px
}

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

.\!tw-ml-n {
    margin-left: 8px !important
}

.tw-mr-xs {
    margin-right: 2px
}

.tw-mt-xxl {
    margin-top: 40px
}

.tw-mr-m {
    margin-right: 16px
}

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

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

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

.tw-mt-icon-ml {
    margin-top: 44px
}

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

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

.tw-ml-m {
    margin-left: 16px
}

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

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

.\!tw-ml-0 {
    margin-left: 0 !important
}

.-tw-ml-m {
    margin-left: -16px
}

.-tw-mr-m {
    margin-right: -16px
}

.tw-mr-0 {
    margin-right: 0
}

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

.\!tw-ml-\[6px\] {
    margin-left: 6px !important
}

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

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

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

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

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

.-tw-mb-s {
    margin-bottom: -4px
}

.tw-mr-l {
    margin-right: 24px
}

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

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

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

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

.tw-box-border {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tw-box-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-inline {
    display: inline
}

.tw-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tw-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tw-grid {
    display: grid
}

.tw-hidden {
    display: none
}

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

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

.tw-h-icon-xxs {
    height: 16px
}

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

.tw-h-auto {
    height: auto
}

.tw-h-\[32px\] {
    height: 32px
}

.tw-h-icon-xs {
    height: 20px
}

.tw-h-max {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.tw-h-\[76px\] {
    height: 76px
}

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

.tw-h-\[26px\] {
    height: 26px
}

.tw-h-icon-sxxs {
    height: 14px
}

.tw-h-\[114px\] {
    height: 114px
}

.tw-h-\[41px\] {
    height: 41px
}

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

.tw-h-\[45px\] {
    height: 45px
}

.tw-h-m {
    height: 16px
}

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

.tw-h-icon-s {
    height: 24px
}

.tw-h-\[47px\] {
    height: 47px
}

.tw-h-\[54px\] {
    height: 54px
}

.tw-h-icon-sxs {
    height: 18px
}

.tw-h-\[160px\] {
    height: 160px
}

.tw-h-\[112px\] {
    height: 112px
}

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

.tw-h-px {
    height: 1px
}

.tw-h-icon-xxxs {
    height: 12px
}

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

.tw-h-xs {
    height: 2px
}

.tw-h-xl {
    height: 32px
}

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

.tw-h-\[12px\] {
    height: 12px
}

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

.tw-h-\[15px\] {
    height: 15px
}

.tw-h-l {
    height: 24px
}

.tw-h-\[122px\] {
    height: 122px
}

.tw-h-\[333px\] {
    height: 333px
}

.tw-h-\[388px\] {
    height: 388px
}

.tw-h-\[21px\] {
    height: 21px
}

.tw-h-\[250px\] {
    height: 250px
}

.tw-h-\[82px\] {
    height: 82px
}

.tw-h-\[34px\] {
    height: 34px
}

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

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

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

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

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

.tw-h-icon-l {
    height: 56px
}

.tw-h-n {
    height: 8px
}

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

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

.tw-h-\[104px\] {
    height: 104px
}

.tw-h-\[29px\] {
    height: 29px
}

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

.tw-h-\[108px\] {
    height: 108px
}

.tw-h-s {
    height: 4px
}

.tw-h-\[66px\] {
    height: 66px
}

.tw-h-\[72\.8px\] {
    height: 72.8px
}

.tw-h-\[77px\] {
    height: 77px
}

.tw-h-\[150px\] {
    height: 150px
}

.tw-h-\[100px\] {
    height: 100px
}

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

.tw-h-icon-pico {
    height: 8px
}

.tw-h-icon-m {
    height: 32px
}

.tw-h-icon-ml {
    height: 44px
}

.tw-h-icon-xl {
    height: 64px
}

.tw-h-icon-xxl {
    height: 72px
}

.tw-h-\[35px\] {
    height: 35px
}

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

.tw-h-\[51px\] {
    height: 51px
}

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

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

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

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

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

.tw-max-h-m {
    max-height: 16px
}

.tw-max-h-full {
    max-height: 100%
}

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

.tw-max-h-0 {
    max-height: 0
}

.\!tw-max-h-\[150px\] {
    max-height: 150px !important
}

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

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

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

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

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

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

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

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

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

.tw-w-inherit {
    width: inherit
}

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

.tw-w-icon-xxs {
    width: 16px
}

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

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

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

.tw-w-\[177px\] {
    width: 177px
}

.tw-w-icon-xs {
    width: 20px
}

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

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

.tw-w-\[74px\] {
    width: 74px
}

.tw-w-xxl {
    width: 40px
}

.tw-w-auto {
    width: auto
}

.tw-w-\[90\%\] {
    width: 90%
}

.tw-w-m {
    width: 16px
}

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

.tw-w-\[296px\] {
    width: 296px
}

.tw-w-icon-s {
    width: 24px
}

.tw-w-\[62px\] {
    width: 62px
}

.tw-w-\[67px\] {
    width: 67px
}

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

.tw-w-\[190px\] {
    width: 190px
}

.tw-w-icon-sxs {
    width: 18px
}

.tw-w-\[56px\] {
    width: 56px
}

.tw-w-\[42px\] {
    width: 42px
}

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

.tw-w-icon-sxxs {
    width: 14px
}

.tw-w-\[327px\] {
    width: 327px
}

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

.tw-w-\[205px\] {
    width: 205px
}

.tw-w-\[230px\] {
    width: 230px
}

.tw-w-\[344px\] {
    width: 344px
}

.tw-w-px {
    width: 1px
}

.tw-w-icon-xxxs {
    width: 12px
}

.tw-w-\[18px\] {
    width: 18px
}

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

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

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

.tw-w-xl {
    width: 32px
}

.tw-w-\[10px\] {
    width: 10px
}

.tw-w-s {
    width: 4px
}

.tw-w-\[15px\] {
    width: 15px
}

.tw-w-\[28px\] {
    width: 28px
}

.tw-w-\[66\%\] {
    width: 66%
}

.tw-w-\[122px\] {
    width: 122px
}

.tw-w-\[333px\] {
    width: 333px
}

.tw-w-\[270px\] {
    width: 270px
}

.tw-w-\[250px\] {
    width: 250px
}

.tw-w-\[82px\] {
    width: 82px
}

.tw-w-\[16px\] {
    width: 16px
}

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

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

.tw-w-\[266px\] {
    width: 266px
}

.tw-w-\[58px\] {
    width: 58px
}

.tw-w-\[64px\] {
    width: 64px
}

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

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

.tw-w-\[1px\] {
    width: 1px
}

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

.tw-w-icon-l {
    width: 56px
}

.tw-w-\[340px\] {
    width: 340px
}

.tw-w-\[240px\] {
    width: 240px
}

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

.tw-w-\[75px\] {
    width: 75px
}

.tw-w-l {
    width: 24px
}

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

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

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

.tw-w-\[52px\] {
    width: 52px
}

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

.tw-w-\[50px\] {
    width: 50px
}

.tw-w-screen {
    width: 100vw
}

.tw-w-\[500px\] {
    width: 500px
}

.tw-w-\[95px\] {
    width: 95px
}

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

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

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

.tw-w-\[264px\] {
    width: 264px
}

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

.tw-w-\[35\.5px\] {
    width: 35.5px
}

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

.tw-w-\[calc\(50\%-2px\)\] {
    width: calc(50% - 2px)
}

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

.tw-w-icon-pico {
    width: 8px
}

.tw-w-icon-m {
    width: 32px
}

.tw-w-icon-ml {
    width: 44px
}

.tw-w-icon-xl {
    width: 64px
}

.tw-w-icon-xxl {
    width: 72px
}

.tw-w-n {
    width: 8px
}

.tw-w-\[22px\] {
    width: 22px
}

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

.tw-w-\[360px\] {
    width: 360px
}

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

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

.tw-w-\[380px\] {
    width: 380px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tw-min-w-full {
    min-width: 100%
}

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

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

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

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

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

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

.tw-max-w-xl {
    max-width: 36rem
}

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

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

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

.tw-max-w-\[calc\(50\%-4px\)\] {
    max-width: calc(50% - 4px)
}

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

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

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

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

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

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

.tw-max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

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

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

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

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

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

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

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

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

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

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

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

.tw-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.tw-flex-\[9\] {
    -webkit-box-flex: 9;
    -ms-flex: 9;
    flex: 9
}

.\!tw-flex-none {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.tw-flex-initial {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.tw-flex-1-0-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.tw-flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tw-flex-0-0-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tw-flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tw-flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.tw-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tw-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.tw-flex-grow-\[2\] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.tw-flex-grow,
.tw-flex-grow-\[1\] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\!tw-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.tw-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tw-basis-auto {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.tw-basis-full {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.tw-basis-1\/4 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.tw-basis-1\/3 {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%
}

.tw-basis-1\/2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.tw-origin-center {
    -webkit-transform-origin: center;
    transform-origin: center
}

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

.tw-translate-x-1\/2,
.tw-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-tw-translate-x-1\/2,
.-tw-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.tw-translate-x-negative-200 {
    --tw-translate-x: -200%
}

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

.tw-translate-y-full {
    --tw-translate-y: 100%
}

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

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

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

.tw-translate-y-\[7px\] {
    --tw-translate-y: 7px
}

.tw--translate-y-1\/2,
.tw-translate-y-\[7px\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

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

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

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

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

.-tw-translate-y-full {
    --tw-translate-y: -100%
}

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

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

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

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

.tw-animate-textAnimationOnGoal {
    -webkit-animation: textAnimationOnGoal 1s ease-out;
    animation: textAnimationOnGoal 1s ease-out
}

.tw-animate-flashEventOnGoal {
    -webkit-animation: flashEventOnGoal 1s;
    animation: flashEventOnGoal 1s
}

@-webkit-keyframes tw-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes tw-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.tw-animate-fadeInUp {
    -webkit-animation: tw-fadeInUp .3s;
    animation: tw-fadeInUp .3s
}

@-webkit-keyframes tw-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .75
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes tw-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .75
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.tw-animate-ripple {
    -webkit-animation: tw-ripple 2s ease-out infinite;
    animation: tw-ripple 2s ease-out infinite
}

@-webkit-keyframes tw-slideGuestViewHeaderDown {
    0% {
        margin-top: -54px
    }

    to {
        margin-top: 0
    }
}

@keyframes tw-slideGuestViewHeaderDown {
    0% {
        margin-top: -54px
    }

    to {
        margin-top: 0
    }
}

.tw-animate-slideGuestViewHeaderDown {
    -webkit-animation: tw-slideGuestViewHeaderDown .3s ease-out 1.6s forwards;
    animation: tw-slideGuestViewHeaderDown .3s ease-out 1.6s forwards
}

@-webkit-keyframes tw-slideGuestViewContainerDown {
    0% {
        padding-top: 66px
    }

    to {
        padding-top: 120px
    }
}

@keyframes tw-slideGuestViewContainerDown {
    0% {
        padding-top: 66px
    }

    to {
        padding-top: 120px
    }
}

.tw-animate-slideGuestViewContainerDown {
    -webkit-animation: tw-slideGuestViewContainerDown .3s ease-out 1.6s forwards;
    animation: tw-slideGuestViewContainerDown .3s ease-out 1.6s forwards
}

@-webkit-keyframes tw-slideGuestViewDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tw-slideGuestViewDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.tw-animate-slideGuestViewDown {
    -webkit-animation: tw-slideGuestViewDown .3s ease-out 1.6s forwards;
    animation: tw-slideGuestViewDown .3s ease-out 1.6s forwards
}

@-webkit-keyframes tw-highlightsPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .32);
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .32)
    }

    to {
        -webkit-box-shadow: 0 0 0 12px transparent;
        box-shadow: 0 0 0 12px transparent
    }
}

@keyframes tw-highlightsPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .32);
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .32)
    }

    to {
        -webkit-box-shadow: 0 0 0 12px transparent;
        box-shadow: 0 0 0 12px transparent
    }
}

.tw-animate-highlightsPulse {
    -webkit-animation: tw-highlightsPulse 1.2s infinite;
    animation: tw-highlightsPulse 1.2s infinite
}

@-webkit-keyframes tw-pulse {
    50% {
        opacity: .5
    }
}

@keyframes tw-pulse {
    50% {
        opacity: .5
    }
}

.tw-animate-pulse {
    -webkit-animation: tw-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation: tw-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@-webkit-keyframes tw-rotateLeftAndRight {
    0% {
        rotate: -15deg
    }

    50% {
        rotate: 15deg
    }

    to {
        rotate: -15deg
    }
}

@keyframes tw-rotateLeftAndRight {
    0% {
        rotate: -15deg
    }

    50% {
        rotate: 15deg
    }

    to {
        rotate: -15deg
    }
}

.tw-animate-rotateLeftAndRight {
    -webkit-animation: tw-rotateLeftAndRight 1s ease-in-out infinite;
    animation: tw-rotateLeftAndRight 1s ease-in-out infinite
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-cursor-default {
    cursor: default
}

.tw-cursor-auto {
    cursor: auto
}

.\!tw-cursor-default {
    cursor: default !important
}

.tw-cursor-not-allowed {
    cursor: not-allowed
}

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

.tw-list-decimal {
    list-style-type: decimal
}

.tw-grid-cols-\[repeat\(auto-fit\,_minmax\(100\%\,_max-content\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(100%, -webkit-max-content));
    grid-template-columns: repeat(auto-fit, minmax(100%, max-content))
}

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

.tw-grid-cols-\[46px_auto\] {
    grid-template-columns: 46px auto
}

.tw-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.\!tw-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.tw-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tw-flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tw-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tw-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tw-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.tw-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.tw-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.tw-items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tw-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tw-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tw-items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.tw-items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.tw-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tw-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tw-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tw-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tw-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.tw-justify-items-start {
    justify-items: start
}

.tw-justify-items-center {
    justify-items: center
}

.tw-gap-n {
    gap: 8px
}

.tw-gap-xs {
    gap: 2px
}

.tw-gap-\[6px\] {
    gap: 6px
}

.tw-gap-s {
    gap: 4px
}

.tw-gap-px {
    gap: 1px
}

.tw-gap-m {
    gap: 16px
}

.tw-gap-l {
    gap: 24px
}

.tw-gap-xl {
    gap: 32px
}

.tw-gap-\[12px\] {
    gap: 12px
}

.tw-gap-\[30px\] {
    gap: 30px
}

.tw-gap-\[64px\] {
    gap: 64px
}

.tw-gap-x-n {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.tw-gap-y-n {
    row-gap: 8px
}

.tw-gap-y-xs {
    row-gap: 2px
}

.tw-gap-x-s {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.tw-gap-x-\[17px\] {
    -webkit-column-gap: 17px;
    -moz-column-gap: 17px;
    column-gap: 17px
}

.tw-gap-y-m {
    row-gap: 16px
}

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

.tw-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.tw-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.tw-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.tw-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.tw-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.tw-justify-self-center {
    justify-self: center
}

.tw-overflow-auto {
    overflow: auto
}

.tw-overflow-hidden {
    overflow: hidden
}

.tw-overflow-visible {
    overflow: visible
}

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

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

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

.tw-scroll-smooth {
    scroll-behavior: smooth
}

.tw-truncate {
    overflow: hidden;
    white-space: nowrap
}

.tw-overflow-ellipsis,
.tw-text-ellipsis,
.tw-truncate {
    text-overflow: ellipsis
}

.tw-whitespace-normal {
    white-space: normal
}

.tw-whitespace-nowrap {
    white-space: nowrap
}

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

.tw-break-all {
    word-break: break-all
}

.tw-rounded-s {
    border-radius: 8px
}

.tw-rounded-bubble {
    border-radius: 50%
}

.tw-rounded-m {
    border-radius: 16px
}

.tw-rounded-xs {
    border-radius: 4px
}

.tw-rounded-pill {
    border-radius: 64px
}

.\!tw-rounded-0 {
    border-radius: 0 !important
}

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

.tw-rounded-xl {
    border-radius: 32px
}

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

.tw-rounded-0 {
    border-radius: 0
}

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

.tw-rounded-xxs {
    border-radius: 2px
}

.tw-rounded-b-m {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.tw-rounded-t-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.tw-rounded-b-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tw-rounded-r-\[3px\] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.tw-rounded-b-s {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.tw-rounded-t-s {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.tw-rounded-t-m {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.tw-rounded-tl-s {
    border-top-left-radius: 8px
}

.tw-rounded-br-s {
    border-bottom-right-radius: 8px
}

.tw-rounded-tr-xxs {
    border-top-right-radius: 2px
}

.tw-rounded-bl-xxs {
    border-bottom-left-radius: 2px
}

.tw-rounded-tl-m {
    border-top-left-radius: 16px
}

.tw-rounded-tr-s {
    border-top-right-radius: 8px
}

.tw-rounded-br-m {
    border-bottom-right-radius: 16px
}

.tw-rounded-bl-s {
    border-bottom-left-radius: 8px
}

.tw-rounded-bl-xs {
    border-bottom-left-radius: 4px
}

.tw-rounded-tr-xs {
    border-top-right-radius: 4px
}

.tw-rounded-tr-m {
    border-top-right-radius: 16px
}

.\!tw-rounded-tl-s {
    border-top-left-radius: 8px !important
}

.\!tw-rounded-br-s {
    border-bottom-right-radius: 8px !important
}

.tw-rounded-bl-m {
    border-bottom-left-radius: 16px
}

.tw-border,
.tw-border-n {
    border-width: 1px
}

.tw-border-s {
    border-width: .5px
}

.tw-border-\[3px\] {
    border-width: 3px
}

.tw-border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.tw-border-b,
.tw-border-b-n {
    border-bottom-width: 1px
}

.tw-border-t-l {
    border-top-width: 4px
}

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

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

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

.tw-border-b-0 {
    border-bottom-width: 0
}

.tw-border-b-s {
    border-bottom-width: .5px
}

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

.tw-border-t-0 {
    border-top-width: 0
}

.tw-border-b-m {
    border-bottom-width: 2px
}

.tw-border-t-m {
    border-top-width: 2px
}

.tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-border-l-2 {
    border-left-width: 2px
}

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

.tw-border-solid {
    border-style: solid
}

.tw-border-dashed {
    border-style: dashed
}

.tw-border-none {
    border-style: none
}

.tw-border-dark-linen {
    --tw-border-opacity: 1;
    border-color: rgb(232 230 216/var(--tw-border-opacity))
}

.tw-border-n-90-dark-snow {
    --tw-border-opacity: 1;
    border-color: rgb(224 228 234/var(--tw-border-opacity))
}

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

.tw-border-n-17-black-pearl {
    --tw-border-opacity: 1;
    border-color: rgb(35 43 54/var(--tw-border-opacity))
}

.tw-border-n-13-steel {
    --tw-border-opacity: 1;
    border-color: rgb(28 32 38/var(--tw-border-opacity))
}

.tw-border-n-75-smokey {
    --tw-border-opacity: 1;
    border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.tw-border-moon-dark {
    --tw-border-opacity: 1;
    border-color: rgb(32 77 124/var(--tw-border-opacity))
}

.tw-border-leather {
    --tw-border-opacity: 1;
    border-color: rgb(159 118 87/var(--tw-border-opacity))
}

.tw-border-mars-base {
    --tw-border-opacity: 1;
    border-color: rgb(240 80 110/var(--tw-border-opacity))
}

.\!tw-border-n-90-dark-snow {
    --tw-border-opacity: 1 !important;
    border-color: rgb(224 228 234/var(--tw-border-opacity)) !important
}

.tw-border-moon-base {
    --tw-border-opacity: 1;
    border-color: rgb(27 103 218/var(--tw-border-opacity))
}

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

.tw-border-\[color\:var\(--bet-activity-card-header-divider-color\)\] {
    border-color: var(--bet-activity-card-header-divider-color)
}

.tw-border-n-94-dirty-snow {
    --tw-border-opacity: 1;
    border-color: rgb(236 239 241/var(--tw-border-opacity))
}

.\!tw-border-\[color\:var\(--toggle-button-divider-color-large\)\] {
    border-color: var(--toggle-button-divider-color-large) !important
}

.tw-border-n-22-licorice {
    --tw-border-opacity: 1;
    border-color: rgb(45 55 69/var(--tw-border-opacity))
}

.tw-border-n-28-cloud-burst {
    --tw-border-opacity: 1;
    border-color: rgb(55 68 86/var(--tw-border-opacity))
}

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

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

.tw-border-transparent {
    border-color: transparent
}

.tw-border-n-36-east-bay {
    --tw-border-opacity: 1;
    border-color: rgb(72 87 111/var(--tw-border-opacity))
}

.tw-border-n-8-dark-steel {
    --tw-border-opacity: 1;
    border-color: rgb(16 20 25/var(--tw-border-opacity))
}

.tw-border-afrodite {
    --tw-border-opacity: 1;
    border-color: rgb(243 209 19/var(--tw-border-opacity))
}

.tw-border-b-n-90-dark-snow {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(224 228 234/var(--tw-border-opacity))
}

.tw-border-b-n-28-cloud-burst {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(55 68 86/var(--tw-border-opacity))
}

.tw-border-t-n-13-steel {
    --tw-border-opacity: 1;
    border-top-color: rgb(28 32 38/var(--tw-border-opacity))
}

.tw-border-b-n-13-steel {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(28 32 38/var(--tw-border-opacity))
}

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

.tw-border-t-leather {
    --tw-border-opacity: 1;
    border-top-color: rgb(159 118 87/var(--tw-border-opacity))
}

.tw-border-r-leather {
    --tw-border-opacity: 1;
    border-right-color: rgb(159 118 87/var(--tw-border-opacity))
}

.tw-border-b-n-94-dirty-snow {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(236 239 241/var(--tw-border-opacity))
}

.tw-border-t-n-94-dirty-snow {
    --tw-border-opacity: 1;
    border-top-color: rgb(236 239 241/var(--tw-border-opacity))
}

.tw-border-t-n-75-smokey {
    --tw-border-opacity: 1;
    border-top-color: rgb(182 188 198/var(--tw-border-opacity))
}

.tw-border-b-n-22-licorice {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(45 55 69/var(--tw-border-opacity))
}

.tw-border-opacity-m {
    --tw-border-opacity: 0.38
}

.tw-border-opacity-s {
    --tw-border-opacity: 0.17
}

.tw-bg-n-13-steel {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.tw-bg-secondary {
    background-color: var(--theme-brand-color-secondary)
}

.tw-bg-moon-base {
    --tw-bg-opacity: 1;
    background-color: rgb(27 103 218/var(--tw-bg-opacity))
}

.\!tw-bg-n-8-dark-steel {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(16 20 25/var(--tw-bg-opacity)) !important
}

.tw-bg-n-8-dark-steel {
    --tw-bg-opacity: 1;
    background-color: rgb(16 20 25/var(--tw-bg-opacity))
}

.tw-bg-primary-hover {
    background-color: var(--theme-brand-color-primary-hover)
}

.tw-bg-n-97-porcelain {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 249/var(--tw-bg-opacity))
}

.tw-bg-transparent {
    background-color: transparent
}

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

.tw-bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.tw-bg-n-22-licorice {
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 69/var(--tw-bg-opacity))
}

.tw-bg-n-75-smokey {
    --tw-bg-opacity: 1;
    background-color: rgb(182 188 198/var(--tw-bg-opacity))
}

.tw-bg-n-17-black-pearl {
    --tw-bg-opacity: 1;
    background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

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

.tw-bg-live-event-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(67 80 102/var(--tw-bg-opacity))
}

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

.tw-bg-n-13-steel\/xl {
    background-color: rgba(28, 32, 38, .87)
}

.tw-bg-zeus-light {
    --tw-bg-opacity: 1;
    background-color: rgb(237 251 243/var(--tw-bg-opacity))
}

.tw-bg-mars-light {
    --tw-bg-opacity: 1;
    background-color: rgb(254 241 244/var(--tw-bg-opacity))
}

.tw-bg-stoiximan-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(231 1 97/var(--tw-bg-opacity))
}

.tw-bg-jupiter {
    --tw-bg-opacity: 1;
    background-color: rgb(9 150 160/var(--tw-bg-opacity))
}

.tw-bg-hermes {
    --tw-bg-opacity: 1;
    background-color: rgb(91 46 255/var(--tw-bg-opacity))
}

.tw-bg-neptune {
    --tw-bg-opacity: 1;
    background-color: rgb(165 25 193/var(--tw-bg-opacity))
}

.tw-bg-uranus {
    --tw-bg-opacity: 1;
    background-color: rgb(144 184 71/var(--tw-bg-opacity))
}

.tw-bg-cafe-royale {
    --tw-bg-opacity: 1;
    background-color: rgb(123 56 12/var(--tw-bg-opacity))
}

.tw-bg-big-stone {
    --tw-bg-opacity: 1;
    background-color: rgb(28 48 68/var(--tw-bg-opacity))
}

.tw-bg-moon-light {
    --tw-bg-opacity: 1;
    background-color: rgb(237 246 254/var(--tw-bg-opacity))
}

.tw-bg-n-90-dark-snow {
    --tw-bg-opacity: 1;
    background-color: rgb(224 228 234/var(--tw-bg-opacity))
}

.tw-bg-button-bg-disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(225 227 232/var(--tw-bg-opacity))
}

.tw-bg-n-36-east-bay {
    --tw-bg-opacity: 1;
    background-color: rgb(72 87 111/var(--tw-bg-opacity))
}

.tw-bg-current {
    background-color: currentColor
}

.tw-bg-n-28-cloud-burst {
    --tw-bg-opacity: 1;
    background-color: rgb(55 68 86/var(--tw-bg-opacity))
}

.tw-bg-n-94-dirty-snow {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.\!tw-bg-n-90-dark-snow {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(224 228 234/var(--tw-bg-opacity)) !important
}

.\!tw-bg-moon-base {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(27 103 218/var(--tw-bg-opacity)) !important
}

.\!tw-bg-n-75-smokey {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(182 188 198/var(--tw-bg-opacity)) !important
}

.\!tw-bg-white-snow {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.tw-bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.tw-bg-zeus-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(28 104 72/var(--tw-bg-opacity))
}

.tw-bg-mars-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(186 16 48/var(--tw-bg-opacity))
}

.tw-bg-n-48-slate {
    --tw-bg-opacity: 1;
    background-color: rgb(105 119 139/var(--tw-bg-opacity))
}

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

.tw-bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.tw-bg-raspberry {
    --tw-bg-opacity: 1;
    background-color: rgb(231 1 97/var(--tw-bg-opacity))
}

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

.tw-bg-\[\#ffffff1a\] {
    background-color: hsla(0, 0%, 100%, .10196078431372549)
}

.tw-bg-white-snow\/s {
    background-color: hsla(0, 0%, 100%, .17)
}

.tw-bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

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

.tw-bg-zeus-base {
    --tw-bg-opacity: 1;
    background-color: rgb(66 194 86/var(--tw-bg-opacity))
}

.tw-bg-stone-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 37 36/var(--tw-bg-opacity))
}

.tw-bg-indian-tan {
    --tw-bg-opacity: 1;
    background-color: rgb(77 31 0/var(--tw-bg-opacity))
}

.tw-bg-prussian-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 36 72/var(--tw-bg-opacity))
}

.tw-bg-afrodite {
    --tw-bg-opacity: 1;
    background-color: rgb(243 209 19/var(--tw-bg-opacity))
}

.tw-bg-linen {
    --tw-bg-opacity: 1;
    background-color: rgb(244 242 228/var(--tw-bg-opacity))
}

.tw-bg-n-22-licorice\/\[0\.8\] {
    background-color: rgba(45, 55, 69, .8)
}

.tw-bg-n-22-licorice\/\[0\.64\] {
    background-color: rgba(45, 55, 69, .64)
}

.tw-bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

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

.tw-bg-mars-base {
    --tw-bg-opacity: 1;
    background-color: rgb(240 80 110/var(--tw-bg-opacity))
}

.tw-bg-opacity-xl {
    --tw-bg-opacity: 0.87
}

.tw-bg-opacity-m {
    --tw-bg-opacity: 0.38
}

.tw-bg-opacity-\[0\.8\] {
    --tw-bg-opacity: 0.8
}

.tw-bg-opacity-mlx {
    --tw-bg-opacity: 0.72
}

.tw-bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(0deg, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(180deg, var(--tw-gradient-stops))
}

.tw-from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-\[\#0000007a\] {
    --tw-gradient-from: rgba(0, 0, 0, 0.47843137254901963)
}

.tw-from-\[\#0000007a\],
.tw-from-black\/\[\.7\] {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-black\/\[\.7\] {
    --tw-gradient-from: rgba(0, 0, 0, 0.7)
}

.tw-from-primary {
    --tw-gradient-from: var(--theme-brand-color-primary);
    --tw-gradient-to: hsla(0, 0%, 100%, 0)
}

.tw-from-black\/\[\.84\],
.tw-from-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-black\/\[\.84\] {
    --tw-gradient-from: rgba(0, 0, 0, 0.84);
    --tw-gradient-to: transparent
}

.tw-to-\[\#0000007a\] {
    --tw-gradient-to: rgba(0, 0, 0, 0.47843137254901963)
}

.tw-to-white {
    --tw-gradient-to: #fff
}

.tw-to-transparent {
    --tw-gradient-to: transparent
}

.tw-to-n-8-dark-steel {
    --tw-gradient-to: #101419
}

.tw-bg-cover {
    background-size: cover
}

.tw-bg-fixed {
    background-attachment: fixed
}

.tw-bg-center {
    background-position: 50%
}

.tw-bg-no-repeat {
    background-repeat: no-repeat
}

.tw-fill-current {
    fill: currentColor
}

.tw-fill-white-snow {
    fill: #fff
}

.tw-fill-n-13-steel {
    fill: #1c2026
}

.tw-fill-n-90-dark-snow {
    fill: #e0e4ea
}

.\!tw-fill-n-75-smokey {
    fill: #b6bcc6 !important
}

.\!tw-fill-afrodite {
    fill: #f3d113 !important
}

.tw-fill-n-48-slate {
    fill: #69778b
}

.tw-fill-moon-dark {
    fill: #204d7c
}

.tw-fill-moon-base {
    fill: #1b67da
}

.tw-fill-mars-base {
    fill: #f0506e
}

.tw-fill-n-75-smokey {
    fill: #b6bcc6
}

.tw-fill-n-97-porcelain {
    fill: #f6f8f9
}

.tw-fill-white {
    fill: #fff
}

.tw-fill-afrodite {
    fill: #f3d113
}

.tw-fill-n-36-east-bay {
    fill: #48576f
}

.tw-fill-\[none\] {
    fill: none
}

.tw-stroke-n-28-cloud-burst {
    stroke: #374456
}

.tw-stroke-n-8-dark-steel {
    stroke: #101419
}

.tw-stroke-n-97-porcelain {
    stroke: #f6f8f9
}

.tw-stroke-secondary {
    stroke: var(--theme-brand-color-secondary)
}

.tw-stroke-1 {
    stroke-width: 1
}

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

.tw-p-px {
    padding: 1px
}

.tw-p-m {
    padding: 16px
}

.tw-p-n {
    padding: 8px
}

.tw-p-xs {
    padding: 2px
}

.tw-p-0 {
    padding: 0
}

.tw-p-s {
    padding: 4px
}

.tw-p-l {
    padding: 24px
}

.tw-p-xxl {
    padding: 40px
}

.\!tw-p-0 {
    padding: 0 !important
}

.tw-p-\[12px\] {
    padding: 12px
}

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

.tw-py-m {
    padding-top: 16px;
    padding-bottom: 16px
}

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

.tw-px-n {
    padding-left: 8px;
    padding-right: 8px
}

.tw-px-l {
    padding-left: 24px;
    padding-right: 24px
}

.tw-py-n {
    padding-top: 8px;
    padding-bottom: 8px
}

.tw-px-m {
    padding-left: 16px;
    padding-right: 16px
}

.\!tw-py-m {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

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

.tw-px-s {
    padding-left: 4px;
    padding-right: 4px
}

.tw-py-xs {
    padding-top: 2px;
    padding-bottom: 2px
}

.tw-py-s {
    padding-top: 4px;
    padding-bottom: 4px
}

.tw-px-xs {
    padding-left: 2px;
    padding-right: 2px
}

.tw-py-xxl {
    padding-top: 40px;
    padding-bottom: 40px
}

.\!tw-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!tw-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

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

.tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.tw-px-\[40px\],
.tw-px-xxl {
    padding-left: 40px;
    padding-right: 40px
}

.tw-px-xl {
    padding-left: 32px;
    padding-right: 32px
}

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

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

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

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

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

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

.tw-px-px {
    padding-left: 1px;
    padding-right: 1px
}

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

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

.tw-py-l {
    padding-top: 24px;
    padding-bottom: 24px
}

.tw-py-xl {
    padding-top: 32px;
    padding-bottom: 32px
}

.tw-pl-s {
    padding-left: 4px
}

.tw-pl-n {
    padding-left: 8px
}

.tw-pb-n {
    padding-bottom: 8px
}

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

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

.tw-pt-m {
    padding-top: 16px
}

.tw-pr-n {
    padding-right: 8px
}

.tw-pl-xs {
    padding-left: 2px
}

.\!tw-pt-0 {
    padding-top: 0 !important
}

.\!tw-pl-s {
    padding-left: 4px !important
}

.tw-pb-0 {
    padding-bottom: 0
}

.tw-pt-s {
    padding-top: 4px
}

.tw-pr-xs {
    padding-right: 2px
}

.tw-pb-s {
    padding-bottom: 4px
}

.tw-pt-n {
    padding-top: 8px
}

.tw-pr-0 {
    padding-right: 0
}

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

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

.tw-pl-0 {
    padding-left: 0
}

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

.tw-pr-m {
    padding-right: 16px
}

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

.tw-pl-m {
    padding-left: 16px
}

.tw-pr-s {
    padding-right: 4px
}

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

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

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

.tw-pb-xl {
    padding-bottom: 32px
}

.tw-pb-icon-l {
    padding-bottom: 56px
}

.tw-pb-m {
    padding-bottom: 16px
}

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

.tw-pt-xs {
    padding-top: 2px
}

.tw-pb-l {
    padding-bottom: 24px
}

.tw-pt-0 {
    padding-top: 0
}

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

.tw-pt-\[2\.5px\] {
    padding-top: 2.5px
}

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

.tw-pt-l {
    padding-top: 24px
}

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

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

.tw-pb-xs {
    padding-bottom: 2px
}

.tw-pt-xxl {
    padding-top: 40px
}

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

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

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

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

.tw-pl-l {
    padding-left: 24px
}

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

.tw-text-center {
    text-align: center
}

.tw-text-right {
    text-align: right
}

.tw-text-end {
    text-align: end
}

.tw-align-top {
    vertical-align: top
}

.tw-align-middle {
    vertical-align: middle
}

.tw-align-bottom {
    vertical-align: bottom
}

.tw-align-text-bottom {
    vertical-align: text-bottom
}

.tw-font-stories {
    font-family: Ubuntu, sans-serif
}

.tw-font-\[Verdana\] {
    font-family: Verdana
}

.tw-font-default {
    font-family: Ubuntu, Arial, Helvetica, sans-serif
}

.tw-text-xxs {
    font-size: .7857142857142857rem
}

.tw-text-l {
    font-size: 1.4285714285714286rem
}

.tw-text-m {
    font-size: 1.1428571428571428rem
}

.tw-text-xs {
    font-size: .8571428571428571rem
}

.tw-text-s {
    font-size: 1rem
}

.tw-text-xxxs {
    font-size: .7142857142857143rem
}

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

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

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

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

.tw-text-tiny {
    font-size: .6428571428571429rem
}

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

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

.tw-text-xl {
    font-size: 1.7142857142857142rem
}

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

.tw-text-xxl {
    font-size: 2.5714285714285716rem
}

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

.tw-font-bold {
    font-weight: 700
}

.tw-font-medium {
    font-weight: 500
}

.tw-font-regular {
    font-weight: 400
}

.tw-font-light {
    font-weight: 300
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-capitalize {
    text-transform: capitalize
}

.tw-italic {
    font-style: italic
}

.tw-leading-xs {
    line-height: 12px
}

.tw-leading-s {
    line-height: 16px
}

.tw-leading-m {
    line-height: 20px
}

.tw-leading-xl {
    line-height: 40px
}

.tw-leading-l {
    line-height: 24px
}

.tw-leading-xxs {
    line-height: 11px
}

.tw-leading-\[36\.77px\] {
    line-height: 36.77px
}

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

.tw-leading-0 {
    line-height: 0
}

.tw-leading-s-xs {
    line-height: 14px
}

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

.tw-tracking-l {
    letter-spacing: .4px
}

.tw-tracking-xxl {
    letter-spacing: .75px
}

.tw-tracking-s {
    letter-spacing: .2px
}

.tw-text-current {
    color: currentColor
}

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

.tw-text-n-36-east-bay {
    --tw-text-opacity: 1;
    color: rgb(72 87 111/var(--tw-text-opacity))
}

.tw-text-n-28-cloud-burst {
    --tw-text-opacity: 1;
    color: rgb(55 68 86/var(--tw-text-opacity))
}

.tw-text-n-13-steel {
    --tw-text-opacity: 1;
    color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-text-n-90-dark-snow {
    --tw-text-opacity: 1;
    color: rgb(224 228 234/var(--tw-text-opacity))
}

.tw-text-n-22-licorice {
    --tw-text-opacity: 1;
    color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-text-inherit {
    color: inherit
}

.tw-text-n-48-slate {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.tw-text-moon-dark {
    --tw-text-opacity: 1;
    color: rgb(32 77 124/var(--tw-text-opacity))
}

.tw-text-moon-base {
    --tw-text-opacity: 1;
    color: rgb(27 103 218/var(--tw-text-opacity))
}

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

.tw-text-n-75-smokey {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.\!tw-text-afrodite {
    --tw-text-opacity: 1 !important;
    color: rgb(243 209 19/var(--tw-text-opacity)) !important
}

.tw-text-afrodite {
    --tw-text-opacity: 1;
    color: rgb(243 209 19/var(--tw-text-opacity))
}

.tw-text-zeus-base {
    --tw-text-opacity: 1;
    color: rgb(66 194 86/var(--tw-text-opacity))
}

.tw-text-live-event-suspended {
    --tw-text-opacity: 1;
    color: rgb(111 117 126/var(--tw-text-opacity))
}

.tw-text-mars-base {
    --tw-text-opacity: 1;
    color: rgb(240 80 110/var(--tw-text-opacity))
}

.tw-text-jupiter {
    --tw-text-opacity: 1;
    color: rgb(9 150 160/var(--tw-text-opacity))
}

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

.tw-text-neptune {
    --tw-text-opacity: 1;
    color: rgb(165 25 193/var(--tw-text-opacity))
}

.tw-text-uranus {
    --tw-text-opacity: 1;
    color: rgb(144 184 71/var(--tw-text-opacity))
}

.tw-text-n-97-porcelain {
    --tw-text-opacity: 1;
    color: rgb(246 248 249/var(--tw-text-opacity))
}

.tw-text-moon-base-light {
    --tw-text-opacity: 1;
    color: rgb(109 185 255/var(--tw-text-opacity))
}

.tw-text-n-8-dark-steel {
    --tw-text-opacity: 1;
    color: rgb(16 20 25/var(--tw-text-opacity))
}

.tw-text-leather {
    --tw-text-opacity: 1;
    color: rgb(159 118 87/var(--tw-text-opacity))
}

.tw-text-special-competition {
    --tw-text-opacity: 1;
    color: rgb(138 21 56/var(--tw-text-opacity))
}

.tw-text-n-94-dirty-snow {
    --tw-text-opacity: 1;
    color: rgb(236 239 241/var(--tw-text-opacity))
}

.tw-text-primary-hover {
    color: var(--theme-brand-color-primary-hover)
}

.tw-text-zeus-dark {
    --tw-text-opacity: 1;
    color: rgb(28 104 72/var(--tw-text-opacity))
}

.tw-text-pluto-base {
    --tw-text-opacity: 1;
    color: rgb(250 160 90/var(--tw-text-opacity))
}

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

.tw-text-mars-dark {
    --tw-text-opacity: 1;
    color: rgb(186 16 48/var(--tw-text-opacity))
}

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

.tw-text-n-17-black-pearl {
    --tw-text-opacity: 1;
    color: rgb(35 43 54/var(--tw-text-opacity))
}

.\!tw-text-zeus-base {
    --tw-text-opacity: 1 !important;
    color: rgb(66 194 86/var(--tw-text-opacity)) !important
}

.tw-text-stoiximan-primary {
    --tw-text-opacity: 1;
    color: rgb(0 102 204/var(--tw-text-opacity))
}

.tw-text-opacity-xl {
    --tw-text-opacity: 0.87
}

.tw-text-opacity-l {
    --tw-text-opacity: 0.54
}

.tw-underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.tw-no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.tw-opacity-l {
    opacity: .54
}

.tw-opacity-full {
    opacity: 1
}

.tw-opacity-m {
    opacity: .38
}

.tw-opacity-xl {
    opacity: .87
}

.tw-opacity-mlx {
    opacity: .72
}

.\!tw-opacity-full {
    opacity: 1 !important
}

.tw-opacity-s {
    opacity: .17
}

.tw-opacity-zero {
    opacity: 0
}

.tw-opacity-xs {
    opacity: .05
}

.tw-opacity-\[0\.5\] {
    opacity: .5
}

.tw-shadow-light-positive-z2 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 3px 3px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 3px 3px -1px var(--tw-shadow-color)
}

.tw-shadow-light-negative-z2,
.tw-shadow-light-positive-z2 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-negative-z2 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px -3px 3px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px -3px 3px -1px var(--tw-shadow-color)
}

.tw-shadow-reveal {
    --tw-shadow: 0 0 16px rgba(0, 0, 0, 0.38);
    --tw-shadow-colored: 0 0 16px var(--tw-shadow-color)
}

.tw-shadow-light-positive-z3,
.tw-shadow-reveal {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-positive-z3 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 6px 6px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 6px 6px -1px var(--tw-shadow-color)
}

.tw-shadow-light-negative-z1 {
    --tw-shadow: 0px 1px 4px -1px rgba(35, 43, 54, 0.06), 0px -1px 1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 1px 4px -1px var(--tw-shadow-color), 0px -1px 1px var(--tw-shadow-color)
}

.tw-shadow-\[0_4px_24px_rgba\(28\,32\,38\,0\.28\)\],
.tw-shadow-light-negative-z1 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-\[0_4px_24px_rgba\(28\,32\,38\,0\.28\)\] {
    --tw-shadow: 0 4px 24px rgba(28, 32, 38, 0.28);
    --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color)
}

.tw-shadow-light-positive-z4 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 16px 16px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 16px 16px -1px var(--tw-shadow-color)
}

.tw-shadow-light-negative-z3,
.tw-shadow-light-positive-z4 {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-negative-z3 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px -6px 6px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px -6px 6px -1px var(--tw-shadow-color)
}

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

.tw-outline {
    outline-style: solid
}

.tw-outline-0 {
    outline-width: 0
}

.tw-outline-\[5px\] {
    outline-width: 5px
}

.tw-outline-offset-\[-1px\] {
    outline-offset: -1px
}

.tw-outline-transparent {
    outline-color: transparent
}

.tw-outline-primary {
    outline-color: var(--theme-brand-color-primary)
}

.tw-ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.tw-ring-inset {
    --tw-ring-inset: inset
}

.tw-ring-n-75-smokey {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(182 188 198/var(--tw-ring-opacity))
}

.tw-ring-offset-1 {
    --tw-ring-offset-width: 1px
}

.tw-transition-height {
    -webkit-transition-property: height;
    transition-property: height
}

.tw-transition {
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter
}

.tw-transition-all {
    -webkit-transition-property: all;
    transition-property: all
}

.tw-transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.tw-transition-\[max-height\],
.tw-transition-maxHeight {
    -webkit-transition-property: max-height;
    transition-property: max-height
}

.tw-transition-colors {
    -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color
}

.tw-transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.tw-delay-100 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.tw-duration-slow {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.tw-duration-base {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.tw-duration-slowest {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.tw-duration-fast {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.tw-ease-base {
    -webkit-transition-timing-function: cubic-bezier(.64, 0, .35, 1);
    transition-timing-function: cubic-bezier(.64, 0, .35, 1)
}

.tw-ease-linear {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.tw-ease-in {
    -webkit-transition-timing-function: cubic-bezier(.36, 0, 1, 1);
    transition-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.tw-ease-out-back {
    -webkit-transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    transition-timing-function: cubic-bezier(.34, 1.56, .64, 1)
}

.tw-ease-\[cubic-bezier\(0\.5\,0\,1\,0\)\] {
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.tw-ease-\[cubic-bezier\(1\,0\,0\,1\)\] {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.tw-ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .42, 1);
    transition-timing-function: cubic-bezier(0, 0, .42, 1)
}

.tw-icon {
    display: inline-block;
    vertical-align: text-bottom;
    background-size: cover
}

.tw-icon:focus {
    outline: none
}

.tw-icon-xxs {
    width: 16px;
    height: 16px
}

.tw-icon-m {
    width: 32px;
    height: 32px
}

.tw-icon-xs {
    width: 20px;
    height: 20px
}

.tw-icon-s {
    width: 24px;
    height: 24px
}

.tw-icon-sxxs {
    width: 14px;
    height: 14px
}

.tw-icon-xxxs {
    width: 12px;
    height: 12px
}

.tw-icon-sxs {
    width: 18px;
    height: 18px
}

.tw-icon-xl {
    width: 64px;
    height: 64px
}

.tw-icon-ml {
    width: 44px;
    height: 44px
}

.tw-icon-pico {
    width: 8px;
    height: 8px
}

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

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

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

.tw-scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tw-text-outline {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.tw-scrollbar-hide {
    -ms-overflow-style: "none";
    scrollbar-width: "none"
}

.tw-scrollbar-hide::-webkit-scrollbar {
    display: none
}

.placeholder\:tw-text-s::-webkit-input-placeholder {
    font-size: 1rem
}

.placeholder\:tw-text-s::-moz-placeholder {
    font-size: 1rem
}

.placeholder\:tw-text-s:-ms-input-placeholder {
    font-size: 1rem
}

.placeholder\:tw-text-s::-ms-input-placeholder {
    font-size: 1rem
}

.placeholder\:tw-text-s::placeholder {
    font-size: 1rem
}

.placeholder\:tw-leading-s::-webkit-input-placeholder {
    line-height: 16px
}

.placeholder\:tw-leading-s::-moz-placeholder {
    line-height: 16px
}

.placeholder\:tw-leading-s:-ms-input-placeholder {
    line-height: 16px
}

.placeholder\:tw-leading-s::-ms-input-placeholder {
    line-height: 16px
}

.placeholder\:tw-leading-s::placeholder {
    line-height: 16px
}

.placeholder\:\!tw-text-n-48-slate::-webkit-input-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:\!tw-text-n-48-slate::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:\!tw-text-n-48-slate:-ms-input-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:\!tw-text-n-48-slate::-ms-input-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:\!tw-text-n-48-slate::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:tw-text-n-48-slate::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-48-slate::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-48-slate:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-48-slate::-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-48-slate::placeholder {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::placeholder {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

.before\:tw-absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:tw-inset-x-0:before {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.before\:tw-bottom-\[50\%\]:before {
    content: var(--tw-content);
    bottom: 50%
}

.before\:tw-left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:tw-top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:tw-z-10:before {
    content: var(--tw-content);
    z-index: 10
}

.before\:tw-block:before {
    content: var(--tw-content);
    display: block
}

.before\:tw-h-\[10\%\]:before {
    content: var(--tw-content);
    height: 10%
}

.before\:tw-h-xs:before {
    content: var(--tw-content);
    height: 2px
}

.before\:tw-h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:tw-w-\[8px\]:before {
    content: var(--tw-content);
    width: 8px
}

.before\:tw-w-px:before {
    content: var(--tw-content);
    width: 1px
}

.before\:tw-border-0:before {
    content: var(--tw-content);
    border-width: 0
}

.before\:tw-border-b:before {
    content: var(--tw-content);
    border-bottom-width: 1px
}

.before\:tw-border-solid:before {
    content: var(--tw-content);
    border-style: solid
}

.before\:tw-border-n-75-smokey:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.before\:tw-bg-primary:before {
    content: var(--tw-content);
    background-color: var(--theme-brand-color-primary)
}

.before\:tw-content-\[\'_\'\]:before {
    --tw-content: " ";
    content: var(--tw-content)
}

.before\:tw-content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:tw-absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:tw--bottom-\[11px\]:after {
    content: var(--tw-content);
    bottom: -11px
}

.after\:tw-left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:tw-top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:tw-right-\[-10px\]:after {
    content: var(--tw-content);
    right: -10px
}

.after\:tw-right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:tw-bottom-\[50\%\]:after {
    content: var(--tw-content);
    bottom: 50%
}

.after\:-tw-left-\[200px\]:after {
    content: var(--tw-content);
    left: -200px
}

.after\:tw-right-1\/3:after {
    content: var(--tw-content);
    right: 33.333333%
}

.after\:tw-bottom-0:after {
    content: var(--tw-content);
    bottom: 0
}

.after\:tw-z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:tw-ml-s:after {
    content: var(--tw-content);
    margin-left: 4px
}

.after\:tw-block:after {
    content: var(--tw-content);
    display: block
}

.after\:tw-hidden:after {
    content: var(--tw-content);
    display: none
}

.after\:tw-aspect-square:after {
    content: var(--tw-content);
    aspect-ratio: 1/1
}

.after\:tw-h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:tw-h-\[50\%\]:after {
    content: var(--tw-content);
    height: 50%
}

.after\:tw-h-\[10\%\]:after {
    content: var(--tw-content);
    height: 10%
}

.after\:tw-h-xs:after {
    content: var(--tw-content);
    height: 2px
}

.after\:tw-h-px:after {
    content: var(--tw-content);
    height: 1px
}

.after\:tw-w-n:after {
    content: var(--tw-content);
    width: 8px
}

.after\:tw-w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:tw-w-\[7px\]:after {
    content: var(--tw-content);
    width: 7px
}

.after\:tw-w-\[8px\]:after {
    content: var(--tw-content);
    width: 8px
}

.after\:tw-w-\[200px\]:after {
    content: var(--tw-content);
    width: 200px
}

.after\:tw-w-tableRowSeparator:after {
    content: var(--tw-content);
    width: calc(100% - 16px)
}

.after\:tw-rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%
}

.after\:tw-rounded-xs:after {
    content: var(--tw-content);
    border-radius: 4px
}

.after\:tw-border-0:after {
    content: var(--tw-content);
    border-width: 0
}

.after\:tw-border-r:after {
    content: var(--tw-content);
    border-right-width: 1px
}

.after\:tw-border-solid:after {
    content: var(--tw-content);
    border-style: solid
}

.after\:tw-border-n-75-smokey:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.after\:tw-bg-mars-dark:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(186 16 48/var(--tw-bg-opacity))
}

.after\:tw-bg-n-75-smokey:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(182 188 198/var(--tw-bg-opacity))
}

.after\:tw-bg-moon-base:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(27 103 218/var(--tw-bg-opacity))
}

.after\:tw-bg-n-17-black-pearl:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.after\:tw-bg-n-94-dirty-snow:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.after\:tw-content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:tw-content-\[\'_\'\]:after {
    --tw-content: " ";
    content: var(--tw-content)
}

.last\:tw-mb-0:last-child {
    margin-bottom: 0
}

.last\:tw-mr-0:last-child {
    margin-right: 0
}

.last\:tw-mr-n:last-child {
    margin-right: 8px
}

.last\:tw-mr-m:last-child {
    margin-right: 16px
}

.last\:tw-border-0:last-child {
    border-width: 0
}

.odd\:tw-bg-n-17-black-pearl:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.odd\:tw-pt-n:nth-child(odd) {
    padding-top: 8px
}

.odd\:after\:tw-top-\[50\%\]:nth-child(odd):after {
    content: var(--tw-content);
    top: 50%
}

.odd\:after\:tw-border-t:nth-child(odd):after {
    content: var(--tw-content);
    border-top-width: 1px
}

.even\:tw-bg-n-13-steel:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.even\:tw-pb-n:nth-child(2n) {
    padding-bottom: 8px
}

.even\:after\:tw-bottom-\[50\%\]:nth-child(2n):after {
    content: var(--tw-content);
    bottom: 50%
}

.even\:after\:tw-border-b:nth-child(2n):after {
    content: var(--tw-content);
    border-bottom-width: 1px
}

.last-of-type\:tw-mr-0:last-of-type {
    margin-right: 0
}

@media (hover:hover) and (pointer:fine) {
    .hover\:tw-cursor-pointer:hover {
        cursor: pointer
    }

    .hover\:tw-bg-n-8-dark-steel:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(16 20 25/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-secondary-hover:hover {
        background-color: var(--theme-brand-color-secondary-hover)
    }

    .hover\:tw-bg-n-28-cloud-burst:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(55 68 86/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-n-13-steel\/full:hover {
        background-color: #1c2026
    }

    .hover\:tw-bg-primary:hover {
        background-color: var(--theme-brand-color-primary)
    }

    .hover\:tw-bg-primary-hover:hover {
        background-color: var(--theme-brand-color-primary-hover)
    }

    .hover\:tw-bg-n-90-dark-snow:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(224 228 234/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-transparent:hover {
        background-color: transparent
    }

    .hover\:\!tw-bg-moon-dark:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(32 77 124/var(--tw-bg-opacity)) !important
    }

    .hover\:\!tw-bg-n-48-slate:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(105 119 139/var(--tw-bg-opacity)) !important
    }

    .hover\:tw-bg-n-94-dirty-snow:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(236 239 241/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-n-28-cloud-burst\/m:hover {
        background-color: rgba(55, 68, 86, .38)
    }

    .hover\:tw-bg-moon-base:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(27 103 218/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-n-17-black-pearl:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(35 43 54/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-white-snow\/s:hover {
        background-color: hsla(0, 0%, 100%, .17)
    }

    .hover\:tw-bg-n-13-steel:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(28 32 38/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-linen:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(244 242 228/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-n-97-porcelain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(246 248 249/var(--tw-bg-opacity))
    }

    .hover\:tw-bg-n-17-black-pearl\/\[0\.8\]:hover {
        background-color: rgba(35, 43, 54, .8)
    }

    .hover\:tw-bg-n-17-black-pearl\/\[0\.64\]:hover {
        background-color: rgba(35, 43, 54, .64)
    }

    .hover\:tw-fill-afrodite:hover {
        fill: #f3d113
    }

    .hover\:tw-fill-white-snow:hover {
        fill: #fff
    }

    .hover\:tw-font-bold:hover {
        font-weight: 700
    }

    .hover\:tw-text-moon-base:hover {
        --tw-text-opacity: 1;
        color: rgb(27 103 218/var(--tw-text-opacity))
    }

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

    .hover\:tw-text-afrodite:hover {
        --tw-text-opacity: 1;
        color: rgb(243 209 19/var(--tw-text-opacity))
    }

    .hover\:tw-underline:hover {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline
    }

    .hover\:tw-opacity-full:hover {
        opacity: 1
    }

    .hover\:tw-opacity-xl:hover {
        opacity: .87
    }
}

.focus\:tw-border-n-90-dark-snow:focus {
    --tw-border-opacity: 1;
    border-color: rgb(224 228 234/var(--tw-border-opacity))
}

.focus\:tw-bg-n-28-cloud-burst:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(55 68 86/var(--tw-bg-opacity))
}

.focus\:\!tw-bg-moon-dark:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(32 77 124/var(--tw-bg-opacity)) !important
}

.focus\:\!tw-bg-n-48-slate:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(105 119 139/var(--tw-bg-opacity)) !important
}

.focus\:tw-bg-n-90-dark-snow:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(224 228 234/var(--tw-bg-opacity))
}

.focus\:tw-font-bold:focus {
    font-weight: 700
}

.focus\:tw-shadow-outline:focus {
    --tw-shadow: 0px 0px 0px 2px #e0e4ea;
    --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

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

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

.focus\:tw-outline-\[3px\]:focus {
    outline-width: 3px
}

.focus\:tw-outline-0:focus {
    outline-width: 0
}

.focus\:tw-outline-n-90-dark-snow:focus {
    outline-color: #e0e4ea
}

.focus\:\!tw-ring-n-90-dark-snow:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(224 228 234/var(--tw-ring-opacity)) !important
}

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

@media (hover:hover) and (pointer:fine) {
    .tw-group:hover .group-hover\:tw-border-n-48-slate {
        --tw-border-opacity: 1;
        border-color: rgb(105 119 139/var(--tw-border-opacity))
    }

    .tw-group:hover .group-hover\:tw-border-moon-dark {
        --tw-border-opacity: 1;
        border-color: rgb(32 77 124/var(--tw-border-opacity))
    }

    .tw-group:hover .group-hover\:tw-border-primary-hover {
        border-color: var(--theme-brand-color-primary-hover)
    }

    .tw-group:hover .group-hover\:tw-bg-moon-dark {
        --tw-bg-opacity: 1;
        background-color: rgb(32 77 124/var(--tw-bg-opacity))
    }

    .tw-group:hover .group-hover\:tw-bg-primary-hover {
        background-color: var(--theme-brand-color-primary-hover)
    }

    .tw-group:hover .group-hover\:tw-fill-white-snow {
        fill: #fff
    }

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

.tw-dark .dark\:tw-rounded-s {
    border-radius: 8px
}

.tw-dark .dark\:tw-border-n-17-black-pearl {
    --tw-border-opacity: 1;
    border-color: rgb(35 43 54/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-bg-n-13-steel {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-22-licorice {
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 69/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-48-slate {
    --tw-bg-opacity: 1;
    background-color: rgb(105 119 139/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-fill-n-75-smokey {
    fill: #b6bcc6
}

.tw-dark .dark\:tw-font-regular {
    font-weight: 400
}

.tw-dark .dark\:tw-text-n-75-smokey {
    --tw-text-opacity: 1;
    color: rgb(182 188 198/var(--tw-text-opacity))
}

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

.tw-dark .dark\:tw-text-afrodite {
    --tw-text-opacity: 1;
    color: rgb(243 209 19/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-36-east-bay {
    --tw-text-opacity: 1;
    color: rgb(72 87 111/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-48-slate {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/var(--tw-text-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .tw-dark .dark\:hover\:tw-bg-n-8-dark-steel:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(16 20 25/var(--tw-bg-opacity))
    }

    .tw-dark .dark\:hover\:tw-bg-n-28-cloud-burst:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(55 68 86/var(--tw-bg-opacity))
    }
}

@media (min-width:768px) {
    .md\:tw-text-xs {
        font-size: .8571428571428571rem
    }
}

@media (min-width:1024px) {
    .lg\:tw-w-full {
        width: 100%
    }

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

    .lg\:tw-w-\[700px\] {
        width: 700px
    }

    .lg\:tw-flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:tw-flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg\:tw-pr-m {
        padding-right: 16px
    }

    .lg\:tw-pl-m {
        padding-left: 16px
    }

    .lg\:tw-text-l {
        font-size: 1.4285714285714286rem
    }
}

@media (min-width:1280px) {
    .xl\:tw-block {
        display: block
    }

    .xl\:tw-h-\[66px\] {
        height: 66px
    }

    .xl\:tw-w-\[266px\] {
        width: 266px
    }

    .xl\:tw-px-m {
        padding-left: 16px;
        padding-right: 16px
    }

    .xl\:tw-pb-m {
        padding-bottom: 16px
    }
}

@media (min-width:375px) {
    .xxs\:tw-my-n {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xxs\:tw-text-xs {
        font-size: .8571428571428571rem
    }

    .xxs\:tw-leading-s {
        line-height: 16px
    }
}

@media (min-width:480px) {
    .xs\:tw-my-n {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .xs\:tw-mx-m {
        margin-left: 16px;
        margin-right: 16px
    }

    .xs\:tw-mt-l {
        margin-top: 24px
    }

    .xs\:tw-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

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

    .xs\:\!tw-max-h-\[820px\] {
        max-height: 820px !important
    }

    .xs\:tw-w-1\/2,
    .xs\:tw-w-\[50\%\] {
        width: 50%
    }

    .xs\:\!tw-max-w-\[375px\] {
        max-width: 375px !important
    }

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

    .xs\:tw-grid-cols-\[repeat\(auto-fit\2c _minmax\(424px\2c _max-content\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(424px, -webkit-max-content));
        grid-template-columns: repeat(auto-fit, minmax(424px, max-content))
    }

    .xs\:tw-p-m {
        padding: 16px
    }

    .xs\:tw-px-n {
        padding-left: 8px;
        padding-right: 8px
    }

    .xs\:tw-pb-icon-xxl {
        padding-bottom: 72px
    }

    .xs\:tw-pt-n {
        padding-top: 8px
    }

    .xs\:tw-text-m {
        font-size: 1.1428571428571428rem
    }

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

    .xs\:tw-text-xxl {
        font-size: 2.5714285714285716rem
    }

    .xs\:tw-text-xl {
        font-size: 1.7142857142857142rem
    }

    .xs\:tw-leading-xl {
        line-height: 40px
    }

    .xs\:tw-leading-l {
        line-height: 24px
    }
}

@media (min-width:825px) {
    .s\:tw-static {
        position: static
    }

    .s\:tw-relative {
        position: relative
    }

    .s\:tw-right-n {
        right: 8px
    }

    .s\:tw-top-0 {
        top: 0
    }

    .s\:tw-mx-n {
        margin-left: 8px;
        margin-right: 8px
    }

    .s\:tw-mb-n {
        margin-bottom: 8px
    }

    .s\:tw-mb-m {
        margin-bottom: 16px
    }

    .s\:tw-mb-\[20px\] {
        margin-bottom: 20px
    }

    .s\:tw-mb-s {
        margin-bottom: 4px
    }

    .s\:tw-mt-0 {
        margin-top: 0
    }

    .s\:tw-mt-m {
        margin-top: 16px
    }

    .s\:tw-mr-\[12px\] {
        margin-right: 12px
    }

    .s\:tw-mb-xxl {
        margin-bottom: 40px
    }

    .s\:tw-mt-s {
        margin-top: 4px
    }

    .s\:tw-mt-\[20px\] {
        margin-top: 20px
    }

    .s\:tw-block {
        display: block
    }

    .s\:tw-hidden {
        display: none
    }

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

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

    .s\:tw-h-\[83px\] {
        height: 83px
    }

    .s\:tw-h-m {
        height: 16px
    }

    .s\:tw-h-icon-xs {
        height: 20px
    }

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

    .s\:tw-h-\[45px\] {
        height: 45px
    }

    .s\:tw-max-h-inherit {
        max-height: inherit
    }

    .s\:tw-w-full {
        width: 100%
    }

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

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

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

    .s\:tw-w-\[444px\] {
        width: 444px
    }

    .s\:tw-w-\[456px\] {
        width: 456px
    }

    .s\:tw-w-\[10px\] {
        width: 10px
    }

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

    .s\:tw-max-w-\[285px\] {
        max-width: 285px
    }

    .s\:tw-flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .s\:tw-flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .s\:tw-justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .s\:tw-gap-s {
        gap: 4px
    }

    .s\:tw-gap-n {
        gap: 8px
    }

    .s\:tw-gap-m {
        gap: 16px
    }

    .s\:tw-gap-xs {
        gap: 2px
    }

    .s\:tw-rounded-0 {
        border-radius: 0
    }

    .s\:tw-rounded-m {
        border-radius: 16px
    }

    .s\:tw-rounded-s {
        border-radius: 8px
    }

    .s\:tw-border-0 {
        border-width: 0
    }

    .s\:tw-border {
        border-width: 1px
    }

    .s\:tw-border-t-n {
        border-top-width: 1px
    }

    .s\:tw-border-solid {
        border-style: solid
    }

    .s\:tw-border-n-36-east-bay {
        --tw-border-opacity: 1;
        border-color: rgb(72 87 111/var(--tw-border-opacity))
    }

    .s\:tw-bg-transparent {
        background-color: transparent
    }

    .s\:tw-bg-n-17-black-pearl {
        --tw-bg-opacity: 1;
        background-color: rgb(35 43 54/var(--tw-bg-opacity))
    }

    .s\:tw-bg-none {
        background-image: none
    }

    .s\:\!tw-py-l {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .s\:tw-px-l {
        padding-left: 24px;
        padding-right: 24px
    }

    .s\:tw-pb-0 {
        padding-bottom: 0
    }

    .s\:tw-pt-0 {
        padding-top: 0
    }

    .s\:tw-pt-xl {
        padding-top: 32px
    }

    .s\:tw-pt-m {
        padding-top: 16px
    }

    .s\:tw-text-xs {
        font-size: .8571428571428571rem
    }

    .s\:tw-text-xxs {
        font-size: .7857142857142857rem
    }

    .s\:tw-text-m {
        font-size: 1.1428571428571428rem
    }

    .s\:tw-text-s {
        font-size: 1rem
    }

    .s\:tw-leading-s {
        line-height: 16px
    }

    .s\:tw-leading-\[20px\],
    .s\:tw-leading-m {
        line-height: 20px
    }

    .s\:tw-leading-s-xs {
        line-height: 14px
    }

    .s\:tw-leading-l {
        line-height: 24px
    }

    .s\:tw-shadow-light-positive-z3 {
        --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 6px 6px -1px rgba(35, 43, 54, 0.1);
        --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 6px 6px -1px var(--tw-shadow-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }

    .s\:tw-icon-xs {
        width: 20px;
        height: 20px
    }

    .s\:last\:tw-mb-0:last-child {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .m\:tw-absolute {
        position: absolute
    }

    .m\:tw-relative {
        position: relative
    }

    .m\:tw-top-0 {
        top: 0
    }

    .m\:tw-bottom-auto {
        bottom: auto
    }

    .m\:tw-left-auto {
        left: auto
    }

    .m\:tw-right-auto {
        right: auto
    }

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

    .m\:tw-m-xl {
        margin: 32px
    }

    .m\:tw-mx-0 {
        margin-left: 0
    }

    .m\:tw-mr-0,
    .m\:tw-mx-0 {
        margin-right: 0
    }

    .m\:tw-ml-0 {
        margin-left: 0
    }

    .m\:tw-mt-xxl {
        margin-top: 40px
    }

    .m\:tw-mt-\[18px\] {
        margin-top: 18px
    }

    .m\:tw-mt-xl {
        margin-top: 32px
    }

    .m\:tw-mt-m {
        margin-top: 16px
    }

    .m\:tw-mt-n {
        margin-top: 8px
    }

    .m\:tw-mt-0 {
        margin-top: 0
    }

    .m\:tw-mt-auto {
        margin-top: auto
    }

    .m\:tw-mb-l {
        margin-bottom: 24px
    }

    .m\:tw-ml-n {
        margin-left: 8px
    }

    .m\:tw-mb-m {
        margin-bottom: 16px
    }

    .m\:tw-mb-0 {
        margin-bottom: 0
    }

    .m\:tw-inline-block {
        display: inline-block
    }

    .m\:tw-hidden {
        display: none
    }

    .m\:tw-h-\[calc\(100vh-500px\)\] {
        height: calc(100vh - 500px)
    }

    .m\:tw-h-auto {
        height: auto
    }

    .m\:tw-max-h-\[calc\(100\%_-_100px\)\] {
        max-height: calc(100% - 100px)
    }

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

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

    .m\:tw-min-w-\[484px\] {
        min-width: 484px
    }

    .m\:tw-max-w-\[calc\(50\%-4px\)\] {
        max-width: calc(50% - 4px)
    }

    .m\:tw-max-w-none {
        max-width: none
    }

    .m\:tw-max-w-\[350px\] {
        max-width: 350px
    }

    .m\:tw-flex-1-0-0 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .m\:tw-flex-shrink-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .m\:tw-shrink {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .m\:tw-flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .m\:tw-items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .m\:tw-gap-\[16px\] {
        gap: 16px
    }

    .m\:tw-gap-\[60px\] {
        gap: 60px
    }

    .m\:tw-rounded-s {
        border-radius: 8px
    }

    .m\:tw-rounded-0 {
        border-radius: 0
    }

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

    .m\:tw-bg-local {
        background-attachment: local
    }

    .m\:tw-bg-top {
        background-position: top
    }

    .m\:tw-p-l {
        padding: 24px
    }

    .m\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .m\:tw-px-m {
        padding-left: 16px;
        padding-right: 16px
    }

    .m\:tw-pt-n {
        padding-top: 8px
    }

    .m\:tw-pl-n {
        padding-left: 8px
    }

    .m\:tw-pb-n {
        padding-bottom: 8px
    }

    .m\:tw-pt-\[56px\] {
        padding-top: 56px
    }

    .m\:tw-pt-xxl {
        padding-top: 40px
    }

    .m\:tw-pt-m {
        padding-top: 16px
    }

    .m\:tw-text-left {
        text-align: left
    }

    .m\:tw-text-m {
        font-size: 1.1428571428571428rem
    }

    .m\:tw-text-\[19px\] {
        font-size: 19px
    }

    .m\:tw-text-xxl {
        font-size: 2.5714285714285716rem
    }

    .m\:tw-text-l {
        font-size: 1.4285714285714286rem
    }

    .m\:tw-text-xs {
        font-size: .8571428571428571rem
    }

    .m\:tw-text-s {
        font-size: 1rem
    }

    .m\:tw-leading-m {
        line-height: 20px
    }

    .m\:tw-leading-\[28px\] {
        line-height: 28px
    }

    .m\:tw-leading-xl {
        line-height: 40px
    }

    .m\:tw-leading-l {
        line-height: 24px
    }

    .m\:tw-leading-s {
        line-height: 16px
    }

    .m\:\!tw-shadow-none {
        --tw-shadow: 0 0 transparent !important;
        --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
    }
}

@media (min-width:1280px) {
    .ml\:tw-mb-0 {
        margin-bottom: 0
    }

    .ml\:tw-mr-n {
        margin-right: 8px
    }

    .ml\:tw-block {
        display: block
    }

    .ml\:tw-inline {
        display: inline
    }

    .ml\:tw-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ml\:tw-hidden {
        display: none
    }

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

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

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

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

    .ml\:tw-flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ml\:tw-flex-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .ml\:tw-border-b-0 {
        border-bottom-width: 0
    }

    .ml\:tw-border-t-n {
        border-top-width: 1px
    }

    .ml\:tw-border-t-2 {
        border-top-width: 2px
    }

    .ml\:tw-border-l-\[1px\] {
        border-left-width: 1px
    }

    .ml\:tw-border-solid {
        border-style: solid
    }

    .ml\:tw-border-t-n-90-dark-snow {
        --tw-border-opacity: 1;
        border-top-color: rgb(224 228 234/var(--tw-border-opacity))
    }

    .ml\:tw-border-l-n-94-dirty-snow {
        --tw-border-opacity: 1;
        border-left-color: rgb(236 239 241/var(--tw-border-opacity))
    }

    .ml\:tw-border-opacity-l {
        --tw-border-opacity: 0.54
    }

    .ml\:tw-pt-m {
        padding-top: 16px
    }
}

@media (min-width:1366px) {
    .l\:tw-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .l\:tw-mt-xl {
        margin-top: 32px
    }

    .l\:tw-mb-xxl {
        margin-bottom: 40px
    }

    .l\:tw-mr-n {
        margin-right: 8px
    }

    .l\:tw-mb-0 {
        margin-bottom: 0
    }

    .l\:tw-mt-xs {
        margin-top: 2px
    }

    .l\:tw-block {
        display: block
    }

    .l\:tw-inline-block {
        display: inline-block
    }

    .l\:tw-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .l\:tw-grid {
        display: grid
    }

    .l\:tw-w-\[280px\] {
        width: 280px
    }

    .l\:tw-w-\[360px\] {
        width: 360px
    }

    .l\:tw-w-full {
        width: 100%
    }

    .l\:tw-w-\[900px\] {
        width: 900px
    }

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

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

    .l\:tw-flex-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

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

    .l\:tw-flex-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .l\:tw-gap-x-n {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .l\:tw-gap-x-m {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .l\:tw-p-s {
        padding: 4px
    }

    .l\:tw-pb-n {
        padding-bottom: 8px
    }

    .l\:tw-text-xl {
        font-size: 1.7142857142857142rem
    }

    .l\:tw-text-l {
        font-size: 1.4285714285714286rem
    }
}

@media (hover:hover) {
    @media (hover:hover) and (pointer:fine) {
        .target-pointer\:hover\:tw-bg-transparent:hover {
            background-color: transparent
        }

        .target-pointer\:hover\:tw-bg-n-90-dark-snow:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(224 228 234/var(--tw-bg-opacity))
        }
    }
}

.\[\&\:not\(\:disabled\)\]\:tw-cursor-pointer:not(:disabled) {
    cursor: pointer
}

@media (hover:hover) and (pointer:fine) {
    .hover\:\[\&\:not\(\:disabled\)\]\:tw-bg-hermes:not(:disabled):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(91 46 255/var(--tw-bg-opacity))
    }

    .hover\:\[\&\:not\(\:disabled\)\]\:tw-bg-jupiter:not(:disabled):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(9 150 160/var(--tw-bg-opacity))
    }
}

.\[\&\:hover\:not\(\:disabled\)\]\:tw-bg-secondary:hover:not(:disabled) {
    background-color: var(--theme-brand-color-secondary)
}

[data-v-601dc823]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-601dc823] {
    color: #b6bcc6
}

.color-slate[data-v-601dc823] {
    color: #69778b
}

.color-steel-800[data-v-601dc823] {
    color: #1c2026
}

.color-east-bay-400[data-v-601dc823] {
    color: #48576f
}

[data-v-601dc823]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-601dc823] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-601dc823]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-601dc823]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-601dc823]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-601dc823] {
        scrollbar-width: thin
    }
}

.message-area[data-v-601dc823] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: auto;
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.message-area__load-more[data-v-601dc823] {
    width: 100%;
    text-align: center;
    padding: 8px;
    font-style: italic;
    font-weight: 700;
    color: #69778b
}

.router-link-active,
.router-link-exact-active {
    text-decoration: none
}

.sb-chevron-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.sb-chevron-icon path,
.sb-chevron-icon polygon,
.sb-chevron-icon rect,
.sb-chevron-icon svg path,
.sb-chevron-icon svg polygon,
.sb-chevron-icon svg rect {
    fill: currentcolor;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-chevron-icon--top {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sb-chevron-icon--bottom,
.sb-chevron-icon--top-reversed {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.sb-chevron-icon--bottom-reversed {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sb-chevron-icon--left {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sb-chevron-icon--left-reversed {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sb-chevron-icon--right {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sb-chevron-icon--right-reversed {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

[data-v-617167f3]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-617167f3] {
    color: #b6bcc6
}

.color-slate[data-v-617167f3] {
    color: #69778b
}

.color-steel-800[data-v-617167f3] {
    color: #1c2026
}

.color-east-bay-400[data-v-617167f3] {
    color: #48576f
}

[data-v-617167f3]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-617167f3] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-617167f3]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-617167f3]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-617167f3]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-617167f3] {
        scrollbar-width: thin
    }
}

.drag-handle[data-v-617167f3] {
    cursor: -webkit-grab;
    cursor: grab
}

.dragging .drag-handle[data-v-617167f3] {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.draggable-dockable[data-v-617167f3] {
    border-radius: 8px;
    background: #fff;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    position: fixed;
    overflow: hidden;
    border: 1px solid #e0e4ea
}

.draggable-dockable--docked[data-v-617167f3] {
    border: 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important
}

.draggable-dockable.dragging[data-v-617167f3] {
    -webkit-transition: none;
    transition: none
}

.draggable-dockable-container--docked[data-v-617167f3] {
    -webkit-transition: 1s;
    transition: 1s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px
}

[data-v-617167f3] .resize-handle {
    position: absolute;
    right: -999px
}

[data-v-617167f3] .resize-handle-br {
    bottom: 0;
    right: 0;
    cursor: se-resize;
    display: block !important;
    z-index: 1000
}

[data-v-a6c7db18]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-a6c7db18] {
    color: #b6bcc6
}

.color-slate[data-v-a6c7db18] {
    color: #69778b
}

.color-steel-800[data-v-a6c7db18] {
    color: #1c2026
}

.color-east-bay-400[data-v-a6c7db18] {
    color: #48576f
}

[data-v-a6c7db18]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-a6c7db18] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-a6c7db18]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-a6c7db18]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-a6c7db18]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-a6c7db18] {
        scrollbar-width: thin
    }
}

.base-autosize-input-container[data-v-a6c7db18] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 72px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 16px
}

.base-autosize-input__field[data-v-a6c7db18] {
    font-family: Ubuntu, sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 40px;
    background: var(--chat-input-background-color);
    border: 1px solid var(--chat-input-background-border-color);
    color: var(--chat-input-text-color);
    border-radius: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 20px;
    max-height: 57px
}

.base-autosize-input__field--light.chat-box-input[data-v-a6c7db18]::-webkit-input-placeholder {
    color: #69778b
}

.base-autosize-input__field.chat-box-input[data-v-a6c7db18] {
    max-height: 40px;
    padding: 12px 8px;
    line-height: 16px;
    outline: unset
}

.base-autosize-input__field.chat-box-input[data-v-a6c7db18]::-webkit-input-placeholder {
    color: #b6bcc6;
    white-space: nowrap
}

.base-autosize-input__cta[data-v-a6c7db18] {
    border-radius: 8px;
    cursor: pointer;
    margin-left: 8px
}

.base-autosize-input__cta[data-v-a6c7db18]:disabled {
    cursor: default
}

[data-v-8320248c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-8320248c] {
    color: #b6bcc6
}

.color-slate[data-v-8320248c] {
    color: #69778b
}

.color-steel-800[data-v-8320248c] {
    color: #1c2026
}

.color-east-bay-400[data-v-8320248c] {
    color: #48576f
}

[data-v-8320248c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-8320248c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-8320248c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-8320248c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-8320248c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-8320248c] {
        scrollbar-width: thin
    }
}

.current-user__container[data-v-8320248c] {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.current-user__indications[data-v-8320248c] {
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 4px
}

.current-user__reactions[data-v-8320248c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px
}

.current-user__footer[data-v-8320248c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.indicator-message__text[data-v-8320248c] {
    font-size: .85714rem;
    line-height: 16px;
    text-align: right
}

.indicator-message__text--danger[data-v-8320248c] {
    color: #f0506e
}

.message-status__image[data-v-8320248c] {
    margin-right: 4px
}

[data-v-04e0fd24]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-04e0fd24] {
    color: #b6bcc6
}

.color-slate[data-v-04e0fd24] {
    color: #69778b
}

.color-steel-800[data-v-04e0fd24] {
    color: #1c2026
}

.color-east-bay-400[data-v-04e0fd24] {
    color: #48576f
}

[data-v-04e0fd24]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-04e0fd24] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-04e0fd24]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-04e0fd24]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-04e0fd24]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-04e0fd24] {
        scrollbar-width: thin
    }
}

.chat-message-popover__button[data-v-04e0fd24] {
    cursor: pointer;
    background: none
}

.v-popper__popper.chat-message-popover .v-popper__inner {
    padding: 0;
    background: var(--chat-message-popover-bg-color);
    max-width: 300px !important
}

.v-popper__popper.chat-message-popover .v-popper__arrow-outer {
    border-color: var(--chat-message-popover-bg-color)
}

[data-v-64b859a0]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-64b859a0] {
    color: #b6bcc6
}

.color-slate[data-v-64b859a0] {
    color: #69778b
}

.color-steel-800[data-v-64b859a0] {
    color: #1c2026
}

.color-east-bay-400[data-v-64b859a0] {
    color: #48576f
}

[data-v-64b859a0]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-64b859a0] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-64b859a0]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-64b859a0]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-64b859a0]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-64b859a0] {
        scrollbar-width: thin
    }
}

.chat-message-report__button[data-v-64b859a0] {
    padding: 16px;
    background: none;
    cursor: pointer;
    font-size: 1rem;
    line-height: 16px;
    color: var(--chat-message-popover-report-text-color)
}

.chat-message-report__button[data-v-64b859a0]:disabled {
    color: var(--chat-message-username)
}

.chat-message-report__text[data-v-64b859a0] {
    font-size: .78571rem;
    line-height: 12px
}

.chat-message-report__icon-container[data-v-64b859a0],
.chat-message-report__text[data-v-64b859a0] {
    display: inline-block;
    vertical-align: middle
}

.chat-message-report__icon[data-v-64b859a0] {
    fill: var(--chat-message-popover-report-text-color)
}

.chat-message-report__button:disabled .chat-message-report__icon[data-v-64b859a0] {
    fill: var(--chat-message-username)
}

[data-v-6af2b837]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-6af2b837] {
    color: #b6bcc6
}

.color-slate[data-v-6af2b837] {
    color: #69778b
}

.color-steel-800[data-v-6af2b837] {
    color: #1c2026
}

.color-east-bay-400[data-v-6af2b837] {
    color: #48576f
}

[data-v-6af2b837]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-6af2b837] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-6af2b837]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-6af2b837]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-6af2b837]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-6af2b837] {
        scrollbar-width: thin
    }
}

.reaction-button__container[data-v-6af2b837] {
    display: inline-block;
    background: none;
    color: var(--chat-message-username)
}

.reaction-button__content[data-v-6af2b837] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reaction-button__counter[data-v-6af2b837] {
    padding-left: 2px
}

.reaction-button--clickable[data-v-6af2b837] {
    cursor: pointer
}

.reaction-button--selected[data-v-6af2b837] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #1b67da;
    border-radius: 64px;
    background: var(--chat-message-my-reaction-bg-color)
}

.reaction-button--selected .reaction-button__counter[data-v-6af2b837] {
    color: var(--chat-message-my-reaction-text-color)
}

.reaction-button--small[data-v-6af2b837] {
    font-size: .85714rem;
    padding: 2px 4px
}

.reaction-button--small .reaction-button__icon[data-v-6af2b837] {
    width: 14px
}

.reaction-button--large[data-v-6af2b837] {
    font-size: 1rem
}

.reaction-button--large .reaction-button__icon[data-v-6af2b837] {
    width: 24px
}

[data-v-4a9f0518]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-4a9f0518] {
    color: #b6bcc6
}

.color-slate[data-v-4a9f0518] {
    color: #69778b
}

.color-steel-800[data-v-4a9f0518] {
    color: #1c2026
}

.color-east-bay-400[data-v-4a9f0518] {
    color: #48576f
}

[data-v-4a9f0518]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-4a9f0518] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-4a9f0518]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-4a9f0518]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-4a9f0518]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-4a9f0518] {
        scrollbar-width: thin
    }
}

.chat-reactions-popover__button[data-v-4a9f0518] {
    fill: var(--chat-message-reactions-button);
    padding-left: 4px
}

.chat-reactions-popover__content[data-v-4a9f0518] {
    padding: 8px 6px
}

.chat-reactions-popover__reaction-button[data-v-4a9f0518] {
    margin: 0 2px
}

.v-popper__popper.chat-message-popover.chat-reactions-popover .v-popper__inner {
    margin-left: 8px
}

[data-v-50f66a9c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-50f66a9c] {
    color: #b6bcc6
}

.color-slate[data-v-50f66a9c] {
    color: #69778b
}

.color-steel-800[data-v-50f66a9c] {
    color: #1c2026
}

.color-east-bay-400[data-v-50f66a9c] {
    color: #48576f
}

[data-v-50f66a9c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-50f66a9c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-50f66a9c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-50f66a9c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-50f66a9c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-50f66a9c] {
        scrollbar-width: thin
    }
}

.other-user__username[data-v-50f66a9c] {
    font-size: .78571rem;
    text-transform: uppercase;
    color: var(--chat-message-username);
    padding: 2px 0;
    line-height: 12px;
    text-align: left
}

.other-user__container[data-v-50f66a9c] {
    display: grid;
    grid-template-columns: auto auto
}

.other-user__indications[data-v-50f66a9c],
.other-user__message-container[data-v-50f66a9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.other-user__indications[data-v-50f66a9c] {
    padding-left: 4px
}

.other-user__actions[data-v-50f66a9c] {
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: right
}

.other-user__reactions[data-v-50f66a9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    height: 20px
}

[data-v-77e623a6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-77e623a6] {
    color: #b6bcc6
}

.color-slate[data-v-77e623a6] {
    color: #69778b
}

.color-steel-800[data-v-77e623a6] {
    color: #1c2026
}

.color-east-bay-400[data-v-77e623a6] {
    color: #48576f
}

[data-v-77e623a6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-77e623a6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-77e623a6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-77e623a6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-77e623a6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-77e623a6] {
        scrollbar-width: thin
    }
}

.chat-message[data-v-77e623a6] {
    background: var(--chat-bubble-background-color);
    padding: 8px;
    border-radius: 16px;
    color: var(--chat-bubble-text-color);
    font-size: .85714rem;
    line-height: 16px;
    word-break: break-word;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.chat-message--reported[data-v-77e623a6] {
    background: #f0506e;
    color: #fff
}

.chat-message-container[data-v-77e623a6] {
    padding: 0 16px 6px
}

.chat-message-container--current-user .chat-message[data-v-77e623a6] {
    background: #1b67da;
    color: #fff;
    justify-self: end
}

.report-counter[data-v-77e623a6] {
    color: #f0506e;
    fill: #f0506e
}

.report-counter__text[data-v-77e623a6] {
    font-size: .85714rem;
    line-height: 16px
}

.chat-reactions[data-v-77e623a6] {
    margin: 0 2px
}

[data-v-5c8f7f62]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-5c8f7f62] {
    color: #b6bcc6
}

.color-slate[data-v-5c8f7f62] {
    color: #69778b
}

.color-steel-800[data-v-5c8f7f62] {
    color: #1c2026
}

.color-east-bay-400[data-v-5c8f7f62] {
    color: #48576f
}

[data-v-5c8f7f62]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-5c8f7f62] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-5c8f7f62]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-5c8f7f62]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-5c8f7f62]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-5c8f7f62] {
        scrollbar-width: thin
    }
}

.chat-box-error-button__action-container[data-v-5c8f7f62] {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 16px;
    width: 100%
}

.chat-box-error-button__action-container--light[data-v-5c8f7f62] {
    background: var(--chat-input-background-color)
}

.chat-box-error-button__action-container--light .chat-box-error-button__action[data-v-5c8f7f62] {
    -webkit-box-shadow: inset 0 0 0 1px #1c2026;
    box-shadow: inset 0 0 0 1px #1c2026;
    color: #1c2026
}

.chat-box-error-button__action[data-v-5c8f7f62] {
    margin-bottom: 8px;
    border-radius: 8px;
    border: none;
    padding: 12px;
    -webkit-box-shadow: inset 0 0 0 1px #f6f8f9;
    box-shadow: inset 0 0 0 1px #f6f8f9;
    color: #f6f8f9
}

.chat-box-error-button__action.uk-button-tertiary.solid[data-v-5c8f7f62] {
    border-color: #1c2026
}

[data-v-31ee4b20]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-31ee4b20] {
    color: #b6bcc6
}

.color-slate[data-v-31ee4b20] {
    color: #69778b
}

.color-steel-800[data-v-31ee4b20] {
    color: #1c2026
}

.color-east-bay-400[data-v-31ee4b20] {
    color: #48576f
}

[data-v-31ee4b20]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-31ee4b20] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-31ee4b20]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-31ee4b20]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-31ee4b20]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-31ee4b20] {
        scrollbar-width: thin
    }
}

.skeleton-chat-container[data-v-31ee4b20] {
    padding: 8px
}

.skeleton-chat-bubble[data-v-31ee4b20] {
    padding: 8px 0
}

.skeleton-chat-bubble-container[data-v-31ee4b20] {
    margin: 4px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.skeleton-chat-bubble-container--current-user[data-v-31ee4b20] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right
}

[data-v-5cd1b02a]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-5cd1b02a] {
    color: #b6bcc6
}

.color-slate[data-v-5cd1b02a] {
    color: #69778b
}

.color-steel-800[data-v-5cd1b02a] {
    color: #1c2026
}

.color-east-bay-400[data-v-5cd1b02a] {
    color: #48576f
}

[data-v-5cd1b02a]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-5cd1b02a] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-5cd1b02a]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-5cd1b02a]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-5cd1b02a]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-5cd1b02a] {
        scrollbar-width: thin
    }
}

.chat-notification-area-description[data-v-5cd1b02a] {
    font-size: 1rem;
    line-height: 16px;
    text-align: center;
    color: var(--chat-notification-color)
}

[data-v-a939da26]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-a939da26] {
    color: #b6bcc6
}

.color-slate[data-v-a939da26] {
    color: #69778b
}

.color-steel-800[data-v-a939da26] {
    color: #1c2026
}

.color-east-bay-400[data-v-a939da26] {
    color: #48576f
}

[data-v-a939da26]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-a939da26] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-a939da26]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-a939da26]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-a939da26]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-a939da26] {
        scrollbar-width: thin
    }
}

.chat-notification-area-img[data-v-a939da26] {
    margin-top: 4px;
    margin-bottom: 16px
}

.chat-notification-area-img svg path[data-v-a939da26] {
    fill: var(--chat-notification-color)
}

[data-v-1698411d]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1698411d] {
    color: #b6bcc6
}

.color-slate[data-v-1698411d] {
    color: #69778b
}

.color-steel-800[data-v-1698411d] {
    color: #1c2026
}

.color-east-bay-400[data-v-1698411d] {
    color: #48576f
}

[data-v-1698411d]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1698411d] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1698411d]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1698411d]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1698411d]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1698411d] {
        scrollbar-width: thin
    }
}

.chat-notification-area-title[data-v-1698411d] {
    font-size: 1rem;
    line-height: 16px;
    text-align: center;
    color: var(--chat-notification-color)
}

.chat-notification-area-title .error-title[data-v-1698411d] {
    display: inline-block;
    margin-bottom: 16px
}

[data-v-32220d12]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-32220d12] {
    color: #b6bcc6
}

.color-slate[data-v-32220d12] {
    color: #69778b
}

.color-steel-800[data-v-32220d12] {
    color: #1c2026
}

.color-east-bay-400[data-v-32220d12] {
    color: #48576f
}

[data-v-32220d12]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-32220d12] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-32220d12]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-32220d12]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-32220d12]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-32220d12] {
        scrollbar-width: thin
    }
}

.chat-notification-area-container[data-v-32220d12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 16px;
    color: #69778b;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.chat-notification-area-content[data-v-32220d12] {
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-item-align: center;
    align-self: center
}

.chat-notification-area-content-wrapper[data-v-32220d12],
.chat-notification-area-content[data-v-32220d12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.chat-notification-area-content-wrapper[data-v-32220d12] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-flow: column;
    flex-flow: column
}

[data-v-b6bba8d6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-b6bba8d6] {
    color: #b6bcc6
}

.color-slate[data-v-b6bba8d6] {
    color: #69778b
}

.color-steel-800[data-v-b6bba8d6] {
    color: #1c2026
}

.color-east-bay-400[data-v-b6bba8d6] {
    color: #48576f
}

[data-v-b6bba8d6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-b6bba8d6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-b6bba8d6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-b6bba8d6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-b6bba8d6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-b6bba8d6] {
        scrollbar-width: thin
    }
}

.chat-terms__title[data-v-b6bba8d6] {
    padding-bottom: 16px
}

.chat-terms__description[data-v-b6bba8d6] {
    padding-bottom: 4px
}

.chat-terms-container[data-v-b6bba8d6] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.chat-terms-container--light .chat-terms__action.uk-button-tertiary[data-v-b6bba8d6] {
    -webkit-box-shadow: inset 0 0 0 1px #1c2026;
    box-shadow: inset 0 0 0 1px #1c2026;
    color: #1c2026
}

.chat-terms__area[data-v-b6bba8d6] {
    background: var(--chat-background-color)
}

.chat-terms__actions-container[data-v-b6bba8d6] {
    background: var(--chat-input-background-color);
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.chat-terms__actions-container[data-v-b6bba8d6],
.chat-terms__actions-container__wrapper[data-v-b6bba8d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.chat-terms__actions-container__wrapper[data-v-b6bba8d6] {
    padding: 8px 16px
}

.chat-terms__action[data-v-b6bba8d6] {
    margin-bottom: 8px;
    border-radius: 8px;
    border: none;
    padding: 12px;
    -webkit-box-shadow: inset 0 0 0 1px #f6f8f9;
    box-shadow: inset 0 0 0 1px #f6f8f9;
    color: #f6f8f9
}

.chat-terms__action.uk-button-primary[data-v-b6bba8d6] {
    -webkit-box-shadow: inset 0 0 0 var(--brand-secondary-color);
    box-shadow: inset 0 0 0 var(--brand-secondary-color)
}

[data-v-abb31a5c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-abb31a5c] {
    color: #b6bcc6
}

.color-slate[data-v-abb31a5c] {
    color: #69778b
}

.color-steel-800[data-v-abb31a5c] {
    color: #1c2026
}

.color-east-bay-400[data-v-abb31a5c] {
    color: #48576f
}

[data-v-abb31a5c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-abb31a5c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-abb31a5c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-abb31a5c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-abb31a5c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-abb31a5c] {
        scrollbar-width: thin
    }
}

.chat-background[data-v-abb31a5c] {
    background: var(--chat-background-color);
    height: inherit;
    overflow: hidden
}

.chat-background--light[data-v-abb31a5c] {
    height: calc(100% - 56px) !important
}

.chat-background--light .chat-box-message__input-container[data-v-abb31a5c] {
    background: var(--chat-input-background-color)
}

.chat-background .chat-box-message-container[data-v-abb31a5c] {
    padding: 0 8px
}

.chat-background .chat-box__cta[data-v-abb31a5c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--brand-secondary-color)
}

.chat-background .chat-box__cta-icon[data-v-abb31a5c] {
    fill: #fff
}

.chat-background .chat-box__cta--disabled[data-v-abb31a5c] {
    background: var(--chat-cta-disabled-bg)
}

.chat-background .chat-box__cta--disabled .chat-box__cta-icon[data-v-abb31a5c] {
    fill: var(--chat-cta-icon-disabled-color)
}

.chat-background .chat-box__cta .chat-container[data-v-abb31a5c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.chat-background .message-list-container-wrapper[data-v-abb31a5c] {
    height: 100%;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 6px
}

.chat-background .message-list-container[data-v-abb31a5c] {
    padding: 8px 0;
    height: 100%
}

[data-v-0b6fbcee]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-0b6fbcee] {
    color: #b6bcc6
}

.color-slate[data-v-0b6fbcee] {
    color: #69778b
}

.color-steel-800[data-v-0b6fbcee] {
    color: #1c2026
}

.color-east-bay-400[data-v-0b6fbcee] {
    color: #48576f
}

[data-v-0b6fbcee]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-0b6fbcee] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-0b6fbcee]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-0b6fbcee]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-0b6fbcee]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-0b6fbcee] {
        scrollbar-width: thin
    }
}

.chat-box-header[data-v-0b6fbcee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.chat-box-header__title[data-v-0b6fbcee] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.14286rem;
    font-weight: 700;
    padding: 0 4px
}

.draggable-chat__close-chat[data-v-0b6fbcee],
.draggable-chat__toggle-draggable[data-v-0b6fbcee] {
    padding: 4px
}

.draggable-chat__toggle-draggable[data-v-0b6fbcee] {
    -webkit-transition: .3s;
    transition: .3s
}

.draggable-chat__close-chat[data-v-0b6fbcee],
.draggable-chat__toggle-draggable[data-v-0b6fbcee] {
    cursor: pointer
}

.draggable-chat__toggle-draggable--active[data-v-0b6fbcee] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-v-c9b548c6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-c9b548c6] {
    color: #b6bcc6
}

.color-slate[data-v-c9b548c6] {
    color: #69778b
}

.color-steel-800[data-v-c9b548c6] {
    color: #1c2026
}

.color-east-bay-400[data-v-c9b548c6] {
    color: #48576f
}

[data-v-c9b548c6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-c9b548c6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-c9b548c6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-c9b548c6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-c9b548c6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-c9b548c6] {
        scrollbar-width: thin
    }
}

.draggable-header[data-v-c9b548c6] {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    position: sticky;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

[data-v-419b56f5]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-419b56f5] {
    color: #b6bcc6
}

.color-slate[data-v-419b56f5] {
    color: #69778b
}

.color-steel-800[data-v-419b56f5] {
    color: #1c2026
}

.color-east-bay-400[data-v-419b56f5] {
    color: #48576f
}

[data-v-419b56f5]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-419b56f5] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-419b56f5]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-419b56f5]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-419b56f5]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-419b56f5] {
        scrollbar-width: thin
    }
}

.event-clock[data-v-419b56f5] {
    display: block
}

.racing-list-item[data-v-707479ee] {
    -webkit-transition: all 1s;
    transition: all 1s;
    display: block
}

.racing-list-enter-from[data-v-707479ee] {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.racing-list-enter[data-v-707479ee],
.racing-list-leave-to[data-v-707479ee] {
    opacity: 0
}

.racing-list-leave-active[data-v-707479ee] {
    opacity: 0;
    position: absolute
}

[data-v-071d105f]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-071d105f] {
    color: #b6bcc6
}

.color-slate[data-v-071d105f] {
    color: #69778b
}

.color-steel-800[data-v-071d105f] {
    color: #1c2026
}

.color-east-bay-400[data-v-071d105f] {
    color: #48576f
}

[data-v-071d105f]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-071d105f] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-071d105f]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-071d105f]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-071d105f]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-071d105f] {
        scrollbar-width: thin
    }
}

.sb-slider__button__icon--dark[data-v-071d105f] {
    background: #2d3745;
    border-radius: 8px
}

.sb-slider__button__icon__next--hover-transition[data-v-071d105f] {
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.sb-slider:hover .sb-slider__button__icon__next--hover-transition[data-v-071d105f] {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.sb-slider__button__icon__prev--hover-transition[data-v-071d105f] {
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.sb-slider:hover .sb-slider__button__icon__prev--hover-transition[data-v-071d105f] {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.countdown-timer__close {
    cursor: pointer
}

.countdown-timer__wrapper {
    position: relative;
    height: 24px;
    width: 24px;
    text-align: center
}

.countdown-timer__number {
    font-weight: 700;
    font-size: .85714rem;
    line-height: 16px;
    cursor: default;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.countdown-timer__circle {
    position: relative;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: rotateY(-180deg) rotate(-90deg);
    transform: rotateY(-180deg) rotate(-90deg)
}

.countdown-timer__circle-warning {
    stroke: #faa05a
}

.countdown-timer__circle-danger {
    stroke: #f0506e
}

.countdown-timer__circle>circle {
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    fill: none
}

.responsible-gaming-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    z-index: 8000
}

.responsible-gaming-wrapper .responsible-gaming {
    padding: 8px 0;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.responsible-gaming-wrapper .responsible-gaming__info {
    margin: 4px 8px
}

.responsible-gaming-wrapper .responsible-gaming__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .85714rem;
    line-height: 16px
}

.responsible-gaming-wrapper .responsible-gaming__message-danger {
    color: #f0506e
}

.responsible-gaming-wrapper .responsible-gaming__message-warning {
    color: #faa05a
}

.responsible-gaming-wrapper .responsible-gaming__message_limits {
    margin-top: 2px;
    cursor: pointer;
    color: #1b67da;
    font-weight: 700;
    display: block;
    text-decoration: none
}

.responsible-gaming-wrapper .responsible-gaming__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 4px 8px
}

.responsible-gaming-wrapper .responsible-gaming-danger {
    background-color: #fef4f6
}

.responsible-gaming-wrapper .responsible-gaming-warning {
    background-color: #fef5ee
}

[data-v-500fdd82]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-500fdd82] {
    color: #b6bcc6
}

.color-slate[data-v-500fdd82] {
    color: #69778b
}

.color-steel-800[data-v-500fdd82] {
    color: #1c2026
}

.color-east-bay-400[data-v-500fdd82] {
    color: #48576f
}

[data-v-500fdd82]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-500fdd82] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-500fdd82]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-500fdd82]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-500fdd82]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-500fdd82] {
        scrollbar-width: thin
    }
}

.header-settings-list-item[data-v-500fdd82] {
    border-radius: 16px;
    padding: 8px;
    margin-bottom: 8px
}

.header-settings-list-item--selected[data-v-500fdd82] {
    background: #eceff1
}

.header-settings-list-item--selected .header-settings-list-item__link[data-v-500fdd82] {
    color: #232b36
}

.header-settings-list-item[data-v-500fdd82]:last-child {
    margin-bottom: 0
}

.header-settings-list-item__link[data-v-500fdd82] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-size: .78571rem;
    line-height: 12px;
    color: #48576f;
    cursor: pointer
}

.header-settings-list-item__link--icon[data-v-500fdd82] {
    margin-right: 4px
}

.header-settings-list-item__link--title[data-v-500fdd82] {
    text-transform: capitalize
}

[data-v-373851b2]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-373851b2] {
    color: #b6bcc6
}

.color-slate[data-v-373851b2] {
    color: #69778b
}

.color-steel-800[data-v-373851b2] {
    color: #1c2026
}

.color-east-bay-400[data-v-373851b2] {
    color: #48576f
}

[data-v-373851b2]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-373851b2] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-373851b2]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-373851b2]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-373851b2]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-373851b2] {
        scrollbar-width: thin
    }
}

.header-settings-list__title[data-v-373851b2] {
    font-size: .85714rem;
    line-height: 16px;
    color: #101419;
    font-weight: 700;
    padding: 4px 0 12px
}

.header-settings-list__items[data-v-373851b2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header-settings__popover.tooltip {
    z-index: 2000;
    margin-top: 20px;
    min-width: 160px;
    border-radius: 8px
}

.header-settings__popover.tooltip .tooltip-inner.popover-inner {
    padding: 8px
}

.header-settings__popover.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 12px 12px;
    top: -12px;
    margin: 0
}

.header-settings__popover--icon {
    cursor: pointer
}

.header-settings__separator {
    margin: 8px 0
}

[data-v-37bd9e01]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-37bd9e01] {
    color: #b6bcc6
}

.color-slate[data-v-37bd9e01] {
    color: #69778b
}

.color-steel-800[data-v-37bd9e01] {
    color: #1c2026
}

.color-east-bay-400[data-v-37bd9e01] {
    color: #48576f
}

[data-v-37bd9e01]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-37bd9e01] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-37bd9e01]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-37bd9e01]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-37bd9e01]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-37bd9e01] {
        scrollbar-width: thin
    }
}

.dot-animation[data-v-37bd9e01] {
    -webkit-animation: breathing-animation 1s ease-out infinite normal;
    animation: breathing-animation 1s ease-out infinite normal
}

.vertical-overflow-container {
    margin: 0 8px
}

.vertical-overflow-container>:first-child {
    height: 100%
}

.vertical-overflow-container--enabled {
    overflow-x: hidden;
    overflow-y: auto
}

.vertical-overflow-container--no-space {
    margin: 0
}

.vertical-overflow-container--hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.vertical-overflow-container--hide-scrollbar::-webkit-scrollbar {
    display: none
}

[data-v-530fc1bf]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-530fc1bf] {
    color: #b6bcc6
}

.color-slate[data-v-530fc1bf] {
    color: #69778b
}

.color-steel-800[data-v-530fc1bf] {
    color: #1c2026
}

.color-east-bay-400[data-v-530fc1bf] {
    color: #48576f
}

[data-v-530fc1bf]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-530fc1bf] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-530fc1bf]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-530fc1bf]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-530fc1bf]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-530fc1bf] {
        scrollbar-width: thin
    }
}

.sidebar-wrapper[data-v-530fc1bf] {
    display: none
}

@media screen and (min-width:825px) {
    .sidebar-wrapper[data-v-530fc1bf] {
        display: block
    }
}

[data-v-23a72702]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-23a72702] {
    color: #b6bcc6
}

.color-slate[data-v-23a72702] {
    color: #69778b
}

.color-steel-800[data-v-23a72702] {
    color: #1c2026
}

.color-east-bay-400[data-v-23a72702] {
    color: #48576f
}

[data-v-23a72702]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-23a72702] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-23a72702]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-23a72702]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-23a72702]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-23a72702] {
        scrollbar-width: thin
    }
}

.section-title[data-v-23a72702],
.section-title__image[data-v-23a72702] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-title__image[data-v-23a72702] {
    margin-right: 4px
}

.section-title__text[data-v-23a72702] {
    font-size: 1.42857rem;
    line-height: 40px;
    color: var(--section-title-color);
    opacity: var(--section-title-opacity)
}

.section-title__text--bold[data-v-23a72702] {
    font-weight: 700
}

.section-title__text--mobile[data-v-23a72702] {
    font-size: 1.14286rem;
    line-height: 24px
}

[data-v-28e4fbd4]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-28e4fbd4] {
    color: #b6bcc6
}

.color-slate[data-v-28e4fbd4] {
    color: #69778b
}

.color-steel-800[data-v-28e4fbd4] {
    color: #1c2026
}

.color-east-bay-400[data-v-28e4fbd4] {
    color: #48576f
}

[data-v-28e4fbd4]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-28e4fbd4] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-28e4fbd4]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-28e4fbd4]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-28e4fbd4]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-28e4fbd4] {
        scrollbar-width: thin
    }
}

.promo-market-content[data-v-28e4fbd4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.promo-market-content-icon[data-v-28e4fbd4],
.promo-market-content[data-v-28e4fbd4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo-market-content-icon--moon[data-v-28e4fbd4] {
    padding: 4px;
    font-size: .64286rem;
    color: #1b67da
}

.promo-market-content-icon--same-game-parlay[data-v-28e4fbd4] {
    padding: 4px;
    font-size: 7px;
    color: #1b67da;
    font-weight: 900;
    text-align: left;
    margin-top: 4px
}

.promo-market-content-text[data-v-28e4fbd4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.promo-market-content-text__title[data-v-28e4fbd4] {
    color: #6233ff;
    font-weight: 700;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.promo-market-content-text__title--moon[data-v-28e4fbd4] {
    color: #1b67da
}

.promo-market-content-text__title--neptune[data-v-28e4fbd4] {
    color: #a519c1
}

.promo-market-content-text__subtitle--emphasize[data-v-28e4fbd4] {
    font-weight: 700
}

.promo-market-content-tooltip[data-v-28e4fbd4] {
    cursor: pointer
}

[data-v-f4691fae]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-f4691fae] {
    color: #b6bcc6
}

.color-slate[data-v-f4691fae] {
    color: #69778b
}

.color-steel-800[data-v-f4691fae] {
    color: #1c2026
}

.color-east-bay-400[data-v-f4691fae] {
    color: #48576f
}

[data-v-f4691fae]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-f4691fae] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-f4691fae]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-f4691fae]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-f4691fae]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-f4691fae] {
        scrollbar-width: thin
    }
}

.promo-market-content[data-v-f4691fae] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.promo-market-content-icon[data-v-f4691fae],
.promo-market-content[data-v-f4691fae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo-market-content-icon--moon[data-v-f4691fae] {
    padding: 4px;
    font-size: .64286rem;
    color: #1b67da
}

.promo-market-content-text[data-v-f4691fae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    font-size: .85714rem;
    line-height: 16px
}

.promo-market-content-text__title[data-v-f4691fae] {
    color: #6233ff;
    font-weight: 700;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.promo-market-content-text__title--moon[data-v-f4691fae] {
    color: #1b67da
}

.promo-market-content-text__title--neptune[data-v-f4691fae] {
    color: #a519c1
}

.promo-market-content-text__subtitle[data-v-f4691fae] {
    display: inline
}

.promo-market-content-text__subtitle[data-v-f4691fae]:not(:first-child):before {
    content: " \2022";
    color: #1b67da
}

.promo-market-content-text__subtitle--emphasize[data-v-f4691fae] {
    font-weight: 700
}

.promo-market-content-tooltip[data-v-f4691fae] {
    cursor: pointer
}

[data-v-39e46941]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-39e46941] {
    color: #b6bcc6
}

.color-slate[data-v-39e46941] {
    color: #69778b
}

.color-steel-800[data-v-39e46941] {
    color: #1c2026
}

.color-east-bay-400[data-v-39e46941] {
    color: #48576f
}

[data-v-39e46941]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-39e46941] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-39e46941]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-39e46941]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-39e46941]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-39e46941] {
        scrollbar-width: thin
    }
}

[data-v-39e46941] .home-seo-text {
    font-size: .85714rem;
    line-height: 16px;
    color: #48576f
}

[data-v-39e46941] .home-seo-text a {
    font-weight: 700;
    color: #48576f;
    text-decoration: underline
}

[data-v-39e46941] .home-seo-text a span {
    font-weight: 700 !important
}

[data-v-39e46941] .home-seo-text h1,
[data-v-39e46941] .home-seo-text h2,
[data-v-39e46941] .home-seo-text h3,
[data-v-39e46941] .home-seo-text h4,
[data-v-39e46941] .home-seo-text h5,
[data-v-39e46941] .home-seo-text h6 {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700 !important;
    color: #1c2026;
    margin: 24px 0 4px
}

[data-v-39e46941] .home-seo-text h1:first-child,
[data-v-39e46941] .home-seo-text h2:first-child,
[data-v-39e46941] .home-seo-text h3:first-child,
[data-v-39e46941] .home-seo-text h4:first-child,
[data-v-39e46941] .home-seo-text h5:first-child,
[data-v-39e46941] .home-seo-text h6:first-child {
    margin-top: 0
}

[data-v-39e46941] .home-seo-text h1:last-child,
[data-v-39e46941] .home-seo-text h2:last-child,
[data-v-39e46941] .home-seo-text h3:last-child,
[data-v-39e46941] .home-seo-text h4:last-child,
[data-v-39e46941] .home-seo-text h5:last-child,
[data-v-39e46941] .home-seo-text h6:last-child {
    margin-bottom: 0
}

[data-v-39e46941] .home-seo-text h1+p,
[data-v-39e46941] .home-seo-text h2+p,
[data-v-39e46941] .home-seo-text h3+p,
[data-v-39e46941] .home-seo-text h4+p,
[data-v-39e46941] .home-seo-text h5+p,
[data-v-39e46941] .home-seo-text h6+p {
    margin-top: 4px
}

[data-v-39e46941] .home-seo-text h1 span,
[data-v-39e46941] .home-seo-text h2 span,
[data-v-39e46941] .home-seo-text h3 span,
[data-v-39e46941] .home-seo-text h4 span,
[data-v-39e46941] .home-seo-text h5 span,
[data-v-39e46941] .home-seo-text h6 span {
    font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text {
    font-size: .85714rem;
    line-height: 16px;
    color: #b6bcc6
}

[data-v-39e46941] .live-seo-text a {
    font-weight: 700;
    color: #b6bcc6;
    text-decoration: underline
}

[data-v-39e46941] .live-seo-text a span {
    font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text h1,
[data-v-39e46941] .live-seo-text h2,
[data-v-39e46941] .live-seo-text h3,
[data-v-39e46941] .live-seo-text h4,
[data-v-39e46941] .live-seo-text h5,
[data-v-39e46941] .live-seo-text h6 {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700 !important;
    color: #fff;
    margin: 24px 0 4px
}

[data-v-39e46941] .live-seo-text h1:first-child,
[data-v-39e46941] .live-seo-text h2:first-child,
[data-v-39e46941] .live-seo-text h3:first-child,
[data-v-39e46941] .live-seo-text h4:first-child,
[data-v-39e46941] .live-seo-text h5:first-child,
[data-v-39e46941] .live-seo-text h6:first-child {
    margin-top: 0
}

[data-v-39e46941] .live-seo-text h1:last-child,
[data-v-39e46941] .live-seo-text h2:last-child,
[data-v-39e46941] .live-seo-text h3:last-child,
[data-v-39e46941] .live-seo-text h4:last-child,
[data-v-39e46941] .live-seo-text h5:last-child,
[data-v-39e46941] .live-seo-text h6:last-child {
    margin-bottom: 0
}

[data-v-39e46941] .live-seo-text h1 span,
[data-v-39e46941] .live-seo-text h2 span,
[data-v-39e46941] .live-seo-text h3 span,
[data-v-39e46941] .live-seo-text h4 span,
[data-v-39e46941] .live-seo-text h5 span,
[data-v-39e46941] .live-seo-text h6 span {
    font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text h1+p,
[data-v-39e46941] .live-seo-text h2+p,
[data-v-39e46941] .live-seo-text h3+p,
[data-v-39e46941] .live-seo-text h4+p,
[data-v-39e46941] .live-seo-text h5+p,
[data-v-39e46941] .live-seo-text h6+p {
    margin-top: 4px
}

.lock-icon-color path,
.lock-icon-color polygon,
.lock-icon-color rect,
.lock-icon-color svg path,
.lock-icon-color svg polygon,
.lock-icon-color svg rect {
    fill: currentcolor;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.selection-vertical-button {
    -webkit-touch-callout: none
}

.selection-vertical-button--progress:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: 2px;
    background-color: var(--theme-brand-color-primary);
    --tw-content: "";
    content: var(--tw-content)
}

.selection-vertical-button--progress:after {
    position: absolute;
    left: -200px;
    top: 0;
    display: block;
    height: 2px;
    width: 200px;
    --tw-bg-opacity: 1;
    background-color: rgb(27 103 218/var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content);
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.selection-vertical-button.selection-vertical-button--active,
.selection-vertical-button.selection-vertical-button--progress {
    background-color: var(--theme-brand-color-primary)
}

@media (hover:hover) and (pointer:fine) {

    .selection-vertical-button.selection-vertical-button--active:hover,
    .selection-vertical-button.selection-vertical-button--progress:hover,
    .tw-dark .selection-vertical-button.selection-vertical-button--active:hover,
    .tw-dark .selection-vertical-button.selection-vertical-button--progress:hover {
        background-color: var(--theme-brand-color-primary)
    }
}

.selection-vertical-button.selection-vertical-button--active .selection-vertical-button__title,
.selection-vertical-button.selection-vertical-button--progress .selection-vertical-button__title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection-vertical-button.selection-vertical-button--active .selection-vertical-button__odd,
.selection-vertical-button.selection-vertical-button--progress .selection-vertical-button__odd {
    --tw-text-opacity: 1;
    color: rgb(255 239 227/var(--tw-text-opacity))
}

[data-v-743ff96c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-743ff96c] {
    color: #b6bcc6
}

.color-slate[data-v-743ff96c] {
    color: #69778b
}

.color-steel-800[data-v-743ff96c] {
    color: #1c2026
}

.color-east-bay-400[data-v-743ff96c] {
    color: #48576f
}

[data-v-743ff96c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-743ff96c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-743ff96c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-743ff96c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-743ff96c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-743ff96c] {
        scrollbar-width: thin
    }
}

.zero-rake[data-v-743ff96c] {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .71429rem;
    line-height: 12px;
    color: #e0e4ea;
    background-color: var(--brand-primary-color);
    border-radius: 50%;
    margin: 0 4px;
    cursor: default
}

.zero-rake--sxxs[data-v-743ff96c],
.zero-rake--xxs[data-v-743ff96c] {
    height: 15px;
    width: 15px;
    padding: 1px;
    font-size: 8px;
    line-height: 11px
}

.zero-rake--xxxs[data-v-743ff96c] {
    width: 12px;
    height: 12px;
    font-size: .64286rem;
    line-height: 12px
}

[data-v-372ec465]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-372ec465] {
    color: #b6bcc6
}

.color-slate[data-v-372ec465] {
    color: #69778b
}

.color-steel-800[data-v-372ec465] {
    color: #1c2026
}

.color-east-bay-400[data-v-372ec465] {
    color: #48576f
}

[data-v-372ec465]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-372ec465] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-372ec465]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-372ec465]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-372ec465]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-372ec465] {
        scrollbar-width: thin
    }
}

.skeleton-events[data-v-372ec465] {
    background-color: #1c2026
}

.skeleton-events-list-container[data-v-372ec465] {
    background-color: #232b36;
    padding: 4px
}

.skeleton-events-list-title[data-v-372ec465] {
    width: 100px;
    height: 15px;
    margin: 8px 8px 16px
}

.skeleton-events-list-row[data-v-372ec465] {
    background-color: #2d3745;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    border-bottom: 2px solid #1c2026
}

.skeleton-events-list-row.sidebar[data-v-372ec465] {
    padding: 8px 0;
    border-bottom: 2px solid #1c2026
}

@media screen and (min-width:825px) {
    .skeleton-events-list-row[data-v-372ec465] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        border-bottom: none
    }
}

.skeleton-events-list-row-info[data-v-372ec465] {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:825px) {
    .skeleton-events-list-row-info[data-v-372ec465] {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 200px;
        flex: 1 1 200px
    }
}

.skeleton-events-list-row-info-star[data-v-372ec465] {
    width: 20px;
    height: 15px;
    margin-right: 8px
}

.skeleton-events-list-row-info-names[data-v-372ec465] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skeleton-events-list-row-info-name[data-v-372ec465] {
    width: 100%;
    height: 14px;
    padding: 2px 0
}

.skeleton-events-list-row-info-name.sidebar[data-v-372ec465] {
    padding: 2px 8px;
    width: 100%
}

@media screen and (min-width:825px) {
    .skeleton-events-list-row-info-name[data-v-372ec465] {
        width: 80%
    }
}

.skeleton-events-list-row-markets[data-v-372ec465] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:825px) {
    .skeleton-events-list-row-markets[data-v-372ec465] {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 200px;
        flex: 1 1 200px
    }

    .skeleton-events-list-row-markets.sidebar[data-v-372ec465] {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.skeleton-events-list-row-markets-single[data-v-372ec465] {
    margin: 8px;
    width: 100%;
    height: 15px
}

@media screen and (min-width:825px) {
    .skeleton-events-list-row-markets-single[data-v-372ec465] {
        height: 30px
    }
}

.vue-recycle-scroller__item-view:has(.sb-dropdown) {
    z-index: 1
}

.vue-recycle-scroller:not(#LiveEventListContainer):has(.sb-dropdown),
.vue-recycle-scroller__item-wrapper {
    overflow: visible !important
}

[data-v-516cc112]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-516cc112] {
    color: #b6bcc6
}

.color-slate[data-v-516cc112] {
    color: #69778b
}

.color-steel-800[data-v-516cc112] {
    color: #1c2026
}

.color-east-bay-400[data-v-516cc112] {
    color: #48576f
}

[data-v-516cc112]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-516cc112] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-516cc112]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-516cc112]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-516cc112]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-516cc112] {
        scrollbar-width: thin
    }
}

.swiper-slide[data-v-516cc112] {
    width: auto !important;
    cursor: pointer
}

[data-v-2676942b]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2676942b] {
    color: #b6bcc6
}

.color-slate[data-v-2676942b] {
    color: #69778b
}

.color-steel-800[data-v-2676942b] {
    color: #1c2026
}

.color-east-bay-400[data-v-2676942b] {
    color: #48576f
}

[data-v-2676942b]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2676942b] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2676942b]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2676942b]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2676942b]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2676942b] {
        scrollbar-width: thin
    }
}

.slider-navigation-button[data-v-2676942b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    z-index: 10000
}

.slider-navigation-button--hidden[data-v-2676942b] {
    visibility: hidden
}

.slider-navigation-button--next[data-v-2676942b] {
    margin-left: 16px
}

.slider-navigation-button--previous[data-v-2676942b] {
    margin-right: 16px
}

.slider-navigation-button svg[data-v-2676942b] {
    border-radius: 50%;
    background: #fff
}

[data-v-e685f8fc]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-e685f8fc] {
    color: #b6bcc6
}

.color-slate[data-v-e685f8fc] {
    color: #69778b
}

.color-steel-800[data-v-e685f8fc] {
    color: #1c2026
}

.color-east-bay-400[data-v-e685f8fc] {
    color: #48576f
}

[data-v-e685f8fc]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-e685f8fc] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-e685f8fc]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-e685f8fc]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-e685f8fc]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-e685f8fc] {
        scrollbar-width: thin
    }
}

.stories-navigator-backdrop[data-v-e685f8fc] {
    z-index: 3000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .87)
}

.story-top-bar[data-v-e685f8fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 40px 0 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.story-top-bar__close[data-v-e685f8fc] {
    cursor: pointer;
    padding: 2px
}

[data-v-6f73cbd9]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-6f73cbd9] {
    color: #b6bcc6
}

.color-slate[data-v-6f73cbd9] {
    color: #69778b
}

.color-steel-800[data-v-6f73cbd9] {
    color: #1c2026
}

.color-east-bay-400[data-v-6f73cbd9] {
    color: #48576f
}

[data-v-6f73cbd9]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-6f73cbd9] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-6f73cbd9]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-6f73cbd9]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-6f73cbd9]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-6f73cbd9] {
        scrollbar-width: thin
    }
}

.stories-navigator-wrapper[data-v-6f73cbd9] {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000
}

[data-v-73651919]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-73651919] {
    color: #b6bcc6
}

.color-slate[data-v-73651919] {
    color: #69778b
}

.color-steel-800[data-v-73651919] {
    color: #1c2026
}

.color-east-bay-400[data-v-73651919] {
    color: #48576f
}

[data-v-73651919]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-73651919] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-73651919]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-73651919]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-73651919]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-73651919] {
        scrollbar-width: thin
    }
}

.story-content[data-v-73651919] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-73651919] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-73651919],
.story-content__promo[data-v-73651919] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-73651919] strong,
.story-content__promo[data-v-73651919] strong {
    font-weight: 700
}

.story-content__description[data-v-73651919] em,
.story-content__promo[data-v-73651919] em {
    font-style: italic
}

.story-content__promo[data-v-73651919] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-73651919] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-73651919],
.story-content__missions-wrapper[data-v-73651919],
.story-content__offer-wrapper[data-v-73651919] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content[data-v-73651919] {
    margin-top: 32px
}

.story-content .story-content__promo[data-v-73651919] {
    -webkit-line-clamp: 6
}

@media screen and (max-height:1033px) {
    .story-content--desktop .story-content__image-wrapper[data-v-73651919] {
        display: none
    }
}

@media screen and (max-height:760px) {
    .story-content--mobile .story-content__image-wrapper[data-v-73651919] {
        display: none
    }
}

.story-content__image-wrapper[data-v-73651919] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.story-content__image-wrapper__logo-image[data-v-73651919],
.story-content__image-wrapper__logo-lottie[data-v-73651919] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0
}

.story-content__image-wrapper img[data-v-73651919] {
    width: 104px;
    height: 104px
}

[data-v-b604d982]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-b604d982] {
    color: #b6bcc6
}

.color-slate[data-v-b604d982] {
    color: #69778b
}

.color-steel-800[data-v-b604d982] {
    color: #1c2026
}

.color-east-bay-400[data-v-b604d982] {
    color: #48576f
}

[data-v-b604d982]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-b604d982] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-b604d982]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-b604d982]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-b604d982]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-b604d982] {
        scrollbar-width: thin
    }
}

.casino-game[data-v-b604d982] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-height: 128px;
    padding: 16px;
    background: #2d3745;
    border-radius: 24px;
    margin-bottom: 8px;
    z-index: 3000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media screen and (max-height:650px) {
    .casino-game--mobile .game-info__text[data-v-b604d982] {
        font-size: 1.14286rem;
        line-height: 20px
    }

    .casino-game--mobile .game-info__subtitle[data-v-b604d982] {
        font-size: .85714rem;
        line-height: 16px
    }

    .casino-game--mobile .game-play__img[data-v-b604d982] {
        width: 32px;
        height: 32px
    }
}

.casino-game.layout--light[data-v-b604d982] {
    background: hsla(0, 0%, 100%, .38);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.casino-game.layout--light .game-info__text[data-v-b604d982] {
    color: #101419
}

.casino-game.layout--light .game-info__subtitle[data-v-b604d982] {
    color: #2d3745
}

.casino-game__img[data-v-b604d982] {
    border-radius: 16px;
    width: auto;
    height: 100%;
    max-width: 96px;
    max-height: 96px
}

.casino-game .game-info[data-v-b604d982] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.casino-game .game-info__text[data-v-b604d982] {
    font-size: 1.42857rem;
    line-height: 24px;
    font-weight: 700;
    color: #e0e4ea
}

.casino-game .game-info__subtitle[data-v-b604d982] {
    font-size: 1rem;
    line-height: 16px;
    color: #b6bcc6;
    margin-top: 4px
}

.casino-game .game-play[data-v-b604d982] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.casino-game .game-play__img[data-v-b604d982] {
    width: 42px;
    height: 42px
}

[data-v-80aad080]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-80aad080] {
    color: #b6bcc6
}

.color-slate[data-v-80aad080] {
    color: #69778b
}

.color-steel-800[data-v-80aad080] {
    color: #1c2026
}

.color-east-bay-400[data-v-80aad080] {
    color: #48576f
}

[data-v-80aad080]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-80aad080] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-80aad080]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-80aad080]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-80aad080]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-80aad080] {
        scrollbar-width: thin
    }
}

.story-content[data-v-80aad080] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-80aad080] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-80aad080],
.story-content__promo[data-v-80aad080] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-80aad080] strong,
.story-content__promo[data-v-80aad080] strong {
    font-weight: 700
}

.story-content__description[data-v-80aad080] em,
.story-content__promo[data-v-80aad080] em {
    font-style: italic
}

.story-content__promo[data-v-80aad080] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-80aad080] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-80aad080],
.story-content__missions-wrapper[data-v-80aad080],
.story-content__offer-wrapper[data-v-80aad080] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content[data-v-80aad080] {
    margin-top: 32px
}

@media screen and (max-height:650px) {
    .story-content--mobile .games[data-v-80aad080] {
        margin: 24px 32px
    }
}

.story-content .games[data-v-80aad080] {
    margin: 24px 16px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story-content .games__inner-wrapper[data-v-80aad080] {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-v-1cc8b078]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1cc8b078] {
    color: #b6bcc6
}

.color-slate[data-v-1cc8b078] {
    color: #69778b
}

.color-steel-800[data-v-1cc8b078] {
    color: #1c2026
}

.color-east-bay-400[data-v-1cc8b078] {
    color: #48576f
}

[data-v-1cc8b078]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1cc8b078] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1cc8b078]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1cc8b078]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1cc8b078]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1cc8b078] {
        scrollbar-width: thin
    }
}

.story-content[data-v-1cc8b078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-1cc8b078] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-1cc8b078],
.story-content__promo[data-v-1cc8b078] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-1cc8b078] strong,
.story-content__promo[data-v-1cc8b078] strong {
    font-weight: 700
}

.story-content__description[data-v-1cc8b078] em,
.story-content__promo[data-v-1cc8b078] em {
    font-style: italic
}

.story-content__promo[data-v-1cc8b078] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-1cc8b078] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-1cc8b078],
.story-content__missions-wrapper[data-v-1cc8b078],
.story-content__offer-wrapper[data-v-1cc8b078] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content[data-v-1cc8b078] {
    margin-top: 32px
}

.story-content .story-content__promo[data-v-1cc8b078] {
    -webkit-line-clamp: 6
}

@media screen and (max-height:1033px) {
    .story-content--desktop .story-content__image-wrapper[data-v-1cc8b078] {
        display: none
    }
}

@media screen and (max-height:760px) {
    .story-content--mobile .story-content__image-wrapper[data-v-1cc8b078] {
        display: none
    }
}

.story-content__image-wrapper[data-v-1cc8b078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.story-content__image-wrapper img[data-v-1cc8b078] {
    width: 104px;
    height: 104px
}

[data-v-254186f8]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-254186f8] {
    color: #b6bcc6
}

.color-slate[data-v-254186f8] {
    color: #69778b
}

.color-steel-800[data-v-254186f8] {
    color: #1c2026
}

.color-east-bay-400[data-v-254186f8] {
    color: #48576f
}

[data-v-254186f8]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-254186f8] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-254186f8]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-254186f8]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-254186f8]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-254186f8] {
        scrollbar-width: thin
    }
}

.mission-next-level[data-v-254186f8] {
    color: #fff;
    border-radius: 16px;
    padding: 16px;
    background: hsla(0, 0%, 100%, .38);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-height:1038px) {
    .mission-next-level--desktop .mission-next-level__img-wrapper[data-v-254186f8] {
        display: none
    }

    .mission-next-level--desktop .mission-next-level__text-wrapper[data-v-254186f8] {
        margin-left: 0
    }
}

@media screen and (max-height:760px) {
    .mission-next-level--mobile .mission-next-level__img-wrapper[data-v-254186f8] {
        display: none
    }

    .mission-next-level--mobile .mission-next-level__text-wrapper[data-v-254186f8] {
        margin-left: 0
    }
}

.mission-next-level__img-wrapper[data-v-254186f8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mission-next-level__img-wrapper img[data-v-254186f8] {
    width: 48px;
    height: 48px
}

.mission-next-level__text-wrapper[data-v-254186f8] {
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mission-next-level__text-wrapper__info[data-v-254186f8] {
    font-size: 1.14286rem;
    line-height: 20px;
    text-transform: uppercase;
    color: #e0e4ea
}

.mission-next-level__text-wrapper__mission[data-v-254186f8] {
    font-size: 1.42857rem;
    line-height: 24px;
    font-style: italic;
    font-weight: 700;
    word-break: break-word;
    white-space: normal;
    margin-top: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 16px 16px rgba(35, 43, 54, .1)
}

[data-v-531cf668]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-531cf668] {
    color: #b6bcc6
}

.color-slate[data-v-531cf668] {
    color: #69778b
}

.color-steel-800[data-v-531cf668] {
    color: #1c2026
}

.color-east-bay-400[data-v-531cf668] {
    color: #48576f
}

[data-v-531cf668]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-531cf668] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-531cf668]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-531cf668]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-531cf668]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-531cf668] {
        scrollbar-width: thin
    }
}

.reward-card[data-v-531cf668] {
    color: #fff;
    border-radius: 16px;
    background: hsla(0, 0%, 100%, .38);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-height:650px) {
    .reward-card--desktop .reward-img-wrapper[data-v-531cf668] {
        display: none !important
    }

    .reward-card--desktop .reward-card__text-addition[data-v-531cf668] {
        margin: 0 0 16px !important
    }

    .reward-card--desktop .reward-card__amount[data-v-531cf668] {
        margin-top: 0 !important
    }
}

@media screen and (max-height:1033px) {
    .reward-card--desktop.type--next-mission .reward-img-wrapper[data-v-531cf668] {
        display: none
    }

    .reward-card--desktop.type--next-mission .reward-card__text-addition[data-v-531cf668] {
        margin: 0 0 16px
    }

    .reward-card--desktop.type--next-mission .reward-card__amount[data-v-531cf668] {
        margin-top: 0
    }
}

@media screen and (max-height:760px) {
    .reward-card--mobile.type--next-mission .reward-img-wrapper[data-v-531cf668] {
        display: none
    }

    .reward-card--mobile.type--next-mission .reward-card__text-addition[data-v-531cf668] {
        margin: 0 0 16px
    }

    .reward-card--mobile.type--next-mission .reward-card__amount[data-v-531cf668] {
        margin-top: 0
    }
}

@media screen and (max-height:650px) {
    .reward-card--mobile.layout--portrait .reward-img-wrapper[data-v-531cf668] {
        display: none
    }

    .reward-card--mobile.layout--portrait .reward-card__text-addition[data-v-531cf668] {
        margin: 0 0 16px
    }
}

.reward-card.layout--portrait[data-v-531cf668] {
    width: 160px;
    flex-direction: column;
    padding: 16px 4px
}

.reward-card.layout--portrait .reward-card__text-wrapper[data-v-531cf668],
.reward-card.layout--portrait[data-v-531cf668] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reward-card.layout--portrait .reward-card__text-wrapper[data-v-531cf668] {
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reward-card.layout--landscape[data-v-531cf668] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.reward-card.layout--landscape .reward-card__text-wrapper[data-v-531cf668] {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    text-align: left
}

.reward-card.layout--landscape .reward-img-wrapper[data-v-531cf668] {
    margin-right: 8px
}

.reward-card.layout--landscape .reward-card__text-addition[data-v-531cf668] {
    margin: 0 0 16px
}

.reward-card.layout--landscape .reward-card__text-addition[data-v-531cf668]:after {
    width: 50%
}

.reward-card .reward-img-wrapper[data-v-531cf668] {
    width: 84px;
    height: 84px;
    padding: 8px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reward-card .reward-img-wrapper__img[data-v-531cf668] {
    width: 68px;
    height: 68px
}

.reward-card .reward-img-wrapper.img--pink[data-v-531cf668] {
    background: #a519c1
}

.reward-card .reward-img-wrapper.img--purple[data-v-531cf668] {
    background: #6233ff
}

.reward-card .reward-img-wrapper.img--green[data-v-531cf668] {
    background: #90b847
}

.reward-card .reward-img-wrapper.img--turquoise[data-v-531cf668] {
    background: #0996a0
}

.reward-card .reward-img-wrapper.img--gold[data-v-531cf668] {
    background: #8c7203
}

.reward-card__text-addition[data-v-531cf668] {
    margin: 16px 0;
    width: 100%;
    position: relative;
    font-size: 1rem;
    line-height: 16px;
    text-shadow: 0 0 4px rgba(35, 43, 54, .16), 0 16px 24px rgba(28, 32, 38, .48)
}

.reward-card__text-addition[data-v-531cf668]:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 1px;
    background: hsla(0, 0%, 100%, .38);
    bottom: -10px
}

.reward-card__amount[data-v-531cf668] {
    font-size: 32px;
    line-height: 40px;
    font-style: italic;
    font-weight: 700;
    text-shadow: 0 0 4px rgba(35, 43, 54, .16), 0 16px 24px rgba(28, 32, 38, .48)
}

.reward-card__reward[data-v-531cf668] {
    font-size: 1.14286rem;
    line-height: 20px;
    text-transform: uppercase
}

[data-v-2cf24824]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2cf24824] {
    color: #b6bcc6
}

.color-slate[data-v-2cf24824] {
    color: #69778b
}

.color-steel-800[data-v-2cf24824] {
    color: #1c2026
}

.color-east-bay-400[data-v-2cf24824] {
    color: #48576f
}

[data-v-2cf24824]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2cf24824] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2cf24824]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2cf24824]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2cf24824]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2cf24824] {
        scrollbar-width: thin
    }
}

.story-content[data-v-2cf24824] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-2cf24824] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-2cf24824],
.story-content__promo[data-v-2cf24824] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-2cf24824] strong,
.story-content__promo[data-v-2cf24824] strong {
    font-weight: 700
}

.story-content__description[data-v-2cf24824] em,
.story-content__promo[data-v-2cf24824] em {
    font-style: italic
}

.story-content__promo[data-v-2cf24824] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-2cf24824] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-2cf24824],
.story-content__missions-wrapper[data-v-2cf24824],
.story-content__offer-wrapper[data-v-2cf24824] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content[data-v-2cf24824] {
    margin-top: 32px
}

@media screen and (max-height:1033px) {
    .story-content--desktop .story-content__image-wrapper[data-v-2cf24824] {
        display: none
    }
}

@media screen and (max-height:1038px) {
    .story-content--desktop.type--next-mission .story-content__image-wrapper[data-v-2cf24824] {
        display: none
    }
}

@media screen and (max-height:650px) {
    .story-content--desktop.type--next-mission .story-content__promo[data-v-2cf24824] {
        -webkit-line-clamp: 2
    }
}

@media screen and (max-height:550px) {
    .story-content--desktop.type--next-mission .story-content__promo[data-v-2cf24824] {
        font-size: 1.71429rem;
        line-height: 24px
    }
}

@media screen and (max-height:760px) {
    .story-content--mobile .story-content__image-wrapper[data-v-2cf24824] {
        display: none
    }
}

@media screen and (max-height:875px) {
    .story-content--mobile.type--next-mission .story-content__image-wrapper[data-v-2cf24824] {
        display: none
    }
}

@media screen and (max-height:650px) {

    .story-content--mobile.type--next-mission .story-content__description[data-v-2cf24824],
    .story-content--mobile.type--next-mission .story-content__promo[data-v-2cf24824] {
        -webkit-line-clamp: 2
    }

    .story-content--mobile.type--next-mission .story-content__promo[data-v-2cf24824] {
        font-size: 1.71429rem;
        line-height: 24px
    }

    .story-content--mobile.type--next-mission .story-content__missions-wrapper[data-v-2cf24824] {
        margin-top: 16px
    }
}

.story-content__image-wrapper[data-v-2cf24824] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.story-content__image-wrapper img[data-v-2cf24824] {
    width: 104px;
    height: 104px
}

.story-content__description[data-v-2cf24824],
.story-content__promo[data-v-2cf24824] {
    text-align: center;
    white-space: normal
}

.story-content__promo[data-v-2cf24824] {
    font-weight: 700;
    font-style: italic
}

.story-content__description[data-v-2cf24824] {
    margin-top: 8px;
    color: #e0e4ea
}

.story-content__missions-wrapper[data-v-2cf24824] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px
}

.story-content__missions-wrapper .plus-icon[data-v-2cf24824] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    display: none
}

.story-content__missions-wrapper.missions--double[data-v-2cf24824] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.story-content__missions-wrapper.missions--double .reward-card[data-v-2cf24824]:nth-child(2) {
    margin-left: 8px
}

.story-content__missions-wrapper.missions--double .plus-icon[data-v-2cf24824] {
    display: block
}

.story-content__next-mission-level-wrapper[data-v-2cf24824] {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 328px;
    width: 100%
}

.promo-market {
    background-color: #fff;
    padding: 8px;
    border-radius: 8px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    margin-bottom: 4px
}

.promo-market-selections {
    margin-top: 8px
}

.promo-market-selections .selections__selection {
    max-width: 100%
}

[data-v-f0e2a272]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-f0e2a272] {
    color: #b6bcc6
}

.color-slate[data-v-f0e2a272] {
    color: #69778b
}

.color-steel-800[data-v-f0e2a272] {
    color: #1c2026
}

.color-east-bay-400[data-v-f0e2a272] {
    color: #48576f
}

[data-v-f0e2a272]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-f0e2a272] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-f0e2a272]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-f0e2a272]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-f0e2a272]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-f0e2a272] {
        scrollbar-width: thin
    }
}

.casino-games-backdrop[data-v-f0e2a272] {
    z-index: 3000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .54);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.casino-games-container[data-v-f0e2a272] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
    left: 0;
    top: 150px;
    width: 100%;
    bottom: 0;
    height: auto;
    z-index: 6000;
    background: #1c2026;
    color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
    box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
    border-radius: 8px 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.casino-games-container .casino-games-header[data-v-f0e2a272] {
    padding: 8px 0;
    background: transparent
}

.casino-games-container .casino-games-header__close[data-v-f0e2a272] {
    height: 8px;
    width: 64px;
    border-radius: 8px;
    background: #48576f;
    margin: 0 auto
}

.casino-games-container .casino-games-title[data-v-f0e2a272] {
    text-align: center
}

.casino-games-container .casino-games-games[data-v-f0e2a272] {
    overflow-y: auto;
    position: fixed;
    bottom: 0;
    top: 60px;
    padding: 0 16px 16px;
    width: 100%
}

.casino-drawer-enter-active[data-v-f0e2a272],
.casino-drawer-leave-active[data-v-f0e2a272] {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.casino-drawer-enter[data-v-f0e2a272],
.casino-drawer-leave-to[data-v-f0e2a272] {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

[data-v-144e3b32]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-144e3b32] {
    color: #b6bcc6
}

.color-slate[data-v-144e3b32] {
    color: #69778b
}

.color-steel-800[data-v-144e3b32] {
    color: #1c2026
}

.color-east-bay-400[data-v-144e3b32] {
    color: #48576f
}

[data-v-144e3b32]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-144e3b32] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-144e3b32]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-144e3b32]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-144e3b32]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-144e3b32] {
        scrollbar-width: thin
    }
}

.navigation-overlay__area[data-v-144e3b32] {
    position: absolute;
    z-index: 3000
}

.navigation-overlay__area.left[data-v-144e3b32],
.navigation-overlay__area.right[data-v-144e3b32] {
    height: 100%;
    width: 30%;
    top: 75px
}

.navigation-overlay__area.left[data-v-144e3b32] {
    left: 0
}

.navigation-overlay__area.right[data-v-144e3b32] {
    right: 0
}

[data-v-1ac227b0]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1ac227b0] {
    color: #b6bcc6
}

.color-slate[data-v-1ac227b0] {
    color: #69778b
}

.color-steel-800[data-v-1ac227b0] {
    color: #1c2026
}

.color-east-bay-400[data-v-1ac227b0] {
    color: #48576f
}

[data-v-1ac227b0]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1ac227b0] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1ac227b0]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1ac227b0]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1ac227b0]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1ac227b0] {
        scrollbar-width: thin
    }
}

.story-tutorial-gesture[data-v-1ac227b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eceff1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-tutorial-gesture__icon[data-v-1ac227b0] {
    width: 72px;
    height: 72px;
    margin-right: 8px
}

@media screen and (max-height:875px) {
    .story-tutorial-gesture__icon[data-v-1ac227b0] {
        width: 64px;
        height: 64px
    }
}

@media screen and (max-height:760px) {
    .story-tutorial-gesture__icon[data-v-1ac227b0] {
        width: 56px;
        height: 56px
    }
}

@media screen and (max-height:650px) {
    .story-tutorial-gesture__icon[data-v-1ac227b0] {
        width: 44px;
        height: 44px
    }
}

@media screen and (max-height:550px) {
    .story-tutorial-gesture__icon[data-v-1ac227b0] {
        width: 24px;
        height: 24px
    }
}

.story-tutorial-gesture .story-gesture-info[data-v-1ac227b0] {
    color: #1c2026;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left
}

.story-tutorial-gesture .story-gesture-info__subtitle[data-v-1ac227b0],
.story-tutorial-gesture .story-gesture-info__title[data-v-1ac227b0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.story-tutorial-gesture .story-gesture-info__title[data-v-1ac227b0] {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.story-tutorial-gesture .story-gesture-info__subtitle[data-v-1ac227b0] {
    font-size: .85714rem;
    line-height: 16px
}

[data-v-1a25151a]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1a25151a] {
    color: #b6bcc6
}

.color-slate[data-v-1a25151a] {
    color: #69778b
}

.color-steel-800[data-v-1a25151a] {
    color: #1c2026
}

.color-east-bay-400[data-v-1a25151a] {
    color: #48576f
}

[data-v-1a25151a]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1a25151a] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1a25151a]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1a25151a]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1a25151a]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1a25151a] {
        scrollbar-width: thin
    }
}

.story-content[data-v-1a25151a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-1a25151a] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-1a25151a],
.story-content__promo[data-v-1a25151a] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-1a25151a] strong,
.story-content__promo[data-v-1a25151a] strong {
    font-weight: 700
}

.story-content__description[data-v-1a25151a] em,
.story-content__promo[data-v-1a25151a] em {
    font-style: italic
}

.story-content__promo[data-v-1a25151a] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-1a25151a] {
    margin-top: 16px
}

.story-content__image-wrapper[data-v-1a25151a],
.story-content__missions-wrapper[data-v-1a25151a],
.story-content__offer-wrapper[data-v-1a25151a] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content[data-v-1a25151a] {
    background: #eceff1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-content__description[data-v-1a25151a],
.story-content__promo[data-v-1a25151a] {
    text-align: center;
    white-space: normal;
    color: #1c2026;
    -webkit-line-clamp: 2
}

.story-content__promo[data-v-1a25151a] {
    font-size: 1.71429rem;
    line-height: 24px;
    font-weight: 700
}

.story-content__description[data-v-1a25151a] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 8px;
    max-width: 240px
}

.story-content .story-gestures[data-v-1a25151a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px;
    margin-top: 16px
}

.story-content .story-gestures[data-v-1a25151a],
.story-top-bar[data-v-1a25151a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story-top-bar__img[data-v-1a25151a] {
    padding: 4px
}

.story-footer[data-v-1a25151a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 16px;
    right: 16px
}

.story-footer__button[data-v-1a25151a] {
    width: 100%;
    margin: 0 16px;
    color: #1c2026;
    border: 1px solid #1c2026;
    border-radius: 8px;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700
}

[data-v-154f91fa]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-154f91fa] {
    color: #b6bcc6
}

.color-slate[data-v-154f91fa] {
    color: #69778b
}

.color-steel-800[data-v-154f91fa] {
    color: #1c2026
}

.color-east-bay-400[data-v-154f91fa] {
    color: #48576f
}

[data-v-154f91fa]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-154f91fa] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-154f91fa]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-154f91fa]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-154f91fa]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-154f91fa] {
        scrollbar-width: thin
    }
}

.story-content[data-v-154f91fa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-154f91fa] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-154f91fa],
.story-content__promo[data-v-154f91fa] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-154f91fa] strong,
.story-content__promo[data-v-154f91fa] strong {
    font-weight: 700
}

.story-content__description[data-v-154f91fa] em,
.story-content__promo[data-v-154f91fa] em {
    font-style: italic
}

.story-content__promo[data-v-154f91fa] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-154f91fa] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-154f91fa],
.story-content__missions-wrapper[data-v-154f91fa],
.story-content__offer-wrapper[data-v-154f91fa] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

[data-v-62c7e14d]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-62c7e14d] {
    color: #b6bcc6
}

.color-slate[data-v-62c7e14d] {
    color: #69778b
}

.color-steel-800[data-v-62c7e14d] {
    color: #1c2026
}

.color-east-bay-400[data-v-62c7e14d] {
    color: #48576f
}

[data-v-62c7e14d]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-62c7e14d] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-62c7e14d]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-62c7e14d]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-62c7e14d]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-62c7e14d] {
        scrollbar-width: thin
    }
}

.story-content[data-v-62c7e14d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 40px 8px
}

.story-content[data-v-62c7e14d] img {
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.story-content__description[data-v-62c7e14d],
.story-content__promo[data-v-62c7e14d] {
    white-space: pre-wrap;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.story-content__description[data-v-62c7e14d] strong,
.story-content__promo[data-v-62c7e14d] strong {
    font-weight: 700
}

.story-content__description[data-v-62c7e14d] em,
.story-content__promo[data-v-62c7e14d] em {
    font-style: italic
}

.story-content__promo[data-v-62c7e14d] {
    font-size: 2.57143rem;
    line-height: 40px
}

.story-content__description[data-v-62c7e14d] {
    font-size: 1.14286rem;
    line-height: 20px;
    margin-top: 16px
}

.story-content__image-wrapper[data-v-62c7e14d],
.story-content__missions-wrapper[data-v-62c7e14d],
.story-content__offer-wrapper[data-v-62c7e14d] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.story-content__image-wrapper[data-v-62c7e14d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.story-content__image-wrapper__logo-image[data-v-62c7e14d],
.story-content__image-wrapper__logo-lottie[data-v-62c7e14d] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0
}

.story-content__reward_wrapper[data-v-62c7e14d] {
    margin-top: 24px
}

[data-v-805b3d76]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-805b3d76] {
    color: #b6bcc6
}

.color-slate[data-v-805b3d76] {
    color: #69778b
}

.color-steel-800[data-v-805b3d76] {
    color: #1c2026
}

.color-east-bay-400[data-v-805b3d76] {
    color: #48576f
}

[data-v-805b3d76]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-805b3d76] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-805b3d76]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-805b3d76]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-805b3d76]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-805b3d76] {
        scrollbar-width: thin
    }
}

.story-background-container[data-v-805b3d76] {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 32px 16px 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background: #1c2026
}

.story-background-container--desktop[data-v-805b3d76] {
    border-radius: 16px
}

.story-background-container--tutorial[data-v-805b3d76] {
    background: #eceff1
}

.story-background-container--tutorial .story-top-bar__close[data-v-805b3d76] svg {
    width: 16px;
    height: 16px
}

.story-top-bar[data-v-805b3d76] {
    flex-direction: row
}

.story-top-bar[data-v-805b3d76],
.story-top-bar__info[data-v-805b3d76] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-top-bar__info[data-v-805b3d76] {
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.story-top-bar__info__img[data-v-805b3d76] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--brand-primary-color);
    margin-right: 8px
}

.story-top-bar__info__heading[data-v-805b3d76] {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.story-top-bar__info__heading__subtitle[data-v-805b3d76],
.story-top-bar__info__heading__title[data-v-805b3d76] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.story-top-bar__info__heading__title[data-v-805b3d76] {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700
}

.story-top-bar__info__heading__subtitle[data-v-805b3d76] {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 400
}

.story-top-bar__close[data-v-805b3d76] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto;
    padding: 4px
}

.story-top-bar__close[data-v-805b3d76] svg {
    width: 12px;
    height: 12px
}

.story-footer[data-v-805b3d76] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0
}

.story-footer__promo-market-container[data-v-805b3d76] {
    width: 100%
}

.story-footer--betSlip[data-v-805b3d76] {
    bottom: 16px;
    padding: 0 16px
}

.story-footer--betSlip[data-v-805b3d76]:first-child {
    width: 100%
}

@media screen and (max-height:550px) {
    .story-footer[data-v-805b3d76] {
        bottom: 24px
    }
}

.story-footer--tutorial[data-v-805b3d76] {
    left: 16px;
    right: 16px
}

.story-footer--tutorial .story-footer__button[data-v-805b3d76] {
    width: 100%;
    margin: 0 16px;
    color: #1c2026;
    border: 1px solid #1c2026;
    border-radius: 8px;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    background: #eceff1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.story-footer__button[data-v-805b3d76] {
    padding: 16px 24px;
    border-radius: 16px;
    font-size: .85714rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--brand-secondary-color);
    -webkit-box-shadow: 0 0 4px rgba(32, 38, 62, .16), 0 16px 24px -1px rgba(18, 18, 20, .48);
    box-shadow: 0 0 4px rgba(32, 38, 62, .16), 0 16px 24px -1px rgba(18, 18, 20, .48)
}

[data-v-35538feb]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-35538feb] {
    color: #b6bcc6
}

.color-slate[data-v-35538feb] {
    color: #69778b
}

.color-steel-800[data-v-35538feb] {
    color: #1c2026
}

.color-east-bay-400[data-v-35538feb] {
    color: #48576f
}

[data-v-35538feb]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-35538feb] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-35538feb]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-35538feb]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-35538feb]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-35538feb] {
        scrollbar-width: thin
    }
}

.progress-bar[data-v-35538feb] {
    width: 100%;
    height: 4px;
    border-radius: 8px;
    margin-bottom: 2px;
    overflow: hidden;
    background: rgba(223, 219, 216, .54);
    font-size: 0;
    position: relative
}

.progress-bar__bar[data-v-35538feb] {
    display: inline-block;
    height: 8px;
    width: 100%
}

.progress-bar__bar[data-v-35538feb]:first-child:not(.progress-bar__bar--transparent) {
    background: #ececec
}

[data-v-68a3d92e]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-68a3d92e] {
    color: #b6bcc6
}

.color-slate[data-v-68a3d92e] {
    color: #69778b
}

.color-steel-800[data-v-68a3d92e] {
    color: #1c2026
}

.color-east-bay-400[data-v-68a3d92e] {
    color: #48576f
}

[data-v-68a3d92e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-68a3d92e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-68a3d92e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-68a3d92e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-68a3d92e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-68a3d92e] {
        scrollbar-width: thin
    }
}

.progress-container[data-v-68a3d92e] {
    width: 100%;
    padding: 16px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    z-index: 1000
}

.progress-container .progress-bar[data-v-68a3d92e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 2px
}

[data-v-fa957caa]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-fa957caa] {
    color: #b6bcc6
}

.color-slate[data-v-fa957caa] {
    color: #69778b
}

.color-steel-800[data-v-fa957caa] {
    color: #1c2026
}

.color-east-bay-400[data-v-fa957caa] {
    color: #48576f
}

[data-v-fa957caa]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-fa957caa] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-fa957caa]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-fa957caa]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-fa957caa]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-fa957caa] {
        scrollbar-width: thin
    }
}

.story-reward-pill[data-v-fa957caa] {
    color: #fff;
    border-radius: 4px;
    background: hsla(0, 0%, 100%, .17);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2px 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.story-reward-pill__text-addition[data-v-fa957caa] {
    font-weight: 400;
    font-size: .71429rem;
    line-height: 12px;
    white-space: nowrap;
    margin-right: 2px
}

.story-reward-pill__image[data-v-fa957caa] {
    width: 12px;
    height: 12px;
    margin-right: 2px
}

.story-reward-pill__rewardText[data-v-fa957caa] {
    font-weight: 700;
    font-size: .71429rem;
    line-height: 12px;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-ba12977e]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-ba12977e] {
    color: #b6bcc6
}

.color-slate[data-v-ba12977e] {
    color: #69778b
}

.color-steel-800[data-v-ba12977e] {
    color: #1c2026
}

.color-east-bay-400[data-v-ba12977e] {
    color: #48576f
}

[data-v-ba12977e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-ba12977e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-ba12977e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-ba12977e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-ba12977e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-ba12977e] {
        scrollbar-width: thin
    }
}

.story-group-thumbnail-container[data-v-ba12977e] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 110px;
    width: 75px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

.story-group-thumbnail-container__overlay[data-v-ba12977e] {
    background: #101419;
    opacity: .2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

@media screen and (min-width:825px) {
    .story-group-thumbnail-container[data-v-ba12977e] {
        height: 120px;
        width: 82px
    }
}

.story-group-thumbnail-container--enhanced[data-v-ba12977e] {
    width: 157px
}

.story-group-thumbnail-container--enhanced.story-group-thumbnail-container--active[data-v-ba12977e] {
    width: 179px;
    border: 4px solid #fff;
    border-radius: 8px
}

@media screen and (min-width:825px) {
    .story-group-thumbnail-container--enhanced[data-v-ba12977e] {
        width: 171px
    }
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__story-title[data-v-ba12977e] {
    -webkit-line-clamp: 3;
    margin-right: 40px
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__story-title--fullwidth[data-v-ba12977e] {
    margin-right: unset
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__logo-image[data-v-ba12977e],
.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__logo-lottie[data-v-ba12977e] {
    max-width: 60px;
    left: 55%
}

.story-group-thumbnail-container--active[data-v-ba12977e] {
    width: 90px;
    border: 4px solid #fff;
    border-radius: 8px
}

.story-group-thumbnail-container__missions[data-v-ba12977e] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-group-thumbnail-container__missions__text[data-v-ba12977e] {
    color: #f6f8f9;
    font-size: .71429rem;
    margin-right: 4px
}

.story-group-thumbnail-container__missions__counter[data-v-ba12977e] {
    font-size: .64286rem;
    color: #fff;
    min-width: 14px;
    height: 14px;
    background-color: var(--brand-secondary-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.story-group-thumbnail-container__missions__counter span[data-v-ba12977e] {
    line-height: 14px
}

.story-group-thumbnail-container__profile-icon[data-v-ba12977e] {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: unset;
    background: var(--brand-primary-color)
}

.story-group-thumbnail-container__profile-icon img[data-v-ba12977e] {
    width: 22.5px;
    height: 22.5px;
    border-radius: 50%
}

.story-group-thumbnail-container__story-title[data-v-ba12977e] {
    font-weight: 700;
    -webkit-line-clamp: 5;
    font-size: .71429rem;
    line-height: 12px
}

@media screen and (min-width:825px) {
    .story-group-thumbnail-container__story-title[data-v-ba12977e] {
        font-size: .85714rem;
        line-height: 16px
    }
}

.story-group-thumbnail-container__story-subtitle[data-v-ba12977e] {
    -webkit-line-clamp: 1;
    font-size: .71429rem;
    line-height: 12px
}

.story-group-thumbnail-container__story-subtitle[data-v-ba12977e],
.story-group-thumbnail-container__story-title[data-v-ba12977e] {
    color: #fff;
    white-space: normal;
    display: block;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    z-index: 2;
    word-break: break-word
}

.story-group-thumbnail-container__rewards-preview[data-v-ba12977e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.story-group-thumbnail-container__rewards-preview div[data-v-ba12977e] {
    margin-top: 4px
}

.story-group-thumbnail-container__thumbnail-background[data-v-ba12977e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story-group-thumbnail-container__thumbnail-background__img[data-v-ba12977e] {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.story-group-thumbnail-container__thumbnail-background[data-v-ba12977e]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(16, 20, 25, 0)), color-stop(81.51%, rgba(16, 20, 25, .5)), to(#101419));
    background: linear-gradient(180deg, rgba(16, 20, 25, 0) 50%, rgba(16, 20, 25, .5) 81.51%, #101419)
}

.story-group-thumbnail-container__logo-image[data-v-ba12977e],
.story-group-thumbnail-container__logo-lottie[data-v-ba12977e] {
    max-width: 55px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

[data-v-bc48ea98]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-bc48ea98] {
    color: #b6bcc6
}

.color-slate[data-v-bc48ea98] {
    color: #69778b
}

.color-steel-800[data-v-bc48ea98] {
    color: #1c2026
}

.color-east-bay-400[data-v-bc48ea98] {
    color: #48576f
}

[data-v-bc48ea98]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-bc48ea98] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-bc48ea98]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-bc48ea98]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-bc48ea98]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-bc48ea98] {
        scrollbar-width: thin
    }
}

.story-groups-slider[data-v-bc48ea98] .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story-groups-slider .swiper-slide[data-v-bc48ea98] {
    width: 75px
}

@media screen and (min-width:825px) {
    .story-groups-slider .swiper-slide[data-v-bc48ea98] {
        width: 82px
    }
}

.story-groups-slider .swiper-slide--active[data-v-bc48ea98] {
    width: 90px;
    border: 4px solid #fff;
    border-radius: 8px
}

.story-groups-slider .swiper-slide--wide[data-v-bc48ea98] {
    width: 157px
}

@media screen and (min-width:825px) {
    .story-groups-slider .swiper-slide--wide[data-v-bc48ea98] {
        width: 171px
    }
}

.story-groups-slider .swiper-slide--wide.swiper-slide--active[data-v-bc48ea98] {
    width: 179px;
    border: 4px solid #fff;
    border-radius: 8px
}

[data-v-43ace752]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-43ace752] {
    color: #b6bcc6
}

.color-slate[data-v-43ace752] {
    color: #69778b
}

.color-steel-800[data-v-43ace752] {
    color: #1c2026
}

.color-east-bay-400[data-v-43ace752] {
    color: #48576f
}

[data-v-43ace752]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-43ace752] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-43ace752]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-43ace752]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-43ace752]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-43ace752] {
        scrollbar-width: thin
    }
}

.story-groups-thumbnails-slider[data-v-43ace752] {
    bottom: 16px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 10000;
    max-width: 755px;
    padding-bottom: 0
}

.stories-navigator-container--desktop[data-v-43ace752] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 16px;
    bottom: 16px
}

.stories-navigator-container--desktop-xl[data-v-43ace752] {
    top: 16px;
    bottom: 155px
}

.stories-navigator-container--desktop .swiper-container[data-v-43ace752] {
    margin-right: unset;
    margin-left: unset
}

.stories-navigator-container .story-groups-slider[data-v-43ace752] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #48576f;
    -webkit-transform-style: preserve-3d
}

.stories-navigator-container .story-groups-slider--desktop[data-v-43ace752] {
    max-width: 59.83vh;
    position: relative;
    background: transparent
}

.stories-navigator-container .story-groups-slider .swiper-slide[data-v-43ace752] {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

@-webkit-keyframes zoominwithfade-43ace752 {
    0% {
        opacity: 0;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        border-radius: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoominwithfade-43ace752 {
    0% {
        opacity: 0;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        border-radius: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomoutwithfade-43ace752 {
    0% {
        opacity: 1;
        border-radius: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoomoutwithfade-43ace752 {
    0% {
        opacity: 1;
        border-radius: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.story-fadezoom-enter-active[data-v-43ace752],
.story-fadezoom-leave-active[data-v-43ace752] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000
}

.story-fadezoom-enter-active[data-v-43ace752] {
    -webkit-animation: zoominwithfade-43ace752 .2s ease-in;
    animation: zoominwithfade-43ace752 .2s ease-in
}

.story-fadezoom-leave-active[data-v-43ace752] {
    -webkit-animation: zoomoutwithfade-43ace752 .2s ease-in;
    animation: zoomoutwithfade-43ace752 .2s ease-in
}

[data-v-02b987c6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-02b987c6] {
    color: #b6bcc6
}

.color-slate[data-v-02b987c6] {
    color: #69778b
}

.color-steel-800[data-v-02b987c6] {
    color: #1c2026
}

.color-east-bay-400[data-v-02b987c6] {
    color: #48576f
}

[data-v-02b987c6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-02b987c6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-02b987c6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-02b987c6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-02b987c6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-02b987c6] {
        scrollbar-width: thin
    }
}

.story-groups-container[data-v-02b987c6] {
    min-width: 0;
    border-radius: 8px
}

@media screen and (min-width:825px) {
    .story-groups-container--desktop[data-v-02b987c6] {
        overflow: hidden;
        width: 100%
    }

    .story-groups-container--special[data-v-02b987c6] {
        background: #fff;
        margin: 0 8px 8px 0
    }
}

[data-v-161a0ae1]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-161a0ae1] {
    color: #b6bcc6
}

.color-slate[data-v-161a0ae1] {
    color: #69778b
}

.color-steel-800[data-v-161a0ae1] {
    color: #1c2026
}

.color-east-bay-400[data-v-161a0ae1] {
    color: #48576f
}

[data-v-161a0ae1]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-161a0ae1] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-161a0ae1]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-161a0ae1]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-161a0ae1]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-161a0ae1] {
        scrollbar-width: thin
    }
}

.story-groups-wrapper[data-v-161a0ae1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-left: 8px;
    padding-bottom: 8px;
    min-height: 110px
}

@media screen and (min-width:825px) {
    .story-groups-wrapper[data-v-161a0ae1] {
        height: 120px;
        background: #eceff1;
        margin: 0 8px 8px;
        padding-bottom: 0
    }
}

.story-groups-wrapper--special[data-v-161a0ae1] {
    padding: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media screen and (min-width:825px) {
    .story-groups-wrapper--special[data-v-161a0ae1] {
        padding: 0 0 4px 8px
    }
}

[data-v-355dc8dc]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-355dc8dc] {
    color: #b6bcc6
}

.color-slate[data-v-355dc8dc] {
    color: #69778b
}

.color-steel-800[data-v-355dc8dc] {
    color: #1c2026
}

.color-east-bay-400[data-v-355dc8dc] {
    color: #48576f
}

[data-v-355dc8dc]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-355dc8dc] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-355dc8dc]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-355dc8dc]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-355dc8dc]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-355dc8dc] {
        scrollbar-width: thin
    }
}

.side-nav-item-link[data-v-355dc8dc] {
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 8px;
    color: #2d3745;
    font-weight: 700
}

@media screen and (min-width:1366px) {
    .side-nav-item-link[data-v-355dc8dc] {
        border-radius: 16px 2px;
        padding: 8px 16px;
        gap: 4px
    }
}

.side-nav-item-link.router-link-active[data-v-355dc8dc],
.side-nav-item-link[data-v-355dc8dc]:hover {
    background-color: #f4f2e4
}

.side-nav-item-link__inner[data-v-355dc8dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    gap: 8px
}

.side-nav-item-link__icon[data-v-355dc8dc] {
    margin-left: auto;
    cursor: auto
}

.side-nav-item-link__title[data-v-355dc8dc] {
    font-size: 1rem;
    line-height: 16px;
    display: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400
}

.side-nav-item-link__title--bold[data-v-355dc8dc] {
    font-weight: 700
}

@media screen and (min-width:1366px) {
    .side-nav-item-link__title[data-v-355dc8dc] {
        display: block
    }
}

[data-v-2ed6e45b]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2ed6e45b] {
    color: #b6bcc6
}

.color-slate[data-v-2ed6e45b] {
    color: #69778b
}

.color-steel-800[data-v-2ed6e45b] {
    color: #1c2026
}

.color-east-bay-400[data-v-2ed6e45b] {
    color: #48576f
}

[data-v-2ed6e45b]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2ed6e45b] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2ed6e45b]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2ed6e45b]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2ed6e45b]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2ed6e45b] {
        scrollbar-width: thin
    }
}

.side-nav-submenu[data-v-2ed6e45b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1366px) {
    .side-nav-submenu[data-v-2ed6e45b] {
        padding-left: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px
    }
}

.side-nav-submenu__item[data-v-2ed6e45b],
.side-nav-submenu__item__link[data-v-2ed6e45b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.side-nav-submenu__item__link[data-v-2ed6e45b] {
    padding: 8px;
    gap: 4px;
    text-decoration: none;
    color: #2d3745;
    font-weight: 700
}

@media screen and (min-width:1366px) {
    .side-nav-submenu__item__link[data-v-2ed6e45b] {
        padding: 8px 16px;
        border-radius: 16px 2px
    }
}

.side-nav-submenu__item__link.router-link-active[data-v-2ed6e45b]:hover,
.side-nav-submenu__item__link.router-link-exact-active[data-v-2ed6e45b],
.side-nav-submenu__item__link[data-v-2ed6e45b]:hover {
    background-color: #f4f2e4
}

.side-nav-submenu__item__inner[data-v-2ed6e45b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    gap: 8px
}

.side-nav-submenu__item__title[data-v-2ed6e45b] {
    font-size: 1rem;
    line-height: 16px;
    display: none;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (min-width:1366px) {
    .side-nav-submenu__item__title[data-v-2ed6e45b] {
        display: block
    }
}

[data-v-0664e560]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-0664e560] {
    color: #b6bcc6
}

.color-slate[data-v-0664e560] {
    color: #69778b
}

.color-steel-800[data-v-0664e560] {
    color: #1c2026
}

.color-east-bay-400[data-v-0664e560] {
    color: #48576f
}

[data-v-0664e560]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-0664e560] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-0664e560]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-0664e560]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-0664e560]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-0664e560] {
        scrollbar-width: thin
    }
}

.side-nav-item[data-v-0664e560] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1366px) {
    .side-nav-item[data-v-0664e560] {
        gap: 4px;
        width: 100%
    }
}

.side-nav-item__icon[data-v-0664e560] {
    margin-left: auto;
    cursor: auto
}

.side-nav-item--expanded .side-nav-item__icon-arrow[data-v-0664e560] {
    display: block;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

[data-v-167364ea]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-167364ea] {
    color: #b6bcc6
}

.color-slate[data-v-167364ea] {
    color: #69778b
}

.color-steel-800[data-v-167364ea] {
    color: #1c2026
}

.color-east-bay-400[data-v-167364ea] {
    color: #48576f
}

[data-v-167364ea]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-167364ea] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-167364ea]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-167364ea]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-167364ea]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-167364ea] {
        scrollbar-width: thin
    }
}

.side-nav-list[data-v-167364ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width:1366px) {
    .side-nav-list[data-v-167364ea] {
        gap: 4px
    }
}

.side-nav-list--collapsed[data-v-167364ea] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.side-nav-list__submenu[data-v-167364ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 16px;
    gap: 4px
}

[data-v-a116d40e]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-a116d40e] {
    color: #b6bcc6
}

.color-slate[data-v-a116d40e] {
    color: #69778b
}

.color-steel-800[data-v-a116d40e] {
    color: #1c2026
}

.color-east-bay-400[data-v-a116d40e] {
    color: #48576f
}

[data-v-a116d40e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-a116d40e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-a116d40e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-a116d40e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-a116d40e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-a116d40e] {
        scrollbar-width: thin
    }
}

.sc-side-nav[data-v-a116d40e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #eceff1;
    padding: 8px;
    background-color: #fff;
    gap: 4px
}

@media screen and (max-width:1365.9px) {
    .sc-side-nav[data-v-a116d40e] {
        padding: 4px
    }
}

.sc-side-nav__header[data-v-a116d40e] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #8a1538;
    padding: 8px 16px;
    font-weight: 700;
    border-radius: 8px 2px
}

@media screen and (min-width:1366px) {
    .sc-side-nav__header[data-v-a116d40e] {
        border-radius: 16px 2px
    }
}

@media screen and (max-width:1365.9px) {
    .sc-side-nav__header[data-v-a116d40e] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sc-side-nav__header svg[data-v-a116d40e] {
        width: 18px;
        height: 18px
    }
}

@media screen and (min-width:1366px) {
    .sc-side-nav__header--expanded[data-v-a116d40e] {
        border-radius: 16px 2px
    }
}

.sc-side-nav__header--expanded .sc-side-nav__header-icon-arrow[data-v-a116d40e] {
    display: block;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sc-side-nav__header:hover .sc-side-nav__header-icon-arrow[data-v-a116d40e] {
    display: block
}

.sc-side-nav__header-link[data-v-a116d40e] {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: none;
    gap: 4px
}

.sc-side-nav__header-link.router-link-exact-active[data-v-a116d40e] {
    background-color: initial
}

.sc-side-nav__header-icon-arrow[data-v-a116d40e] {
    cursor: pointer
}

.sc-side-nav__header-text[data-v-a116d40e] {
    display: none;
    padding-left: 8px;
    font-size: 1.14286rem;
    line-height: 20px
}

@media screen and (min-width:1366px) {
    .sc-side-nav__header-text[data-v-a116d40e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.sc-side-nav__list-container[data-v-a116d40e] {
    background-color: #fff
}

.breadcrumbs-container {
    display: none;
    padding: 4px 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:1025px) {
    .breadcrumbs-container {
        display: block
    }
}

@media screen and (min-width:825px) {
    .breadcrumbs-container--visible-from-tablet {
        display: block
    }
}

.breadcrumbs-container__list {
    margin: 0;
    padding: 0
}

.breadcrumbs-container__list__item {
    display: inline-block;
    font-size: .85714rem;
    line-height: 16px;
    padding: 2px 0;
    color: #1c2026
}

.breadcrumbs-container__list__item__link {
    text-decoration: none;
    color: rgba(28, 32, 38, .54)
}

.breadcrumbs-container__list__item__link:hover {
    text-decoration: underline;
    color: #1c2026
}

.breadcrumbs-container--light {
    background-color: #fff
}

.breadcrumbs-container--light .breadcrumbs-container__list__item {
    color: #1c2026
}

.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator {
    vertical-align: bottom
}

.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
    fill: rgba(28, 32, 38, .54);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--light .breadcrumbs-container__list__item__link {
    color: rgba(28, 32, 38, .54)
}

.breadcrumbs-container--light .breadcrumbs-container__list__item__link:hover {
    color: #1c2026
}

.breadcrumbs-container--dark {
    background-color: #1c2026
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item {
    color: #fff
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator {
    vertical-align: bottom
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
    fill: hsla(0, 0%, 100%, .54);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item__link {
    color: hsla(0, 0%, 100%, .54)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item,
.breadcrumbs-container--dark .breadcrumbs-container__list__item__link:hover {
    color: #fff
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator {
    vertical-align: bottom
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
    fill: hsla(0, 0%, 100%, .54);
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item__link {
    color: hsla(0, 0%, 100%, .54)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item__link:hover {
    color: #fff
}

[data-v-2a59a1d9]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2a59a1d9] {
    color: #b6bcc6
}

.color-slate[data-v-2a59a1d9] {
    color: #69778b
}

.color-steel-800[data-v-2a59a1d9] {
    color: #1c2026
}

.color-east-bay-400[data-v-2a59a1d9] {
    color: #48576f
}

[data-v-2a59a1d9]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2a59a1d9] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2a59a1d9]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2a59a1d9]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2a59a1d9]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2a59a1d9] {
        scrollbar-width: thin
    }
}

.expandable-block[data-v-2a59a1d9] {
    margin: 0 8px 8px
}

.expandable-block--themed[data-v-2a59a1d9] {
    background: #f6f8f9;
    border-radius: 16px
}

@media screen and (min-width:1281px) {
    .expandable-block--themed[data-v-2a59a1d9] {
        padding: 8px
    }
}

[data-v-2eefb20c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2eefb20c] {
    color: #b6bcc6
}

.color-slate[data-v-2eefb20c] {
    color: #69778b
}

.color-steel-800[data-v-2eefb20c] {
    color: #1c2026
}

.color-east-bay-400[data-v-2eefb20c] {
    color: #48576f
}

[data-v-2eefb20c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2eefb20c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2eefb20c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2eefb20c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2eefb20c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2eefb20c] {
        scrollbar-width: thin
    }
}

.expandable-header[data-v-2eefb20c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
    color: #fff;
    height: 40px;
    padding: 8px
}

@media screen and (min-width:1025px) {
    .expandable-header[data-v-2eefb20c] {
        margin-bottom: 8px
    }
}

.expandable-header--clickable[data-v-2eefb20c] {
    cursor: pointer
}

.expandable-header-title[data-v-2eefb20c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.expandable-header-title__name[data-v-2eefb20c] {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700;
    color: #8a1538
}

@media screen and (min-width:1281px) {
    .expandable-header-title__name[data-v-2eefb20c] {
        font-size: 1.42857rem;
        line-height: 24px
    }
}

.expandable-header-title__icon[data-v-2eefb20c] {
    width: 18px;
    height: 18px
}

@media screen and (min-width:1281px) {
    .expandable-header-title__icon[data-v-2eefb20c] {
        width: 24px;
        height: 24px
    }
}

.expandable-header .icon--clickable path[data-v-2eefb20c] {
    opacity: 1;
    fill: #fff
}

.seo-article-container {
    margin-top: 16px
}

.seo-article-container-body {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 16px
}

.seo-article-container-body strong {
    font-weight: 700
}

@media screen and (min-width:1025px) {
    .seo-article-container-body .article-body {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.euro-guides-link__container {
    text-align: center
}

.euro-guides-link__container--in-article:before {
    content: "";
    display: block;
    background: #e0e4ea;
    height: 1px;
    margin: 16px 0
}

.euro-guides-link__container--standalone {
    margin: 24px 0
}

.euro-guides-link__text {
    color: #1c2026;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .85714rem;
    line-height: 16px
}

.horizontal-menu {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eceff1
}

.horizontal-menu.top-sticky {
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.horizontal-menu__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .85714rem;
    line-height: 16px;
    color: #1c2026;
    padding: 4px 8px;
    text-decoration: none;
    margin-right: 16px;
    display: block
}

.horizontal-menu__item.router-link-exact-active {
    font-weight: 700;
    border-bottom: 2px solid #8a1538
}

.horizontal-menu .swiper-container {
    margin: initial
}

.horizontal-menu .swiper-slide {
    width: auto
}

.page-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 8px;
    font-size: 1.42857rem;
    line-height: 24px
}

@media screen and (min-width:825px) {
    .page-heading {
        font-size: 1.71429rem;
        line-height: 24px
    }
}

.page-heading__icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    -ms-flex-item-align: start;
    align-self: start
}

@media screen and (min-width:825px) {
    .page-heading__icon {
        min-width: 32px;
        width: 32px;
        height: 32px
    }
}

.page-heading__title {
    font-weight: 700;
    color: #1c2026
}

.page-heading__title--special-competition {
    color: #8a1538
}

.page-heading__info {
    color: #b6bcc6
}

.guides {
    max-width: 720px;
    margin: auto
}

@media screen and (min-width:1920px) {
    .guides {
        max-width: 1024px
    }
}

.promo-market-home-selections {
    margin-top: 8px
}

.promo-market-home-selections .selections__selection {
    max-width: 100%
}

.league-view-list__promo-markets.swiper-container .swiper-button-next,
.league-view-list__promo-markets.swiper-container .swiper-button-prev {
    width: 32px;
    height: 32px;
    background: #eceff1;
    border-radius: 50%;
    border: 1px solid #b6bcc6
}

.league-view-list__promo-markets.swiper-container .swiper-button-next .sb-slider__button__icon path,
.league-view-list__promo-markets.swiper-container .swiper-button-prev .sb-slider__button__icon path {
    fill: #b6bcc6
}

[data-v-3bccbca8]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-3bccbca8] {
    color: #b6bcc6
}

.color-slate[data-v-3bccbca8] {
    color: #69778b
}

.color-steel-800[data-v-3bccbca8] {
    color: #1c2026
}

.color-east-bay-400[data-v-3bccbca8] {
    color: #48576f
}

[data-v-3bccbca8]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-3bccbca8] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-3bccbca8]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-3bccbca8]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-3bccbca8]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-3bccbca8] {
        scrollbar-width: thin
    }
}

.highlighted-market[data-v-3bccbca8] {
    -webkit-animation: highlight 5s ease-out;
    animation: highlight 5s ease-out
}

.live-promo-market-title li:not(:first-child):before {
    content: "•";
    margin-left: 4px
}

.live-promo-market.tw-flex-1 {
    max-width: calc(50% - 2px)
}

.live-promo-market--6 {
    width: calc(16.66667% - 3.33333px)
}

.live-promo-market--4 {
    width: calc(25% - 3px)
}

.live-promo-market--3 {
    width: calc(33.33333% - 2.66667px)
}

.live-promo-market--2 {
    width: calc(50% - 2px)
}

[data-v-f1c45840]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-f1c45840] {
    color: #b6bcc6
}

.color-slate[data-v-f1c45840] {
    color: #69778b
}

.color-steel-800[data-v-f1c45840] {
    color: #1c2026
}

.color-east-bay-400[data-v-f1c45840] {
    color: #48576f
}

[data-v-f1c45840]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-f1c45840] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-f1c45840]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-f1c45840]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-f1c45840]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-f1c45840] {
        scrollbar-width: thin
    }
}

.column-area[data-v-f1c45840] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 80%
}

@media screen and (min-width:825px) {
    .column-area[data-v-f1c45840] {
        width: 90%
    }
}

[data-v-7e9b0e30]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-7e9b0e30] {
    color: #b6bcc6
}

.color-slate[data-v-7e9b0e30] {
    color: #69778b
}

.color-steel-800[data-v-7e9b0e30] {
    color: #1c2026
}

.color-east-bay-400[data-v-7e9b0e30] {
    color: #48576f
}

[data-v-7e9b0e30]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-7e9b0e30] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-7e9b0e30]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-7e9b0e30]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-7e9b0e30]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-7e9b0e30] {
        scrollbar-width: thin
    }
}

.team-header__title[data-v-7e9b0e30] {
    width: 20%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

@media screen and (min-width:825px) {
    .team-header__title[data-v-7e9b0e30] {
        width: 10%
    }
}

[data-v-13524c6c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-13524c6c] {
    color: #b6bcc6
}

.color-slate[data-v-13524c6c] {
    color: #69778b
}

.color-steel-800[data-v-13524c6c] {
    color: #1c2026
}

.color-east-bay-400[data-v-13524c6c] {
    color: #48576f
}

[data-v-13524c6c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-13524c6c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-13524c6c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-13524c6c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-13524c6c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-13524c6c] {
        scrollbar-width: thin
    }
}

.team-header[data-v-13524c6c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 8px;
    margin: 0 8px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--table-layout-team-header-border-color);
    color: var(--table-layout-team-header-color)
}

[data-v-08a39509]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-08a39509] {
    color: #b6bcc6
}

.color-slate[data-v-08a39509] {
    color: #69778b
}

.color-steel-800[data-v-08a39509] {
    color: #1c2026
}

.color-east-bay-400[data-v-08a39509] {
    color: #48576f
}

[data-v-08a39509]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-08a39509] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-08a39509]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-08a39509]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-08a39509]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-08a39509] {
        scrollbar-width: thin
    }
}

.column-area__titles[data-v-08a39509] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: var(--grid-template-columns);
    justify-items: center;
    grid-gap: 8px;
    padding-left: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 700
}

[data-v-45704922]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-45704922] {
    color: #b6bcc6
}

.color-slate[data-v-45704922] {
    color: #69778b
}

.color-steel-800[data-v-45704922] {
    color: #1c2026
}

.color-east-bay-400[data-v-45704922] {
    color: #48576f
}

[data-v-45704922]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-45704922] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-45704922]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-45704922]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-45704922]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-45704922] {
        scrollbar-width: thin
    }
}

.row[data-v-45704922] {
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 48px;
    border-bottom: 1px solid var(--table-layout-team-header-border-color);
    position: relative;
    -webkit-tap-highlight-color: transparent
}

[data-v-5bf532de]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-5bf532de] {
    color: #b6bcc6
}

.color-slate[data-v-5bf532de] {
    color: #69778b
}

.color-steel-800[data-v-5bf532de] {
    color: #1c2026
}

.color-east-bay-400[data-v-5bf532de] {
    color: #48576f
}

[data-v-5bf532de]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-5bf532de] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-5bf532de]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-5bf532de]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-5bf532de]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-5bf532de] {
        scrollbar-width: thin
    }
}

.columns-values[data-v-5bf532de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 80%
}

@media screen and (min-width:825px) {
    .columns-values[data-v-5bf532de] {
        width: 90%
    }
}

[data-v-c679d6be]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-c679d6be] {
    color: #b6bcc6
}

.color-slate[data-v-c679d6be] {
    color: #69778b
}

.color-steel-800[data-v-c679d6be] {
    color: #1c2026
}

.color-east-bay-400[data-v-c679d6be] {
    color: #48576f
}

[data-v-c679d6be]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-c679d6be] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-c679d6be]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-c679d6be]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-c679d6be]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-c679d6be] {
        scrollbar-width: thin
    }
}

.row-info[data-v-c679d6be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 20%;
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

@media screen and (min-width:825px) {
    .row-info[data-v-c679d6be] {
        width: 10%;
        overflow: hidden
    }
}

[data-v-2a740b9b]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2a740b9b] {
    color: #b6bcc6
}

.color-slate[data-v-2a740b9b] {
    color: #69778b
}

.color-steel-800[data-v-2a740b9b] {
    color: #1c2026
}

.color-east-bay-400[data-v-2a740b9b] {
    color: #48576f
}

[data-v-2a740b9b]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2a740b9b] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2a740b9b]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2a740b9b]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2a740b9b]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2a740b9b] {
        scrollbar-width: thin
    }
}

.row-title[data-v-2a740b9b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.row-title__text[data-v-2a740b9b] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 145px
}

.row-title__text--bold[data-v-2a740b9b] {
    font-weight: 700
}

.row-title__subtitle[data-v-2a740b9b] {
    font-size: .71429rem;
    line-height: 12px;
    font-weight: 300
}

.table-selections-wrapper {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: var(--grid-template-columns);
    justify-items: flex-end;
    grid-gap: 8px;
    padding: 8px 0 8px 8px;
    width: 100%
}

.table-selections-wrapper--no-padding-left {
    padding: 8px 0
}

.table-selections-wrapper .selections {
    grid-column-start: var(--selection-column-start);
    width: 100%
}

.table-selections-wrapper .selections__selection {
    max-width: 100%;
    margin: 0;
    width: 100%
}

[data-v-156ddd1a]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-156ddd1a] {
    color: #b6bcc6
}

.color-slate[data-v-156ddd1a] {
    color: #69778b
}

.color-steel-800[data-v-156ddd1a] {
    color: #1c2026
}

.color-east-bay-400[data-v-156ddd1a] {
    color: #48576f
}

[data-v-156ddd1a]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-156ddd1a] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-156ddd1a]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-156ddd1a]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-156ddd1a]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-156ddd1a] {
        scrollbar-width: thin
    }
}

.corner-race-market[data-v-156ddd1a] {
    font-size: .78571rem;
    line-height: 12px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-726b4c00]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-726b4c00] {
    color: #b6bcc6
}

.color-slate[data-v-726b4c00] {
    color: #69778b
}

.color-steel-800[data-v-726b4c00] {
    color: #1c2026
}

.color-east-bay-400[data-v-726b4c00] {
    color: #48576f
}

[data-v-726b4c00]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-726b4c00] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-726b4c00]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-726b4c00]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-726b4c00]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-726b4c00] {
        scrollbar-width: thin
    }
}

.table-market-header[data-v-726b4c00] {
    padding: 4px 8px;
    font-weight: 400;
    cursor: pointer;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity))
}

.table-market-header[data-v-726b4c00],
.table-market-header__title[data-v-726b4c00] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--table-layout-title-color)
}

.table-market-header__title[data-v-726b4c00] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: var(--table-layout-market-title-size)
}

.table-market-header__title--outright[data-v-726b4c00] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .78571rem;
    color: #69778b;
    margin: 0 4px;
    opacity: .54
}

.table-market-header__title--outright .label[data-v-726b4c00] {
    margin-right: 4px
}

.table-market-header__tooltip[data-v-726b4c00] {
    opacity: .54;
    cursor: default
}

[data-v-4a517c03]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-4a517c03] {
    color: #b6bcc6
}

.color-slate[data-v-4a517c03] {
    color: #69778b
}

.color-steel-800[data-v-4a517c03] {
    color: #1c2026
}

.color-east-bay-400[data-v-4a517c03] {
    color: #48576f
}

[data-v-4a517c03]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-4a517c03] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-4a517c03]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-4a517c03]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-4a517c03]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-4a517c03] {
        scrollbar-width: thin
    }
}

.column-area[data-v-4a517c03] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 66.6%
}

[data-v-592dad0c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-592dad0c] {
    color: #b6bcc6
}

.color-slate[data-v-592dad0c] {
    color: #69778b
}

.color-steel-800[data-v-592dad0c] {
    color: #1c2026
}

.color-east-bay-400[data-v-592dad0c] {
    color: #48576f
}

[data-v-592dad0c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-592dad0c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-592dad0c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-592dad0c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-592dad0c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-592dad0c] {
        scrollbar-width: thin
    }
}

.team-header__title[data-v-592dad0c] {
    width: 33.3%;
    overflow: hidden
}

[data-v-40fc33be]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-40fc33be] {
    color: #b6bcc6
}

.color-slate[data-v-40fc33be] {
    color: #69778b
}

.color-steel-800[data-v-40fc33be] {
    color: #1c2026
}

.color-east-bay-400[data-v-40fc33be] {
    color: #48576f
}

[data-v-40fc33be]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-40fc33be] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-40fc33be]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-40fc33be]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-40fc33be]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-40fc33be] {
        scrollbar-width: thin
    }
}

.columns-values[data-v-40fc33be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 66.6%
}

[data-v-b5684808]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-b5684808] {
    color: #b6bcc6
}

.color-slate[data-v-b5684808] {
    color: #69778b
}

.color-steel-800[data-v-b5684808] {
    color: #1c2026
}

.color-east-bay-400[data-v-b5684808] {
    color: #48576f
}

[data-v-b5684808]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-b5684808] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-b5684808]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-b5684808]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-b5684808]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-b5684808] {
        scrollbar-width: thin
    }
}

.row-info[data-v-b5684808] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 33.3%;
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-78054329]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-78054329] {
    color: #b6bcc6
}

.color-slate[data-v-78054329] {
    color: #69778b
}

.color-steel-800[data-v-78054329] {
    color: #1c2026
}

.color-east-bay-400[data-v-78054329] {
    color: #48576f
}

[data-v-78054329]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-78054329] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-78054329]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-78054329]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-78054329]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-78054329] {
        scrollbar-width: thin
    }
}

.load-more[data-v-78054329] {
    width: 100%;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    min-height: 48px
}

[data-v-6f8dda64]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-6f8dda64] {
    color: #b6bcc6
}

.color-slate[data-v-6f8dda64] {
    color: #69778b
}

.color-steel-800[data-v-6f8dda64] {
    color: #1c2026
}

.color-east-bay-400[data-v-6f8dda64] {
    color: #48576f
}

[data-v-6f8dda64]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-6f8dda64] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-6f8dda64]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-6f8dda64]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-6f8dda64]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-6f8dda64] {
        scrollbar-width: thin
    }
}

.multi-market[data-v-6f8dda64] {
    font-size: .85714rem;
    line-height: 16px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-7e79fb44]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-7e79fb44] {
    color: #b6bcc6
}

.color-slate[data-v-7e79fb44] {
    color: #69778b
}

.color-steel-800[data-v-7e79fb44] {
    color: #1c2026
}

.color-east-bay-400[data-v-7e79fb44] {
    color: #48576f
}

[data-v-7e79fb44]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-7e79fb44] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-7e79fb44]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-7e79fb44]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-7e79fb44]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-7e79fb44] {
        scrollbar-width: thin
    }
}

.handicap[data-v-7e79fb44] {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.handicap__dropdown[data-v-7e79fb44] {
    border: none;
    font-size: inherit;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-570bc2fa]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-570bc2fa] {
    color: #b6bcc6
}

.color-slate[data-v-570bc2fa] {
    color: #69778b
}

.color-steel-800[data-v-570bc2fa] {
    color: #1c2026
}

.color-east-bay-400[data-v-570bc2fa] {
    color: #48576f
}

[data-v-570bc2fa]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-570bc2fa] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-570bc2fa]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-570bc2fa]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-570bc2fa]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-570bc2fa] {
        scrollbar-width: thin
    }
}

.column-area__handicap[data-v-570bc2fa] {
    width: 20%;
    word-break: break-all;
    text-align: center
}

[data-v-3495051c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-3495051c] {
    color: #b6bcc6
}

.color-slate[data-v-3495051c] {
    color: #69778b
}

.color-steel-800[data-v-3495051c] {
    color: #1c2026
}

.color-east-bay-400[data-v-3495051c] {
    color: #48576f
}

[data-v-3495051c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-3495051c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-3495051c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-3495051c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-3495051c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-3495051c] {
        scrollbar-width: thin
    }
}

.table-break[data-v-3495051c] {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.table-break .header-wrapper[data-v-3495051c],
.table-break .row-wrapper[data-v-3495051c] {
    width: 100%;
    display: grid;
    grid-template-columns: var(--grid-template-columns)
}

[data-v-8daef70e]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-8daef70e] {
    color: #b6bcc6
}

.color-slate[data-v-8daef70e] {
    color: #69778b
}

.color-steel-800[data-v-8daef70e] {
    color: #1c2026
}

.color-east-bay-400[data-v-8daef70e] {
    color: #48576f
}

[data-v-8daef70e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-8daef70e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-8daef70e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-8daef70e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-8daef70e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-8daef70e] {
        scrollbar-width: thin
    }
}

.multi-outcome[data-v-8daef70e] {
    font-size: .85714rem;
    line-height: 16px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-8daef70e]:nth-last-child(2) {
    border-bottom: none
}

[data-v-73f10a9e]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-73f10a9e] {
    color: #b6bcc6
}

.color-slate[data-v-73f10a9e] {
    color: #69778b
}

.color-steel-800[data-v-73f10a9e] {
    color: #1c2026
}

.color-east-bay-400[data-v-73f10a9e] {
    color: #48576f
}

[data-v-73f10a9e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-73f10a9e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-73f10a9e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-73f10a9e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-73f10a9e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-73f10a9e] {
        scrollbar-width: thin
    }
}

.column-area[data-v-73f10a9e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 50%
}

@media screen and (min-width:825px) {
    .column-area[data-v-73f10a9e] {
        width: 66.6%
    }
}

[data-v-4cfda230]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-4cfda230] {
    color: #b6bcc6
}

.color-slate[data-v-4cfda230] {
    color: #69778b
}

.color-steel-800[data-v-4cfda230] {
    color: #1c2026
}

.color-east-bay-400[data-v-4cfda230] {
    color: #48576f
}

[data-v-4cfda230]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-4cfda230] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-4cfda230]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-4cfda230]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-4cfda230]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-4cfda230] {
        scrollbar-width: thin
    }
}

.team-header__title[data-v-4cfda230] {
    width: 50%
}

@media screen and (min-width:825px) {
    .team-header__title[data-v-4cfda230] {
        width: 33.3%;
        overflow: hidden
    }
}

[data-v-1903958a]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1903958a] {
    color: #b6bcc6
}

.color-slate[data-v-1903958a] {
    color: #69778b
}

.color-steel-800[data-v-1903958a] {
    color: #1c2026
}

.color-east-bay-400[data-v-1903958a] {
    color: #48576f
}

[data-v-1903958a]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1903958a] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1903958a]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1903958a]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1903958a]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1903958a] {
        scrollbar-width: thin
    }
}

.column-area__titles[data-v-1903958a] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: var(--grid-template-columns);
    justify-items: center;
    grid-gap: 8px;
    padding-left: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    font-weight: 700
}

[data-v-7e75ea8c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-7e75ea8c] {
    color: #b6bcc6
}

.color-slate[data-v-7e75ea8c] {
    color: #69778b
}

.color-steel-800[data-v-7e75ea8c] {
    color: #1c2026
}

.color-east-bay-400[data-v-7e75ea8c] {
    color: #48576f
}

[data-v-7e75ea8c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-7e75ea8c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-7e75ea8c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-7e75ea8c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-7e75ea8c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-7e75ea8c] {
        scrollbar-width: thin
    }
}

.column-area__stat-headers__stat-header[data-v-7e75ea8c] {
    width: 25%;
    word-break: break-all;
    text-align: center
}

.column-area__stat-headers__stat-header--bold[data-v-7e75ea8c] {
    font-weight: 700
}

@media screen and (min-width:825px) {
    .column-area__stat-headers__stat-header[data-v-7e75ea8c] {
        width: 20%
    }

    .column-area__stat-headers__stat-header--bold[data-v-7e75ea8c] {
        font-weight: 700
    }
}

[data-v-bd2eea66]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-bd2eea66] {
    color: #b6bcc6
}

.color-slate[data-v-bd2eea66] {
    color: #69778b
}

.color-steel-800[data-v-bd2eea66] {
    color: #1c2026
}

.color-east-bay-400[data-v-bd2eea66] {
    color: #48576f
}

[data-v-bd2eea66]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-bd2eea66] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-bd2eea66]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-bd2eea66]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-bd2eea66]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-bd2eea66] {
        scrollbar-width: thin
    }
}

.info-icon[data-v-bd2eea66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.info-icon__img[data-v-bd2eea66] {
    min-width: 16px;
    cursor: pointer
}

.info-icon__text[data-v-bd2eea66] {
    font-size: .78571rem;
    line-height: 12px;
    word-break: break-word;
    color: #69778b
}

.info-icon__text--disabled[data-v-bd2eea66] {
    color: #b6bcc6
}

.info-icon__text--title[data-v-bd2eea66] {
    font-size: .85714rem;
    line-height: 16px;
    font-weight: 700
}

[data-v-9741c1f4]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-9741c1f4] {
    color: #b6bcc6
}

.color-slate[data-v-9741c1f4] {
    color: #69778b
}

.color-steel-800[data-v-9741c1f4] {
    color: #1c2026
}

.color-east-bay-400[data-v-9741c1f4] {
    color: #48576f
}

[data-v-9741c1f4]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-9741c1f4] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-9741c1f4]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-9741c1f4]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-9741c1f4]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-9741c1f4] {
        scrollbar-width: thin
    }
}

.row-info__icon[data-v-9741c1f4] {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[data-v-406e8187]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-406e8187] {
    color: #b6bcc6
}

.color-slate[data-v-406e8187] {
    color: #69778b
}

.color-steel-800[data-v-406e8187] {
    color: #1c2026
}

.color-east-bay-400[data-v-406e8187] {
    color: #48576f
}

[data-v-406e8187]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-406e8187] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-406e8187]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-406e8187]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-406e8187]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-406e8187] {
        scrollbar-width: thin
    }
}

.row--indicator[data-v-406e8187]:before {
    content: "";
    background-color: #40beac;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 4px;
    border-radius: 16px;
    left: -8px
}

.row-url[data-v-406e8187] {
    text-decoration: none;
    cursor: pointer;
    color: #1c2026
}

[data-v-021ce2f1]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-021ce2f1] {
    color: #b6bcc6
}

.color-slate[data-v-021ce2f1] {
    color: #69778b
}

.color-steel-800[data-v-021ce2f1] {
    color: #1c2026
}

.color-east-bay-400[data-v-021ce2f1] {
    color: #48576f
}

[data-v-021ce2f1]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-021ce2f1] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-021ce2f1]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-021ce2f1]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-021ce2f1]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-021ce2f1] {
        scrollbar-width: thin
    }
}

.columns-values[data-v-021ce2f1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%
}

@media screen and (min-width:825px) {
    .columns-values[data-v-021ce2f1] {
        width: 66.6%
    }
}

[data-v-5ed964be]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-5ed964be] {
    color: #b6bcc6
}

.color-slate[data-v-5ed964be] {
    color: #69778b
}

.color-steel-800[data-v-5ed964be] {
    color: #1c2026
}

.color-east-bay-400[data-v-5ed964be] {
    color: #48576f
}

[data-v-5ed964be]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-5ed964be] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-5ed964be]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-5ed964be]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-5ed964be]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-5ed964be] {
        scrollbar-width: thin
    }
}

.row-info[data-v-5ed964be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 50%;
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

@media screen and (min-width:825px) {
    .row-info[data-v-5ed964be] {
        width: 33.3%
    }
}

[data-v-2a420f40]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-2a420f40] {
    color: #b6bcc6
}

.color-slate[data-v-2a420f40] {
    color: #69778b
}

.color-steel-800[data-v-2a420f40] {
    color: #1c2026
}

.color-east-bay-400[data-v-2a420f40] {
    color: #48576f
}

[data-v-2a420f40]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-2a420f40] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-2a420f40]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-2a420f40]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-2a420f40]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-2a420f40] {
        scrollbar-width: thin
    }
}

.table-layout-row-stat-header-wrapper[data-v-2a420f40] {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

@media screen and (min-width:825px) {
    .table-layout-row-stat-header-wrapper[data-v-2a420f40] {
        width: 20%
    }
}

[data-v-520a064c]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-520a064c] {
    color: #b6bcc6
}

.color-slate[data-v-520a064c] {
    color: #69778b
}

.color-steel-800[data-v-520a064c] {
    color: #1c2026
}

.color-east-bay-400[data-v-520a064c] {
    color: #48576f
}

[data-v-520a064c]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-520a064c] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-520a064c]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-520a064c]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-520a064c]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-520a064c] {
        scrollbar-width: thin
    }
}

.drawer--preview-mode[data-v-520a064c] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .54);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.drawer--dark-theme .drawer-content[data-v-520a064c] {
    background: #1c2026;
    color: #fff
}

.drawer--dark-theme .drawer-content .drawer-header[data-v-520a064c] {
    background: transparent
}

.drawer--dark-theme .drawer-content .drawer-header__close[data-v-520a064c] {
    background: #48576f
}

.drawer-content[data-v-520a064c] {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    color: #1c2026;
    z-index: 2000;
    overflow: hidden;
    -webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
    box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
    border-radius: 8px 8px 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.drawer-header[data-v-520a064c] {
    background: transparent
}

.drawer-header__close[data-v-520a064c] {
    height: 8px;
    width: 96px;
    border-radius: 8px;
    background: #e0e4ea;
    margin: 8px auto
}

.drawer .drawer-enter-active[data-v-520a064c],
.drawer .drawer-leave-active[data-v-520a064c] {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.drawer .drawer-enter[data-v-520a064c],
.drawer .drawer-leave-to[data-v-520a064c] {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

[data-v-d7f2aa20]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-d7f2aa20] {
    color: #b6bcc6
}

.color-slate[data-v-d7f2aa20] {
    color: #69778b
}

.color-steel-800[data-v-d7f2aa20] {
    color: #1c2026
}

.color-east-bay-400[data-v-d7f2aa20] {
    color: #48576f
}

[data-v-d7f2aa20]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-d7f2aa20] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-d7f2aa20]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-d7f2aa20]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-d7f2aa20]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-d7f2aa20] {
        scrollbar-width: thin
    }
}

.content-wrapper[data-v-d7f2aa20] {
    width: 100%;
    overflow: auto
}

.content-header[data-v-d7f2aa20] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 1rem;
    color: #1c2026;
    background-color: #fff;
    padding: 8px;
    font-weight: 400
}

[data-v-203e5022]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-203e5022] {
    color: #b6bcc6
}

.color-slate[data-v-203e5022] {
    color: #69778b
}

.color-steel-800[data-v-203e5022] {
    color: #1c2026
}

.color-east-bay-400[data-v-203e5022] {
    color: #48576f
}

[data-v-203e5022]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-203e5022] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-203e5022]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-203e5022]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-203e5022]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-203e5022] {
        scrollbar-width: thin
    }
}

.column-area[data-v-203e5022] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%
}

[data-v-3eac160f]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-3eac160f] {
    color: #b6bcc6
}

.color-slate[data-v-3eac160f] {
    color: #69778b
}

.color-steel-800[data-v-3eac160f] {
    color: #1c2026
}

.color-east-bay-400[data-v-3eac160f] {
    color: #48576f
}

[data-v-3eac160f]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-3eac160f] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-3eac160f]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-3eac160f]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-3eac160f]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-3eac160f] {
        scrollbar-width: thin
    }
}

.columns-values[data-v-3eac160f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

[data-v-42969df6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-42969df6] {
    color: #b6bcc6
}

.color-slate[data-v-42969df6] {
    color: #69778b
}

.color-steel-800[data-v-42969df6] {
    color: #1c2026
}

.color-east-bay-400[data-v-42969df6] {
    color: #48576f
}

[data-v-42969df6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-42969df6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-42969df6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-42969df6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-42969df6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-42969df6] {
        scrollbar-width: thin
    }
}

.untitled-table-layout[data-v-42969df6] {
    font-size: .78571rem;
    line-height: 12px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-d81e6266]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-d81e6266] {
    color: #b6bcc6
}

.color-slate[data-v-d81e6266] {
    color: #69778b
}

.color-steel-800[data-v-d81e6266] {
    color: #1c2026
}

.color-east-bay-400[data-v-d81e6266] {
    color: #48576f
}

[data-v-d81e6266]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-d81e6266] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-d81e6266]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-d81e6266]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-d81e6266]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-d81e6266] {
        scrollbar-width: thin
    }
}

.table-layout-container[data-v-d81e6266] {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 1rem;
    color: #1c2026
}

.table-layout-container[data-v-d81e6266]:last-child {
    margin-bottom: 0
}

@media screen and (min-width:825px) {
    .table-layout-container[data-v-d81e6266] {
        margin-bottom: 8px
    }
}

[data-v-127e81ac]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-127e81ac] {
    color: #b6bcc6
}

.color-slate[data-v-127e81ac] {
    color: #69778b
}

.color-steel-800[data-v-127e81ac] {
    color: #1c2026
}

.color-east-bay-400[data-v-127e81ac] {
    color: #48576f
}

[data-v-127e81ac]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-127e81ac] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-127e81ac]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-127e81ac]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-127e81ac]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-127e81ac] {
        scrollbar-width: thin
    }
}

.corner-race-market[data-v-127e81ac] {
    font-size: .78571rem;
    line-height: 12px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-78013772]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-78013772] {
    color: #b6bcc6
}

.color-slate[data-v-78013772] {
    color: #69778b
}

.color-steel-800[data-v-78013772] {
    color: #1c2026
}

.color-east-bay-400[data-v-78013772] {
    color: #48576f
}

[data-v-78013772]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-78013772] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-78013772]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-78013772]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-78013772]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-78013772] {
        scrollbar-width: thin
    }
}

.row-title[data-v-78013772] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.row-title__text[data-v-78013772] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 145px
}

.row-title__subtitle[data-v-78013772] {
    font-size: .71429rem;
    line-height: 12px;
    font-weight: 300
}

[data-v-1d0c6502]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1d0c6502] {
    color: #b6bcc6
}

.color-slate[data-v-1d0c6502] {
    color: #69778b
}

.color-steel-800[data-v-1d0c6502] {
    color: #1c2026
}

.color-east-bay-400[data-v-1d0c6502] {
    color: #48576f
}

[data-v-1d0c6502]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1d0c6502] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1d0c6502]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1d0c6502]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1d0c6502]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-1d0c6502] {
        scrollbar-width: thin
    }
}

.multi-market[data-v-1d0c6502] {
    font-size: .85714rem;
    line-height: 16px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

[data-v-11295578]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-11295578] {
    color: #b6bcc6
}

.color-slate[data-v-11295578] {
    color: #69778b
}

.color-steel-800[data-v-11295578] {
    color: #1c2026
}

.color-east-bay-400[data-v-11295578] {
    color: #48576f
}

[data-v-11295578]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-11295578] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-11295578]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-11295578]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-11295578]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-11295578] {
        scrollbar-width: thin
    }
}

.multi-outcome[data-v-11295578] {
    font-size: .85714rem;
    line-height: 16px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-11295578]:nth-last-child(2) {
    border-bottom: none
}

.single-outcome,
.single-outcome-no-grouping {
    font-size: .85714rem;
    line-height: 16px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

.no-second-to-last-border-bottom .team:last-of-type .row:nth-last-child(2) {
    border-bottom: none
}

[data-v-07414b22]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-07414b22] {
    color: #b6bcc6
}

.color-slate[data-v-07414b22] {
    color: #69778b
}

.color-steel-800[data-v-07414b22] {
    color: #1c2026
}

.color-east-bay-400[data-v-07414b22] {
    color: #48576f
}

[data-v-07414b22]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-07414b22] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-07414b22]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-07414b22]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-07414b22]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-07414b22] {
        scrollbar-width: thin
    }
}

.untitled-table-layout[data-v-07414b22] {
    font-size: .78571rem;
    line-height: 12px;
    background-color: rgba(var(--table-layout-background-color-RGB), var(--table-layout-background-color-opacity));
    color: rgba(var(--table-layout-color-RGB), var(--table-layout-color-opacity))
}

.table-layout-container--dark {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 1rem
}

.table-layout-container--dark path,
.table-layout-container--dark polygon,
.table-layout-container--dark rect,
.table-layout-container--dark svg path,
.table-layout-container--dark svg polygon,
.table-layout-container--dark svg rect {
    fill: #fff;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.table-layout-container--dark:last-child {
    margin-bottom: 0
}

.table-layout-container--dark .team:last-of-type .row:last-of-type {
    border-bottom: none
}

@media screen and (min-width:1025px) {
    .table-layout-container--dark:hover {
        --table-layout-background-color-RGB: 55, 68, 86;
        background-color: #374456
    }
}

@media screen and (min-width:825px) {
    .table-layout-container--dark {
        margin-bottom: 8px
    }
}

[data-v-c0ecdeee]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-c0ecdeee] {
    color: #b6bcc6
}

.color-slate[data-v-c0ecdeee] {
    color: #69778b
}

.color-steel-800[data-v-c0ecdeee] {
    color: #1c2026
}

.color-east-bay-400[data-v-c0ecdeee] {
    color: #48576f
}

[data-v-c0ecdeee]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-c0ecdeee] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-c0ecdeee]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-c0ecdeee]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-c0ecdeee]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-c0ecdeee] {
        scrollbar-width: thin
    }
}

.participants-separator--light[data-v-c0ecdeee] {
    color: #69778b
}

.participants-separator--dark[data-v-c0ecdeee] {
    color: #b6bcc6
}

.participants-separator--normal[data-v-c0ecdeee] {
    font-weight: 400
}

.participants-separator--space-left[data-v-c0ecdeee] {
    padding-left: 4px
}

.league-block {
    margin-bottom: 8px;
    border-radius: 2px;
    background-color: #fff
}

.league-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #eceff1;
    cursor: pointer
}

.league-block__header:hover {
    background-color: rgba(236, 239, 241, .38)
}

.league-block__header__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.league-block__header__title__name {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500
}

.league-block__header__title--spacing {
    margin-left: 8px
}

.league-block__body {
    background-color: #fff
}

.league-block__events {
    padding: 8px
}

.league-block__events .event {
    background-color: #eceff1;
    border-radius: 2px;
    margin-bottom: 8px
}

.league-block__events .event__header {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.league-block__events .event__header:hover {
    background-color: rgba(236, 239, 241, .38)
}

.league-block__events .event__header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500
}

.league-block__events .event__header__title__link {
    text-decoration: none;
    color: #101419
}

.league-block__events .event__header__title__link:hover {
    color: #1b67da;
    text-decoration: underline
}

.league-block__events .event__markets {
    margin: 0;
    padding: 0 8px 8px;
    border-radius: 2px
}

.league-block--blocks-tabs {
    margin: 0;
    padding: 8px 8px 16px
}

.popular-bets-selection .selections__selection {
    max-width: 100%
}

.language-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 16px;
    padding: 2px;
    background-color: #fff;
    border-radius: 16px
}

.language-picker__item {
    font-size: .85714rem;
    text-decoration: none;
    color: #1c2026;
    padding: 4px 8px;
    cursor: pointer
}

.language-picker__item--selected,
.language-picker__item.router-link-exact-active {
    background-color: #1c2026;
    border-radius: 16px;
    color: #fff;
    font-weight: 700
}

.article-content {
    max-width: 825px;
    line-height: 20px;
    padding: 0 16px;
    margin: 16px auto
}

@media screen and (min-width:1920px) {
    .article-content {
        max-width: 1025px
    }
}

.article-content__header {
    margin: 16px 0;
    position: relative
}

.article-content__header,
.article-content__header__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-content__header__back {
    padding-right: 8px;
    margin-right: 8px;
    font-size: .85714rem;
    line-height: 24px;
    font-weight: 700;
    border-right: 1px solid #b6bcc6;
    cursor: pointer
}

.article-content__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.71429rem;
    line-height: 24px;
    font-weight: 700
}

.article-content__lead {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700;
    margin: 4px 0
}

.article-content__image {
    max-width: 100%;
    margin: 16px 0
}

.article-content__body {
    padding-right: 16px;
    font-size: 1.14286rem;
    line-height: 20px
}

.article-content__body__additional-title {
    display: inline-block;
    font-weight: 700;
    cursor: pointer
}

.article-content__body h1 {
    font-size: 1.71429rem;
    line-height: 24px;
    font-weight: 700;
    margin: 24px 0 16px
}

.article-content__body h2 {
    font-size: 1.42857rem;
    line-height: 24px;
    font-weight: 700;
    margin: 16px 0 8px
}

.article-content__body h3 {
    font-size: 1.14286rem;
    line-height: 20px;
    font-weight: 700;
    margin: 16px 0 8px
}

.article-content__body p {
    font-size: 1.14286rem;
    line-height: 20px;
    margin: 8px 0
}

.article-content__body p [name] {
    position: relative;
    top: -60px
}

.article-content__body ol {
    list-style: none;
    counter-reset: item;
    position: relative;
    padding-left: 32px
}

.article-content__body ol>li {
    counter-increment: item;
    margin-bottom: 16px
}

.article-content__body ol>li:before {
    position: absolute;
    left: 0;
    content: counter(item);
    background: #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: .78571rem;
    line-height: 24px;
    font-weight: 700
}

.article-content__body ul {
    list-style: disc;
    margin: 16px 8px
}

.article-content__body ul li {
    font-size: 1.14286rem;
    line-height: 20px;
    margin: 8px
}

.article-content__body strong {
    font-weight: 700
}

.article-content__body em {
    font-style: italic
}

.article-content__body a,
.article-content__body a:visited {
    color: #1774b5
}

.article-content__body img {
    max-width: 100%
}

.article-content__body table {
    border: 1px solid #1c2026
}

.article-content__body table tbody td {
    border: 1px solid #1c2026;
    padding: 0 4px
}

[data-v-79f39d4d]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-79f39d4d] {
    color: #b6bcc6
}

.color-slate[data-v-79f39d4d] {
    color: #69778b
}

.color-steel-800[data-v-79f39d4d] {
    color: #1c2026
}

.color-east-bay-400[data-v-79f39d4d] {
    color: #48576f
}

[data-v-79f39d4d]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-79f39d4d] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-79f39d4d]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-79f39d4d]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-79f39d4d]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-79f39d4d] {
        scrollbar-width: thin
    }
}

.promo-market-list[data-v-79f39d4d] {
    margin: 8px
}

.promo-market-list__item[data-v-79f39d4d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    margin-right: 8px
}

.promo-market-list__item[data-v-79f39d4d]:last-child {
    margin-right: 0
}

@media screen and (min-width:825px) {
    .promo-market-list__item[data-v-79f39d4d] {
        max-width: 50%
    }
}

.promo-market-list__item--append-margin[data-v-79f39d4d]:last-child {
    margin-right: 8px
}

[data-v-09e182ee]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-09e182ee] {
    color: #b6bcc6
}

.color-slate[data-v-09e182ee] {
    color: #69778b
}

.color-steel-800[data-v-09e182ee] {
    color: #1c2026
}

.color-east-bay-400[data-v-09e182ee] {
    color: #48576f
}

[data-v-09e182ee]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-09e182ee] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-09e182ee]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-09e182ee]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-09e182ee]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-09e182ee] {
        scrollbar-width: thin
    }
}

.tab-row[data-v-09e182ee] {
    position: relative;
    padding: 8px 0;
    background: var(--tab-row-bg)
}

.tab-row--horizontal-space[data-v-09e182ee] {
    padding: 8px
}

.tab-row--special-competition[data-v-09e182ee] {
    margin: 0 8px
}

.tab-row__list[data-v-09e182ee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.tab-row__indicator[data-v-09e182ee] {
    background: var(--tab-item-indicator-color);
    height: 2px;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out;
    position: absolute;
    bottom: 8px
}

[data-v-a3b1fdb6]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-a3b1fdb6] {
    color: #b6bcc6
}

.color-slate[data-v-a3b1fdb6] {
    color: #69778b
}

.color-steel-800[data-v-a3b1fdb6] {
    color: #1c2026
}

.color-east-bay-400[data-v-a3b1fdb6] {
    color: #48576f
}

[data-v-a3b1fdb6]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-a3b1fdb6] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-a3b1fdb6]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-a3b1fdb6]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-a3b1fdb6]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-a3b1fdb6] {
        scrollbar-width: thin
    }
}

.tab-underlined[data-v-a3b1fdb6] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: var(--tab-item-color);
    list-style: none;
    cursor: pointer;
    text-align: center;
    font-size: .85714rem;
    line-height: 16px;
    position: relative;
    padding-bottom: 4px
}

.tab-underlined__title[data-v-a3b1fdb6] {
    padding: 0 8px;
    display: inline-block
}

.tab-underlined--selected[data-v-a3b1fdb6] {
    font-weight: 700;
    cursor: default
}

.tab-underlined--disabled[data-v-a3b1fdb6] {
    color: var(--tab-item-disabled-color);
    cursor: default
}

.tab-underlined--aligned-left[data-v-a3b1fdb6] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

[data-v-e0172254]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-e0172254] {
    color: #b6bcc6
}

.color-slate[data-v-e0172254] {
    color: #69778b
}

.color-steel-800[data-v-e0172254] {
    color: #1c2026
}

.color-east-bay-400[data-v-e0172254] {
    color: #48576f
}

[data-v-e0172254]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-e0172254] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-e0172254]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-e0172254]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-e0172254]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-e0172254] {
        scrollbar-width: thin
    }
}

.smooth-reflow[data-v-e0172254] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cross-selling-banners {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cross-selling-banners::-webkit-scrollbar {
    display: none
}

.cross-selling-banners {
    padding: 8px 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eceff1;
    overflow-x: auto;
    overflow-y: hidden
}

.cross-selling-banners-item {
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px
}

.cross-selling-banners-item__image {
    border-radius: 4px;
    max-width: 100%
}

.cross-selling-banners-item__image:last-child {
    margin-right: 8px
}

[data-v-3b83102f]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-3b83102f] {
    color: #b6bcc6
}

.color-slate[data-v-3b83102f] {
    color: #69778b
}

.color-steel-800[data-v-3b83102f] {
    color: #1c2026
}

.color-east-bay-400[data-v-3b83102f] {
    color: #48576f
}

[data-v-3b83102f]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-3b83102f] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-3b83102f]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-3b83102f]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-3b83102f]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-3b83102f] {
        scrollbar-width: thin
    }
}

.navigation-item[data-v-3b83102f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 72px;
    height: 56px;
    cursor: pointer;
    border-radius: 8px 2px;
    gap: 4px;
    padding: 8px 4px 4px;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.navigation-item--active[data-v-3b83102f] {
    background-color: #69778b
}

.navigation-item__title[data-v-3b83102f] {
    font-size: .85714rem;
    line-height: 16px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.navigation-item__title--active[data-v-3b83102f] {
    color: #fff
}

.navigation-item--active.navigation-item--sc[data-v-3b83102f] {
    background-color: #8a1538
}

[data-v-1df183d0]:export {
    fontSizeXS: .85714rem;
    fontSizeS: 1rem;
    colorAfrodite: #f3d113;
    colorSmokey300: #b6bcc6;
    colorLicorice600: #2d3745;
    colorLicorice600Rgb: 45, 55, 69;
    colorSteel800: #1c2026;
    colorSteel800Rgb: 28, 32, 38;
    colorEastBay400: #48576f;
    colorWhiteSnow: #fff;
    colorWhiteSnowRgb: 255, 255, 255;
    colorCloudBurst: #374456;
    colorDirtySnow100: #eceff1;
    colorDirtySnow100Rgb: 236, 239, 241;
    colorDarkSnow200: #e0e4ea;
    coloDarkSteel900: #101419;
    colorSlate: #69778b;
    colorMars: #f0506e;
    colorMoon: #1b67da;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff;
    colorRaspberry: #e70161
}

.color-smokey-300[data-v-1df183d0] {
    color: #b6bcc6
}

.color-slate[data-v-1df183d0] {
    color: #69778b
}

.color-steel-800[data-v-1df183d0] {
    color: #1c2026
}

.color-east-bay-400[data-v-1df183d0] {
    color: #48576f
}

[data-v-1df183d0]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-1df183d0] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-1df183d0]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-1df183d0]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-1df183d0]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

.navigation-list[data-v-1df183d0] {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.navigation-list[data-v-1df183d0]::-webkit-scrollbar {
    display: none
}

@supports (-moz-appearance:none) {
    [data-v-1df183d0] {
        scrollbar-width: thin
    }
}

.navigation-list-wrapper[data-v-1df183d0] {
    background: #fff;
    padding: 4px;
    height: 64px
}

.navigation-list-wrapper.top-sticky[data-v-1df183d0] {
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.navigation-list[data-v-1df183d0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: scroll
}

.navigation-list__item[data-v-1df183d0] {
    margin-right: 8px
}

.navigation-list__item__link[data-v-1df183d0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    min-width: 64px;
    white-space: nowrap;
    color: #101419
}

.color-smokey-300 {
    color: #b6bcc6
}

.color-slate {
    color: #69778b
}

.color-steel-800 {
    color: #1c2026
}

.color-east-bay-400 {
    color: #48576f
}

.opacity-xl {
    opacity: .87
}

@use "sass:math";
@media screen and (min-width:1025px) {
    ::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    * {
        scrollbar-width: thin
    }
}

.root-wrapper[class*=sc-] .selections__selection {
    background: #f4f2e4;
    border-radius: 8px 2px
}

.root-wrapper[class*=sc-] .selections__selection__odd {
    color: #8a1538;
    font-weight: 700
}

.root-wrapper[class*=sc-] .selections__selection__original-odd {
    color: #69778b
}

.root-wrapper[class*=sc-] .selections__selection__title {
    color: #1c2026
}

.root-wrapper[class*=sc-] .selections__selection:hover {
    background: #e8e6d8
}

.root-wrapper[class*=sc-] .selections__selection--active {
    background: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__odd,
.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__title {
    color: #fff
}

.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__original-odd {
    color: #e8e6d8
}

.root-wrapper[class*=sc-] .selections__selection--active:hover {
    background: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--progress-state:after,
.root-wrapper[class*=sc-] .selections__selection--progress-state:before {
    background-color: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__odd,
.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__title {
    color: #fff
}

.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__original-odd {
    color: #e8e6d8
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 16px;
    gap: 8px;
    width: 100%
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__title {
    font-size: 1.42857rem;
    line-height: 24px
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__subtitle {
    font-size: 1rem;
    line-height: 16px;
    height: 100%;
    position: relative;
    padding-left: 12px;
    word-break: break-word;
    color: #fff
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__subtitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    background: #40beac;
    height: 100%
}

.root-wrapper[class*=sc-] .offerbanner__image {
    background-color: #8a1538
}

.root-wrapper[class*=sc-] .offerbanner__image-unified-offers--overlay {
    background: none
}

.root-wrapper[class*=sc-] .zero-rake {
    color: #9f7657;
    background-color: transparent;
    border: 1px solid #9f7657
}

.root-wrapper[class*=sc-] .anchor {
    position: relative;
    top: -150px
}

@media screen and (min-width:825px) {
    .root-wrapper[class*=sc-] .anchor {
        top: -90px
    }
}

.root-wrapper[class*=sc-] .slider--bod.swiper-container {
    padding: 8px 0 8px 8px;
    margin: 0;
    background: #eceff1
}

@media screen and (min-width:1281px) {

    .root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-next,
    .root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-prev.swiper-button-disabled {
    display: none
}

.root-wrapper[class*=sc-] .bod {
    border-radius: 8px 2px
}

.root-wrapper[class*=sc-] .bod:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(44.06%, rgba(28, 32, 38, .34)), to(rgba(45, 55, 69, .77)));
    background-image: linear-gradient(180deg, rgba(28, 32, 38, .34) 44.06%, rgba(45, 55, 69, .77))
}

.root-wrapper[class*=sc-] .bod--no-shadow:before {
    opacity: .17
}

.root-wrapper[class*=sc-] .bod .market--live .selections__selection--active {
    background: #8a1538
}

.root-wrapper[class*=sc-] .bet-activity-section {
    background: #eceff1;
    padding-left: 0
}

.root-wrapper[class*=sc-] .events-list__grid {
    border-spacing: 0 8px;
    border-collapse: separate;
    background: none
}

.root-wrapper[class*=sc-] .events-list__grid__header {
    display: table-row
}

.root-wrapper[class*=sc-] .events-list__grid__header__item {
    display: none;
    background: none;
    padding-bottom: 0;
    padding-top: 0;
    border: none
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .events-list__grid__header__item {
        display: table-cell
    }
}

.root-wrapper[class*=sc-] .events-list__grid__header__item--main {
    display: table-cell
}

.root-wrapper[class*=sc-] .events-list__grid__event {
    margin-bottom: 8px;
    border-radius: 8px;
    border: none;
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.root-wrapper[class*=sc-] .events-list__grid__event:hover {
    background: #fff
}

@media screen and (min-width:1281px) {

    .root-wrapper[class*=sc-] .events-list__grid__event,
    .root-wrapper[class*=sc-] .events-list__grid__event:hover {
        background: none
    }
}

.root-wrapper[class*=sc-] .events-list__grid__event td,
.root-wrapper[class*=sc-] .events-list__grid__event th {
    background: #fff
}

.root-wrapper[class*=sc-] .events-list__grid__event th:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .events-list__grid__event th:first-child {
        border-bottom-left-radius: 8px;
        border-top-right-radius: 0
    }
}

.root-wrapper[class*=sc-] .events-list__grid__event td:nth-child(2) {
    border-bottom-left-radius: 8px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .events-list__grid__event td:nth-child(2) {
        border-bottom-left-radius: 0
    }
}

.root-wrapper[class*=sc-] .events-list__grid__event td:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .events-list__grid__event td:last-child {
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0
    }
}

.root-wrapper[class*=sc-] .events-list__grid__info__datetime {
    padding: 12px 8px
}

.root-wrapper[class*=sc-] .events-list__grid__info__main__actions__venue {
    display: none
}

.root-wrapper[class*=sc-] .event-icons svg path,
.root-wrapper[class*=sc-] .event-icons svg polygon,
.root-wrapper[class*=sc-] .event-icons svg rect,
.root-wrapper[class*=sc-] .event-icons svg svg path,
.root-wrapper[class*=sc-] .event-icons svg svg polygon,
.root-wrapper[class*=sc-] .event-icons svg svg rect {
    fill: #9f7657;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-] .markets__market {
    border-radius: 8px;
    padding: 4px 8px
}

.root-wrapper[class*=sc-] .markets__market:last-child {
    margin-bottom: 4px
}

.root-wrapper[class*=sc-] .table-layout-container {
    padding: 4px 0
}

.root-wrapper[class*=sc-] .table-layout-container:last-child {
    margin-bottom: 4px
}

.root-wrapper[class*=sc-] .multi-market {
    border-radius: 8px
}

.root-wrapper[class*=sc-] .preview-mode__close {
    background: #0996a0;
    color: #fff
}

.root-wrapper[class*=sc-] .preview-mode__close__bar {
    background: #e0e4ea
}

.root-wrapper[class*=sc-] .league-block {
    margin: 0 8px 16px;
    border-radius: 16px;
    background: #f6f8f9;
    padding: 8px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .league-block {
        padding: 8px 16px 16px
    }
}

.root-wrapper[class*=sc-] .league-block--blocks-tabs {
    background-color: transparent;
    margin: 0;
    padding: 0 0 8px
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-] .league-block--blocks-tabs {
        padding-left: 8px;
        padding-right: 8px
    }
}

.root-wrapper[class*=sc-] .league-block--blocks-tabs .league-block__events .event__header__title__link {
    font-weight: 700;
    color: #8a1538
}

.root-wrapper[class*=sc-] .league-block__header {
    border-radius: 8px 8px 0 0;
    color: #8a1538;
    padding-left: 0;
    border: none
}

.root-wrapper[class*=sc-] .league-block__header:hover {
    background-color: transparent
}

.root-wrapper[class*=sc-] .league-block__header__title__name {
    margin-left: 0;
    font-weight: 700;
    font-size: 1.14286rem;
    line-height: 20px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-] .league-block__header__title__name {
        font-size: 1.42857rem;
        line-height: 24px
    }
}

.root-wrapper[class*=sc-] .league-block__body,
.root-wrapper[class*=sc-] .league-block__body--event-list {
    background: none
}

.root-wrapper[class*=sc-] .league-block .event {
    border-radius: 8px;
    margin-bottom: 0;
    background: none
}

.root-wrapper[class*=sc-] .league-block__events {
    padding: 0
}

.root-wrapper[class*=sc-] .league-block .event__header {
    padding-left: 0
}

.root-wrapper[class*=sc-] .league-block .event__header:hover {
    background-color: transparent
}

.root-wrapper[class*=sc-] .league-block .event__markets {
    padding: 0;
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1);
    box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.root-wrapper[class*=sc-] .league-block .event__markets .load-more,
.root-wrapper[class*=sc-] .league-block .event__markets .multi-outcome,
.root-wrapper[class*=sc-] .league-block .event__markets .single-outcome-no-grouping,
.root-wrapper[class*=sc-] .league-block .event__markets .table-market-header {
    background-color: transparent
}

.root-wrapper[class*=sc-] .events-list-toggle {
    margin: 0 16px
}

.root-wrapper[class*=sc-] .events-list-toggle--blocks-tabs {
    margin: 0
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-] .events-list-toggle--blocks-tabs {
        margin: 0 8px
    }
}

.root-wrapper[class*=sc-] .events-list-toggle .toggle-switch input:checked+.toggle-switch__slider {
    background-color: #8a1538
}

.root-wrapper[class*=sc-] .group-statistics {
    padding: 0 8px 8px;
    margin: 0
}

.root-wrapper[class*=sc-] .group-statistics .markets__market__header {
    display: none
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:last-child {
    border: none
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2) .table__cell,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3) .table__cell,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4) .table__cell {
    position: relative
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4) .table__cell__title:before {
    display: block;
    content: "";
    width: 4px;
    height: 48px;
    position: absolute;
    top: 0;
    left: -8px
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(3) .table__cell__title:before {
    background: #06c
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(4) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(4) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(4) .table__cell__title:before {
    background: #f60
}

.root-wrapper[class*=sc-] .table__markets__market {
    padding: 8px
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev {
    display: none;
    background-color: #f4f2e4;
    border-radius: 50%;
    border: 1px solid #9f7657;
    opacity: .38;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg {
    width: 32px;
    height: 32px
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg rect {
    fill: #9f7657;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next:hover,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev:hover {
    opacity: 1
}

@media screen and (min-width:1281px) {

    .root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-prev,
    .root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-next,
    .root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-prev.swiper-button-disabled {
    display: none
}

.root-wrapper[class*=sc-matches] .events-list-toggle {
    margin: 0 8px
}

.root-wrapper[class*=sc-matches] .league-block {
    padding: 0 0 16px
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-matches] .league-block {
        padding: 0 8px 16px
    }
}

.root-wrapper[class*=sc-matches] .sc-tab-container .events-tabs {
    padding-top: 8px
}

.root-wrapper[class*=sc-matches] .league-block__header {
    display: none
}

.root-wrapper[class*=sc-matches] .event__header__title__link {
    color: #8a1538;
    font-weight: 700
}

.root-wrapper[class*=sc-matches] .league-block__events .event__markets {
    margin-bottom: 8px
}

.root-wrapper[class*=sc-matches] .markets__market__header__title {
    padding-top: 8px
}

.root-wrapper[class*=sc-landing] .bet-activity-section {
    padding-top: 0
}

.root-wrapper[class*=sc-landing] .events-list-toggle {
    padding: 8px;
    margin: 0 8px
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-landing] .events-list-toggle {
        margin: 0 16px
    }
}

.root-wrapper[class*=sc-landing] .league-block {
    padding: 0 8px 8px;
    margin: 0
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-landing] .league-block {
        padding: 0 16px 16px
    }
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-landing] .league-block {
        padding: 0 8px 8px
    }
}

.root-wrapper[class*=sc-landing] .expandable-block:not(:last-child) {
    margin-bottom: 16px
}

.root-wrapper[class*=sc-landing] .expandable-block:last-child {
    margin-bottom: 0
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-landing] .expandable-block:last-child {
        margin-bottom: 8px
    }
}

.root-wrapper[class*=sc-landing] .expandable-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-landing] .expandable-header {
        padding: 0 16px
    }
}

@media screen and (min-width:1281px) {
    .root-wrapper[class*=sc-landing] .expandable-header {
        padding: 0 8px
    }
}

.root-wrapper[class*=sc-landing] .expandable-header-title__name {
    font-size: 1.14286rem;
    line-height: 20px
}

@media screen and (min-width:480px) {
    .root-wrapper[class*=sc-landing] .expandable-header-title__name {
        font-size: 1.42857rem;
        line-height: 24px
    }
}

.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow path,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow polygon,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow rect,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg path,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg polygon,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg rect {
    fill: #000;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-landing] .league-block__header {
    display: none
}

.root-wrapper[class*=sc-match-odds] .breadcrumbs-container--light {
    background-color: initial
}

.root-wrapper[class*=sc-match-odds] .event-details__container {
    background-image: url(assets/static/css-images/special-competition/pre-event-bg.png?v=1) !important;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width:825px) {
    .root-wrapper[class*=sc-match-odds] .event-details__container {
        margin: 0 8px;
        border-radius: 8px
    }
}

.root-wrapper[class*=sc-match-odds] .event-details__info {
    background: #fff;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: initial;
    box-shadow: none
}

.root-wrapper[class*=sc-match-odds] .event-details__teams {
    background: #eceff1;
    margin: 0
}

.root-wrapper[class*=sc-match-odds] .event-details__teams__team {
    padding: 0
}

.root-wrapper[class*=sc-match-odds] .event-details__bottom {
    background: hsla(0, 0%, 100%, .54);
    border-radius: 0 0 8px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 8px
}

.root-wrapper[class*=sc-match-odds] .event-details__bottom__item {
    font-size: .78571rem;
    line-height: 12px;
    color: #69778b
}

.root-wrapper[class*=sc-match-odds] .tabs-navigation {
    margin-bottom: 4px
}

.root-wrapper[class*=sc-guides] .expandable-block {
    padding: 8px;
    background-color: #f6f8f9;
    border-radius: 16px
}

.root-wrapper[class*=sc-guides] .expandable-header {
    height: auto;
    min-height: 40px;
    padding: 8px 0;
    margin-bottom: 8px
}

.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow path,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow polygon,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow rect,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg path,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg polygon,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg rect {
    fill: #000;
    -webkit-transition: .1s cubic-bezier(.64, 0, .35, 1);
    transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.teams-picker-container .teams-picker {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px;
    padding: 4px;
    border-radius: 4px
}

@media screen and (min-width:480px) {
    .teams-picker-container .teams-picker {
        padding: 8px
    }
}

@media screen and (min-width:825px) {
    .teams-picker-container .teams-picker {
        margin: 8px;
        padding: 4px
    }
}

@media screen and (min-width:1025px) {
    .teams-picker-container .teams-picker {
        margin: 8px
    }
}

.teams-picker-container .teams-picker .team {
    text-align: center;
    width: 25%
}

@media screen and (min-width:480px) {
    .teams-picker-container .teams-picker .team {
        width: 25%
    }
}

@media screen and (min-width:1025px) {
    .teams-picker-container .teams-picker .team {
        width: 16.66667%
    }
}

@media screen and (min-width:1366px) {
    .teams-picker-container .teams-picker .team {
        width: 12.5%
    }
}

@media screen and (min-width:1920px) {
    .teams-picker-container .teams-picker .team {
        width: 8.33333%
    }
}

.teams-picker-container .teams-picker .team__link {
    display: block;
    text-decoration: none;
    padding: 8px;
    border-radius: 4px
}

.teams-picker-container .teams-picker .team__link:hover {
    background-color: #eceff1
}

.teams-picker-container .teams-picker .team__link--disabled {
    opacity: .38
}

.teams-picker-container .teams-picker .team__icon {
    margin-bottom: 4px
}

.teams-picker-container .teams-picker .team__title {
    color: rgba(16, 20, 25, .87);
    font-size: .85714rem;
    text-align: center
}

.div-banner {
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.div-banner::-webkit-scrollbar {
    display: none;
}

.next-banner {
    font-size: 32px;
    position: absolute;
    right: 258px;
    height: 200px;
    background: #00000063;
    padding-top: 80px;
    cursor: pointer;
    margin-left: 6px;
    z-index: 10;
    color: white;
    width: 40px;
    margin-top: 20px;
    padding-left: 12px;
}

.previous-banner {
    font-size: 32px;
    position: absolute;
    height: 200px;
    background: #00000063;
    padding-top: 80px;
    cursor: pointer;
    margin-left: 6px;
    z-index: 10;
    color: white;
    width: 40px;
    margin-top: 20px;
    padding-left: 12px;
}

.sport-text {
    position: relative;
    right: -5px;
    bottom: 50px;
    width: 60px;
    display: flex;
    height: 40px;
    white-space: initial;
    text-align: start;
    align-items: end;
}

@media screen and (max-width: 480px) {
    .hide-mobile {
        display: none !important;
    }
}