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%;
    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
}



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

svg {
    display: block
}

* {
    -webkit-overflow-scrolling: touch
}

 
__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) {
    __error-occured {
        padding: 0
    }
}

__error-occured:before {
    display: none
}

.content {
    position: relative;
    /* z-index: 2 */
}


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
}


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

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


.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
}


.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
}

@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") format("woff");
    font-weight: 400;
    font-style: normal
}

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


@-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)
    }
}


.markets {
    margin: 8px 0;
    bottom: 0;
}

.markets--suspended {
    opacity: .38
}

.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
    }
}


@media screen and (min-width:1366px) {
    .markets__market {
        display: inline-block;
        width: 100%
    }
}




.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: 9px;
    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_all_games {
    -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%;
    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: #2572e4;
    -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: .38
}

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: 14px;
    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;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    text-overflow: ellipsis;
    font-weight: 600;

}


.selections .selections__header {
    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;
    padding-right: 0.5px;
}


.selections .selections__selection__title span {
    margin-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 2px;
    color: rgb(255, 255, 255, 0.75);
    display: list-item;    
}

.selections .selections__selection__title--wrap-text span {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    text-align: left
}



.selections .selections__selection__odd {
    font-size: 1rem;
    line-height: 16px;
    font-weight: 700;
    padding-left: 4px;
    color: #cbb224eb;
    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;
    background-color: #00000090;
    font-weight: bold;
}

.markets .selections__selection--columns-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(50% - 4px);
    background-color: #00000090;
}
 
.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;
    background-color: #00000090;
}

.selections .selections__selection__title {

    /* display: inline-flex; */
    color: rgb(255, 255, 255, 0.7);
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}




.selections .selections__in-line {
   
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    opacity: .87;
    position: relative;
    min-width: 30px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    text-overflow: ellipsis;
    font-weight: 600;
    display: flex;
    color: rgb(255, 255, 255, 0.7);

}


.selections .selections__selection__title


.selections .selections__in-line {

    display: inline-flex!important;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgb(255, 255, 255, 0.7);
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}


.selections .selections__in-line span {
    margin-right: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 2px;
    color: rgb(255, 255, 255, 0.75);
    display: inline-flex;    
}



.market.market--live .selections__selection,
.markets.markets--live .selections__selection {
    background: #00000080;
    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: #cbb224eb;
}

.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: .38
}

.markets .selections-group.virtuals .selections__selection__title {
    width: 10px
}


/* USANDO */
.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;
    font-size: 11px;
}



.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%;
    
}

/* USANDO */




@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(/images/missions.png);
    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(/images/giftFill.png);
    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
} */



.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: #2572e4
}

.toggle-switch input:checked+.toggle-switch__slider:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

.tooltip {
    display: block !important;
    z-index: 1000;
    outline: none
}

.tooltip .tooltip-inner {
    background: #fff;
    color: #000;
    border-radius: 4px;
    padding: 8px;
    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
}

.tooltip .tooltip-inner strong {
    font-weight: 700
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 8px;
    border-color: #fff;
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: 8px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 8px 8px 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -7px;
    left: calc(50% - 8px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
    margin-top: 8px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 8px 8px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -7px;
    left: calc(50% - 8px);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right] {
    margin-left: 4px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 8px 8px 8px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -7px;
    top: calc(50% - 8px);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left] {
    margin-right: 8px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 8px 0 8px 8px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -7px;
    top: calc(50% - 8px);
    margin-left: 0;
    margin-right: 0
}

.tooltip.popover .popover-inner {
    background: #fff;
    color: #000;
    padding: 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .34)
}

.tooltip.popover .popover-arrow {
    border-color: #fff
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.tooltip[x-out-of-boundaries] {
    visibility: hidden !important
}



@-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
    }
}




.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}



.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-m-n {
    margin: 4px;
    margin-bottom: 8px;
}



.tw-mx-n {
    margin-left: 8px;
    margin-right: 8px
}

.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-my-n {
    margin-top: 8px;
    margin-bottom: 8px
}

.tw-mx-xs {
    margin-left: 2px;
    margin-right: 2px
}

.tw-my-xs {
    margin-top: 2px;
    margin-bottom: 2px
}

.tw-mx-s {
    margin-left: 4px;
    margin-right: 4px
}


.tw-my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.tw-mb-n {
    margin-bottom: 8px
}

.tw-mt-m {
    margin-top: 16px
}

.tw-mr-n {
    margin-right: 8px
}

.tw-ml-n {
    margin-left: 0px
}

.tw-mb-m {
    margin-bottom: 16px
}

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

.tw-mr-0 {
    margin-right: 0
}

.tw-ml-0 {
    margin-left: 0
}

.tw-ml-xs {
    margin-left: 2px
}

.tw-mt-l {
    margin-top: 24px
}

.tw-mb-s {
    margin-bottom: 4px
}

.tw-mr-s {
    margin-right: 4px
}

.tw-mt-s {
    margin-top: 4px
}

.tw-ml-s {
    margin-left: 4px
}

.-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-n {
    margin-top: 8px
}

.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-mb-l {
    margin-bottom: 24px
}

.tw-mb-xs {
    margin-bottom: 2px
}

.tw-mt-0 {
    margin-top: 0
}

.tw-mr-auto {
    margin-right: auto
}

.tw-ml-auto {
    margin-left: 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-\[45px\] {
    margin-top: 45px
}

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

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

.tw-mt-xxl {
    margin-top: 40px
}

.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-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-mr-\[3px\] {
    margin-right: 3px
}

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

.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-\[2\/3\] {
    aspect-ratio: 2/3
}

.tw-h-l {
    height: 24px
}

.tw-h-full {
    height: 100%
}

.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-xxs {
    height: 16px
}

.tw-h-\[32px\] {
    height: 32px
}

.tw-h-icon-sxxs {
    height: 14px
}

.tw-h-\[114px\] {
    height: 114px
}

.tw-h-\[41px\] {
    height: 41px
}

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

.tw-h-icon-xs {
    height: 20px
}

.tw-h-\[45px\] {
    height: 45px
}

.tw-h-m {
    height: 16px
}

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

.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-auto {
    height: auto
}

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

.tw-h-icon-xxxs {
    height: 12px
}

.tw-h-xl {
    height: 32px
}

.tw-h-px {
    height: 1px
}

.tw-h-\[12px\] {
    height: 12px
}

.tw-h-\[15px\] {
    height: 15px
}

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

.tw-h-\[34px\] {
    height: 34px
}

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

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

.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-\[10px\] {
    height: 10px
}

.tw-h-s {
    height: 4px
}

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

.tw-h-\[66px\] {
    height: 66px
}

.tw-h-\[72\.8px\] {
    height: 72.8px
}

.tw-h-\[77px\] {
    height: 77px
}

.tw-h-icon-s {
    height: 24px
}

.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-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-full {
    max-height: 100%
}

.\!tw-max-h-\[150px\] {
    max-height: 150px !important
}

.tw-max-h-0 {
    max-height: 0
}

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

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

.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-full {
    width: 100%;
   
}

.tw-w-full-pj {
    width: 100%;
    height: 100%;
    margin-top: -1px;

   
}

.tw-w-inherit {
    width: inherit
}

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

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

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

.tw-w-icon-xxs {
    width: 16px
}

.tw-w-\[74px\] {
    width: 74px
}

.tw-w-xxl {
    width: 40px
}

.tw-w-auto {
    width: auto
}

.tw-w-icon-xs {
    width: 20px
}

.tw-w-\[90\%\] {
    width: 90%
}

.tw-w-m {
    width: 16px
}

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

.tw-w-\[296px\] {
    width: 296px
}

.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-\[42px\] {
    width: 42px
}

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

.tw-w-icon-sxxs {
    width: 14px
}

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

.tw-w-\[205px\] {
    width: 205px
}

.tw-w-\[230px\] {
    width: 230px
}

.tw-w-\[18px\] {
    width: 18px
}

.tw-w-\[300px\] {
    width: 300px
}

.tw-w-icon-xxxs {
    width: 12px
}

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

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

.tw-w-xl {
    width: 32px
}

.tw-w-px {
    width: 1px
}

.tw-w-\[15px\] {
    width: 15px
}

.tw-w-\[66\%\] {
    width: 66%
}

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

.tw-w-\[16px\] {
    width: 16px
}

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

.tw-w-\[266px\] {
    width: 266px
}

.tw-w-\[58px\] {
    width: 58px
}

.tw-w-\[56px\] {
    width: 56px
}

.tw-w-\[64px\] {
    width: 64px
}

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

.tw-w-\[1px\] {
    width: 1px
}

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

.tw-w-\[340px\] {
    width: 340px
}

.tw-w-\[240px\] {
    width: 240px
}

.tw-w-\[600px\] {
    width: 600px
}

.tw-w-icon-l {
    width: 56px
}

.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-\[10px\] {
    width: 10px
}

.tw-w-s {
    width: 4px
}

.tw-w-screen {
    width: 100vw
}

.tw-w-\[500px\] {
    width: 500px
}

.tw-w-\[122px\] {
    width: 122px
}

.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\],
.tw-w-icon-s {
    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-\[80px\] {
    width: 80px
}

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

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

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

.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-\[110px\] {
    min-width: 110px
}

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

.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-\[205px\] {
    max-width: 205px
}

.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-\[170px\] {
    max-width: 170px
}

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

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

.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-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 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.tw-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.tw-rotate-180,
.tw-translate-x-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-rotate-180 {
    --tw-rotate: 180deg
}

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

.-tw-rotate-45,
.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))
}



@-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)
    }
}


@-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-cursor-pointer {
    cursor: pointer
}

.tw-cursor-auto {
    cursor: auto
}

.tw-cursor-default {
    cursor: default
}

.\!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;
    z-index: 0;
}

.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-gap-\[6px\] {
    gap: 6px
}

.tw-gap-n {
    gap: 8px
}

.tw-gap-s {
    gap: 4px
}

.tw-gap-xs {
    gap: 2px
}

.tw-gap-m {
    gap: 16px
}

.tw-gap-\[30px\] {
    gap: 30px
}

.tw-gap-l {
    gap: 24px
}

.tw-gap-\[64px\] {
    gap: 64px
}

.tw-gap-y-n {
    row-gap: 8px
}

.tw-gap-x-n {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-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-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;
    font-weight: 600;
    font-size: 14px;
    margin: auto 0;
    padding-left: 5px;
    margin-bottom: 3px;
    margin-top: 3px;

}


.tw-truncate-text {
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    font-size: 15px;
    margin: auto 0;
    
}


.tw-hor{
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
    padding-left: 10px;
}

.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-rounded-s {
    border-radius: 8px
}

.tw-rounded-xs {
    border-radius: 4px
}

.tw-rounded-m {
    border-radius: 16px
}

.tw-rounded-bubble {
    border-radius: 50%
}

.tw-rounded-pill {
    border-radius: 64px
}

.\!tw-rounded-0 {
    border-radius: 0 !important
}

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

.tw-rounded-0 {
    border-radius: 0
}

.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-t-m {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.tw-rounded-t-s {
    border-top-right-radius: 8px
}

.tw-rounded-t-s,
.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-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-b-0 {
    border-bottom-width: 0
}

.tw-border-b-s {
    border-bottom-width: .5px
}

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

.tw-border-t {
    border-top-width: 1px
}

.tw-border-t-0 {
    border-top-width: 0
}

.tw-border-t-n {
    border-top-width: 1px
}

.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: #060E2A;
    min-height: 96px;
}


.tw-border-n-17-black-pearl-live {
    --tw-border-opacity: 1;
    border-color: #060E2A;
    min-height: 80px;
}

.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-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-\[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-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

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

.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-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-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-white-snow {
    --tw-bg-opacity: 1;
    background-color: hsla(0,0%,100%,.09);
    border-radius: 10px;
}

.tw-bg-n-13-steel {
    --tw-bg-opacity: 1;
    
    width: 100%;
}

.tw-bg-secondary {
    background-color: var(--theme-brand-color-secondary)
}

.tw-bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.tw-bg-n-97-porcelain {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 249/var(--tw-bg-opacity))
}

.tw-bg-n-22-licorice {
    --tw-bg-opacity: 1;
    background-color:  hsla(0,0%,100%,.09);
    border-radius: 5px;
}

.tw-bg-n-75-smokey {
    --tw-bg-opacity: 1;
    background-color: rgb(182 188 198/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-n-17-black-pearl {
    --tw-bg-opacity: 1;
    
}

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


.tw-bg-n-13-steel\/xl {
    background-color: rgba(28, 32, 38, .87)
}


.tw-bg-moon-light {
    --tw-bg-opacity: 1;
    background-color: rgb(237 246 254/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-white-snow {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.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-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-n-36-east-bay {
    --tw-bg-opacity: 1;
    background-color: rgb(72 87 111/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-n-48-slate {
    --tw-bg-opacity: 1;
    background-color: rgb(105 119 139/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-\[0\.8\] {
    --tw-bg-opacity: 0.8
}

.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-n-13-steel {
    fill: #1c2026
}

.tw-fill-current {
    fill: currentColor
}

.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-mars-base {
    fill: #f0506e
}

.tw-fill-moon-base {
    fill: #2572e4
}

.tw-fill-n-97-porcelain {
    fill: #f6f8f9
}

.tw-fill-afrodite {
    fill: #f3d113
}

.tw-fill-n-36-east-bay {
    fill: #48576f
}

.tw-fill-white,
.tw-fill-white-snow {
    fill: #fff
}

.tw-fill-\[none\] {
    fill: none
}

.tw-fill-n-75-smokey {
    fill: #b6bcc6
}

.tw-stroke-n-8-dark-steel {
    stroke: #101419
}

.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-s {
    padding: 4px
}

.tw-p-l {
    padding: 24px
}

.tw-p-xxl {
    padding: 40px
}

.\!tw-p-0 {
    padding: 0 !important
}

.tw-p-0 {
    padding: 0
}

.tw-p-\[12px\] {
    padding: 12px
}

.tw-p-xs {
    padding: 2px
}

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

.tw-px-n {
    padding-left: 3px;
    padding-right: 3px;
}

.tw-py-m {
    padding-top: 16px;
    padding-bottom: 16px
}

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

.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-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!tw-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.tw-py-s {
    padding-top: 4px;
    padding-bottom: 4px
}

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

.tw-px-xs {
    padding-left: 2px;
    padding-right: 2px
}

.tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.tw-py-xs {
    padding-top: 2px;
    padding-bottom: 2px
}


.tw-py-pt {
    margin-top: 2px;
    
}

.tw-px-xl {
    padding-left: 32px;
    padding-right: 32px
}

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

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

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

.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-\[3px\] {
    padding-left: 3px
}

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

.tw-pl-n {
    padding-left: 8px
}

.tw-pt-m {
    padding-top: 16px
}

.tw-pb-n {
    padding-bottom: 8px
}

/* .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
}

.\!tw-pl-s {
    padding-left: 4px !important
}

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

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

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

.tw-pb-0 {
    padding-bottom: 0
}

.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-pb-s {
    padding-bottom: 4px
}

.tw-pl-m {
    padding-left: 16px
}

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

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

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

.tw-pb-m {
    padding-bottom: 16px
}

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

.tw-pb-xl {
    padding-bottom: 32px
}

.tw-pb-icon-l {
    padding-bottom: 56px
}

.tw-pr-s {
    padding-right: 4px
}

.tw-pt-xs {
    padding-top: 2px
}

.tw-pb-l {
    padding-bottom: 24px
}

.tw-pr-m {
    padding-right: 16px
}

.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-pr-\[6px\] {
    padding-right: 6px
}

.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-xs {
    padding-right: 2px
}

.tw-pt-s {
    padding-top: 4px
}

.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: Roboto, Arial, Helvetica, sans-serif
} */

.tw-text-xs {
    font-size: .8571428571428571rem
}

.tw-text-s {
    font-size: 1rem
}

.tw-text-xxs {
    font-size: .7857142857142857rem
}

.tw-text-l {
    font-size: 1.4285714285714286rem
}

.tw-text-m {
    font-size: 1.1428571428571428rem
}

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

.tw-text-xxxs {
    font-size: .7142857142857143rem
}

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

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

.tw-text-tiny {
    font-size: .6428571428571429rem
}

.tw-text-xl {
    font-size: 1.7142857142857142rem
}

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

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

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

.tw-text-xxl {
    font-size: 2.5714285714285716rem
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-medium {
    font-weight: 500
}

.tw-font-light {
    font-weight: 300
}

.tw-font-regular {
    font-weight: 400
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-capitalize {
    text-transform: capitalize
}

.tw-italic {
    font-style: italic
}

.tw-leading-s {
    line-height: 19px;
    padding-right: 17px;
    font-weight: 450;
}

.tw-leading-xs {
    line-height: 12px
}

.tw-leading-m {
    line-height: 20px;
    font-weight: 600;
}

.tw-leading-xl {
    line-height: 40px
}

.tw-leading-l {
    line-height: 24px
}

.tw-leading-xxs {
    line-height: 11px
}

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

.tw-leading-0 {
    line-height: 0
}

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

.tw-leading-s-xs {
    line-height: 14px
}

.tw-tracking-l {
    letter-spacing: .4px
}

.tw-tracking-s {
    letter-spacing: .2px
}

.tw-text-n-90-dark-snow {
    --tw-text-opacity: 1;
    color: rgb(224 228 234/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-22-licorice {
    --tw-text-opacity: 1;
    color: rgb(45 55 69/var(--tw-text-opacity))
}



.tw-text-inherit {
    color: inherit
}



.tw-text-white-snow {
    --tw-text-opacity: 1;
    color: #adacac;
}

.tw-text-n-28-cloud-burst {
    --tw-text-opacity: 1;
    color: rgb(55 68 86/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-n-48-slate {
    --tw-text-opacity: 1;
    color: rgb(105 119 139/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: rgba(255, 255, 255, 0.5);
}

.tw-text-live-event-suspended {
    --tw-text-opacity: 1;
    color: rgb(111 117 126/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: #adacac
}

.tw-text-moon-dark {
    --tw-text-opacity: 1;
    color: rgb(32 77 124/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-moon-base {
    --tw-text-opacity: 1;
    color: rgb(37 114 228/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-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-black,
.tw-text-dark {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.tw-text-slate-50 {
    --tw-text-opacity: 1;
    color: rgb(248 250 252/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;
    padding-left: 1px;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
}

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

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

.tw-opacity-full {
    opacity: 1
}

.tw-opacity-xl {
    opacity: .87;
    color: rgb(255,255,255,0.7);
    font-size: 16px;
    font-weight: 480;
    padding: 10px 0px 10px 5px;
}

.\!tw-opacity-full {
    opacity: 1 !important
}

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

.tw-opacity-zero {
    opacity: 0
}

.tw-opacity-xs {
    opacity: .05
}

.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-\[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-\[0_4px_24px_rgba\(28\,32\,38\,0\.28\)\],
.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-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: 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)
}

.tw-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tw-outline-0 {
    outline-width: 0
}

.tw-outline-transparent {
    outline-color: transparent
}

.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-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-xxs {
    width: 16px;
    height: 16px
}

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

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

.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-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-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-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-top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:tw-z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:tw-block:after {
    content: var(--tw-content);
    display: block
}

.after\:tw-hidden:after {
    content: var(--tw-content);
    display: none
}

.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-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-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-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(37 114 228/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;
    padding: 6px;
}

.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
}

@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-transparent:hover {
        background-color: transparent
    }

    .hover\:tw-bg-primary:hover {
        background-color: var(--theme-brand-color-primary)
    }

    .hover\:tw-bg-moon-base:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(37 114 228/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-n-28-cloud-burst\/m:hover {
        background-color: rgba(55, 68, 86, .38)
    }

    .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(37 114 228/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-xl:hover {
        opacity: .87
    }

    .hover\:tw-opacity-full:hover {
        opacity: 1
    }
}

.focus\:tw-bg-n-28-cloud-burst:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(55 68 86/var(--tw-bg-opacity))
}


.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
}

.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-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-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
    }
}

@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-w-1\/2,
    .xs\:tw-w-\[50\%\] {
        width: 50%
    }

    .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-xxl {
        font-size: 2.5714285714285716rem
    }

    .xs\:tw-text-xl {
        font-size: 1.7142857142857142rem
    }

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

    .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-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-mr-\[12px\] {
        margin-right: 12px
    }

    .s\:tw-mb-xxl {
        margin-bottom: 40px
    }

    .s\:tw-mt-s {
        margin-top: 4px
    }

    .s\:tw-mb-n {
        margin-bottom: 8px
    }

    .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-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-n-17-black-pearl {
        --tw-bg-opacity: 1;
        background-color: rgb(35 43 54/var(--tw-bg-opacity))
    }

    .s\:\!tw-py-l {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }

    .s\:tw-px-l {
        padding-left: 24px;
        padding-right: 24px
    }

    .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-text-xxxs {
        font-size: .7142857142857143rem
    }

    .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-ml-s {
        margin-left: 4px
    }

    .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-auto {
        margin-top: auto
    }

    .m\:tw-mb-l {
        margin-bottom: 24px
    }

    .m\:tw-ml-n {
        margin-left: 8px
    }

    .m\:tw-mt-0 {
        margin-top: 0
    }

    .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-max-w-\[calc\(50\%-4px\)\] {
        max-width: calc(50% - 4px)
    }

    .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-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-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-w-\[calc\(100\%-320px\)\] {
        width: calc(100% - 320px)
    }

    .ml\:tw-bg-n-13-steel {
        --tw-bg-opacity: 1;
        background-color: rgb(28 32 38/var(--tw-bg-opacity))
    }

    .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-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-pb-n {
        padding-bottom: 8px
    }

    .l\:tw-text-xl {
        font-size: 1.7142857142857142rem
    }

    .l\:tw-text-l {
        font-size: 1.4285714285714286rem
    }
}


.\[\&\: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-e177c67e]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-e177c67e] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-e177c67e]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-e177c67e]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-e177c67e]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-e177c67e] {
        scrollbar-width: thin
    }
} */


.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
}


.color-smokey-300[data-v-fc318eb0] {
    color: #b6bcc6
}

.color-slate[data-v-fc318eb0] {
    color: #69778b
}

.color-steel-800[data-v-fc318eb0] {
    color: #1c2026
}



.color-smokey-300[data-v-4a3c8e5b] {
    color: #b6bcc6
}

.color-slate[data-v-4a3c8e5b] {
    color: #69778b
}

.color-steel-800[data-v-4a3c8e5b] {
    color: #1c2026
}


/* USANDO */
[data-v-6826e1d8]: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: #2572e4;
    colorPearl700: #232b36;
    colorPearl700Rgb: 35, 43, 54;
    colorPorcelain: #f6f8f9;
    colorSpecialCompetition: #8a1538;
    colorHermesLight: #bca9ff
}

.color-smokey-300[data-v-6826e1d8] {
    color: #b6bcc6
}

.color-slate[data-v-6826e1d8] {
    color: #69778b
}

.color-steel-800[data-v-6826e1d8] {
    color: #1c2026
}


[data-v-6826e1d8]:export {
    opacityFull: 1;
    opacityXxl: .95;
    opacityXl: .87;
    opacityL: .54;
    opacityM: .38;
    opacityS: .17;
    opacityXs: .05;
    opacityZero: 0
}

.opacity-xl[data-v-6826e1d8] {
    opacity: .87
}

@media screen and (min-width:1025px) {
    [data-v-6826e1d8]::-webkit-scrollbar {
        width: 8px;
        background-color: transparent
    }

    [data-v-6826e1d8]::-webkit-scrollbar-thumb {
        background-color: rgba(182, 188, 198, .54)
    }

    [data-v-6826e1d8]::-webkit-scrollbar-thumb:hover {
        background-color: rgba(182, 188, 198, .87)
    }
}

@supports (-moz-appearance:none) {
    [data-v-6826e1d8] {
        scrollbar-width: thin
    }
}

.highlighted-market[data-v-6826e1d8] {
    -webkit-animation: highlight 5s ease-out;
    animation: highlight 5s ease-out
}



.tooltip.popover.on-boarding-popover {
    white-space: normal;
    padding: 0;
    min-width: 230px;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .38);
    background-color: #2572e4;
    color: #fff;
    font-size: .85714rem;
    line-height: 16px
}

.tooltip.popover.on-boarding-popover .popover-inner {
    color: inherit;
    background: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: inherit;
    line-height: inherit;
    max-width: 230px !important
}

@media screen and (min-width:825px) {
    .tooltip.popover.on-boarding-popover .popover-inner {
        max-width: 300px !important
    }
}

.tooltip.popover.on-boarding-popover .popover-arrow {
    border-color: #2572e4
}



.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)
}

@media (min-width:1600px) {
    .toggle-switch__slider .icon--text[data-v-1328d066] {
        display: none
    }
}

.toggle-switch__slider[data-v-1328d066]:before {
    height: 22px;
    width: 22px;
    z-index: 1
}

.live-event__details .tabs-navigation .toggle-switch__text[data-v-1328d066] {
    opacity: .87;
    color: #fff
}

.live-event__details .tabs-navigation .toggle-switch__text.mc-enabled[data-v-1328d066] {
    opacity: unset
}
/* USANDO FINAL */


[class*=sc-] .selections__selection {
    background: #f4f2e4;
    border-radius: 8px 2px
}

[class*=sc-] .selections__selection__odd {
    color: #8a1538;
    font-weight: 700
}

[class*=sc-] .selections__selection__original-odd {
    color: #69778b
}

[class*=sc-] .selections__selection__title {
    color: #1c2026
}

[class*=sc-] .selections__selection:hover {
    background: #e8e6d8
}

[class*=sc-] .selections__selection--active {
    background: #8a1538
}

[class*=sc-] .selections__selection--active .selections__selection__odd,
[class*=sc-] .selections__selection--active .selections__selection__title {
    color: #fff
}

[class*=sc-] .selections__selection--active .selections__selection__original-odd {
    color: #e8e6d8
}

[class*=sc-] .selections__selection--active:hover {
    background: #8a1538
}

[class*=sc-] .selections__selection--progress-state:after,
[class*=sc-] .selections__selection--progress-state:before {
    background-color: #8a1538
}

[class*=sc-] .selections__selection--progress-state .selections__selection__odd,
[class*=sc-] .selections__selection--progress-state .selections__selection__title {
    color: #fff
}

[class*=sc-] .selections__selection--progress-state .selections__selection__original-odd {
    color: #e8e6d8
}



[class*=sc-] .anchor {
    position: relative;
    top: -150px
}

@media screen and (min-width:825px) {
    [class*=sc-] .anchor {
        top: -90px
    }
}


[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))
}

[class*=sc-] .bod--no-shadow:before {
    opacity: .17
}

[class*=sc-] .market--live .selections__selection--active {
    background: #8a1538
}

[class*=sc-] .bet-activity-section {
    background: #eceff1;
    padding-left: 0
}

[class*=sc-] .markets__market {
    border-radius: 8px;
    padding: 4px 8px
}

[class*=sc-] .markets__market:last-child {
    margin-bottom: 4px
}

[class*=sc-] .table-layout-container {
    padding: 4px 0
}

[class*=sc-] .table-layout-container:last-child {
    margin-bottom: 4px
}



[class*=sc-] .events-list-toggle {
    margin: 0 16px
}

[class*=sc-] .events-list-toggle--blocks-tabs {
    margin: 0
}

@media screen and (min-width:480px) {
    [class*=sc-] .events-list-toggle--blocks-tabs {
        margin: 0 8px
    }
}

[class*=sc-] .events-list-toggle .toggle-switch input:checked+.toggle-switch__slider {
    background-color: #8a1538
}

[class*=sc-matches] .events-list-toggle {
    margin: 0 8px
}



[class*=sc-matches] .markets__market__header__title {
    padding-top: 8px
}

[class*=sc-landing] .bet-activity-section {
    padding-top: 0
}

[class*=sc-landing] .events-list-toggle {
    padding: 8px;
    margin: 0 8px
}

@media screen and (min-width:480px) {
    [class*=sc-landing] .events-list-toggle {
        margin: 0 16px
    }
}


.tooltip.popover.chat-message-popover .popover-inner {
    padding: 0;
    background: var(--chat-message-popover-bg-color);
    max-width: 300px !important
}

.tooltip.popover.chat-message-popover .popover-arrow {
    border-color: var(--chat-message-popover-bg-color)
}


.tooltip.popover.chat-message-popover.chat-reactions-popover .popover-inner {
    margin-left: 8px
}

.color-steel-800 {
    color: #1c2026
}



.opacity-xl {
    opacity: .87
}

@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
    }
}


.tw-border-n-17-black-pearl-game {
    border: none;
    margin-right: -8px;
    
}



.button-no-color{
    background: none;
    
}

.button-no-color:hover{
    background: rgb(0, 0, 0, 0.8);
    
}

.color-state-gray{
    color: rgb(255,255,255,0.5);
    font-size: 11px;
}


.agenda-completa{
    padding: 10px;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}

.agenda-completa a{
    color: whitesmoke;
    font-weight: 600;
    
}