@font-face {
    font-family: merit;
    src: url(/fonts/merit.eot?12cbd19a0e5daaab65de34e0769a9da9);
    src: url(/fonts/merit.eot?12cbd19a0e5daaab65de34e0769a9da9) format("embedded-opentype"), url(/fonts/merit.ttf?0e7b7a3f1175256206ff0d3300dc7db3) format("truetype"), url(/fonts/merit.woff?07cf9a11ade19d127131d6edbd8f03fb) format("woff"), url(/fonts/merit.svg?5a7af4ce1512bcb11f8e5fe0b7360921) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" icon-"],
[class^=icon-] {
    font-family: Titillium Web, sans-serif !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.icon-check-special:before {
    content: "\E971"
}

.icon-times-special:before {
    content: "\E972"
}

.icon-gifts:before {
    content: "\E96D"
}

.icon-metro:before {
    content: "\E96E"
}

.icon-bomb:before {
    content: "\E96F"
}

.icon-megaphone:before {
    content: "\E970"
}

.icon-phone-solid:before {
    content: "\E96C"
}

.icon-phone:before {
    content: "\E96A"
}

.icon-cherry:before {
    content: "\E96B"
}

.icon-bitcoin:before {
    content: "\E968"
}

.icon-chart:before {
    content: "\E969"
}

.icon-handshake:before {
    content: "\E906"
}

.icon-gift-light:before {
    content: "\E965"
}

.icon-headset:before {
    content: "\E966"
}

.icon-cards:before {
    content: "\E967"
}

.icon-slot-machine-light:before {
    content: "\E963"
}

.icon-dice:before {
    content: "\E964"
}

.icon-plane-departure:before {
    content: "\E961"
}

.icon-astronaut:before {
    content: "\E962"
}

.icon-paper-plane:before {
    content: "\E960"
}

.icon-flag:before {
    content: "\E95F"
}

.icon-ticket:before {
    content: "\E95E"
}

.icon-clipboard:before {
    content: "\E95D"
}

.icon-android:before {
    content: "\E95B"
}

.icon-apple:before {
    content: "\E95C"
}

.icon-eye:before {
    content: "\E959"
}

.icon-eye-slash:before {
    content: "\E95A"
}

.icon-user-pen:before {
    content: "\E958"
}

.icon-google:before {
    content: "\E957"
}

.icon-play:before {
    content: "\E956"
}

.icon-messages:before {
    content: "\E94F"
}

.icon-history:before {
    content: "\E950"
}

.icon-logout:before {
    content: "\E951"
}

.icon-file:before {
    content: "\E952"
}

.icon-verify:before {
    content: "\E953"
}

.icon-edit:before {
    content: "\E954"
}

.icon-toolbox:before {
    content: "\E955"
}

.icon-bank:before {
    content: "\E94E"
}

.icon-hourglass:before {
    content: "\E94D"
}

.icon-copy:before {
    content: "\E94C"
}

.icon-wallet-outlined:before {
    content: "\E949"
}

.icon-time:before {
    content: "\E94A"
}

.icon-wallet:before {
    content: "\E94B"
}

.icon-play-circle:before {
    content: "\E948"
}

.icon-turkish-lira:before {
    content: "\E947"
}

.icon-trash:before {
    content: "\E946"
}

.icon-star-outline:before {
    content: "\E945"
}

.icon-arrow-down-short-wide:before {
    content: "\E940"
}

.icon-arrow-down-big-small:before {
    content: "\E944"
}

.icon-clock:before {
    content: "\E941"
}

.icon-calendar-week:before {
    content: "\E942"
}

.icon-calendar-day:before {
    content: "\E943"
}

.icon-video:before {
    content: "\E93F"
}

.icon-stats:before {
    content: "\E93E"
}

.icon-filters:before {
    content: "\E93D"
}

.icon-sync:before {
    content: "\E93B"
}

.icon-expand:before {
    content: "\E93C"
}

.icon-club:before {
    content: "\E937"
}

.icon-diamond-alt:before {
    content: "\E938"
}

.icon-heart:before {
    content: "\E939"
}

.icon-spade:before {
    content: "\E93A"
}

.icon-chevron-left:before {
    content: "\E936"
}

.icon-trophy:before {
    content: "\E935"
}

.icon-search:before {
    content: "\E934"
}

.icon-medal:before {
    content: "\E932"
}

.icon-fire-flame:before {
    content: "\E933"
}

.icon-globe:before {
    content: "\E931"
}

.icon-gift:before {
    content: "\E92B"
}

.icon-money-bill:before {
    content: "\E92E"
}

.icon-paper:before {
    content: "\E92F"
}

.icon-slideshare:before {
    content: "\E930"
}

.icon-envelope-check:before {
    content: "\E92A"
}

.icon-click-link:before {
    content: "\E92C"
}

.icon-how:before {
    content: "\E92D"
}

.icon-hexagon-exclamation:before {
    content: "\E929"
}

.icon-hexagon:before {
    content: "\E927"
}

.icon-hexagon-check:before {
    content: "\E928"
}

.icon-caret-down:before {
    content: "\E925"
}

.icon-caret-up:before {
    content: "\E926"
}

.icon-mobile:before {
    content: "\E91E"
}

.icon-id-card:before {
    content: "\E91F"
}

.icon-calendar:before {
    content: "\E920"
}

.icon-building:before {
    content: "\E921"
}

.icon-map-marker:before {
    content: "\E922"
}

.icon-envelope:before {
    content: "\E923"
}

.icon-lock:before {
    content: "\E924"
}

.icon-star:before {
    content: "\E91D"
}

.icon-sports:before {
    content: "\E917"
}

.icon-users:before {
    content: "\E918"
}

.icon-slot-machine:before {
    content: "\E919"
}

.icon-coins:before {
    content: "\E91A"
}

.icon-plus-circle:before {
    content: "\E91B"
}

.icon-times-circle:before {
    content: "\E91C"
}

.icon-bars:before {
    content: "\E90D"
}

.icon-times:before {
    content: "\E90E"
}

.icon-baccarat:before {
    content: "\E900"
}

.icon-backgammon:before {
    content: "\E901"
}

.icon-bingo:before {
    content: "\E902"
}

.icon-blackjack:before {
    content: "\E903"
}

.icon-diamond:before {
    content: "\E904"
}

.icon-dog:before {
    content: "\E905"
}

.icon-home:before {
    content: "\E907"
}

.icon-horse:before {
    content: "\E908"
}

.icon-live:before {
    content: "\E909"
}

.icon-tv-live:before {
    content: "\E90A"
}

.icon-tv:before {
    content: "\E90B"
}

.icon-zeplin:before {
    content: "\E90C"
}

.icon-facebook:before {
    content: "\E90F";
    color: #1877f2
}

.icon-instagram:before {
    content: "\E910";
    color: #e4405f
}

.icon-pinterest:before {
    content: "\E911";
    color: #bd081c
}

.icon-skype:before {
    content: "\E912";
    color: #00aff0
}

.icon-telegram:before {
    content: "\E913";
    color: #2ca5e0
}

.icon-twitter:before {
    content: "\E914";
    color: #1da1f2
}

.icon-whatsapp:before {
    content: "\E915";
    color: #25d366
}

.icon-youtube:before {
    content: "\E916";
    color: red
}

.spinner {
    width: 70px;
    margin-top: 1rem;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #ebb058;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.toasted-container.bottom-right {
    padding: 0 1rem;
    bottom: calc(env(safe-area-inset-bottom) + 2rem) !important
}

@media (min-width:1024px) {
    .toasted-container.bottom-right {
        padding: 0
    }
}

.toasted-container .toasted.app-toast {
    max-width: 100vw;
    font-weight: 600;
    line-height: normal;
    font-size: .875rem;
    color: #fff;
    padding: .75rem 1.5rem .75rem 1rem;
    border-radius: 5px;
    background-color: #0e2258;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:1024px) {
    .toasted-container .toasted.app-toast {
        max-width: 350px
    }
}

.toasted-container .toasted.app-toast>i:first-child {
    font-size: 1rem;
    margin-right: .5rem
}

.toasted-container .toasted.app-toast a.action {
    position: absolute;
    top: .375rem;
    right: .375rem;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: normal;
    border-radius: 0
}

.toasted-container .toasted.app-toast.toast--success {
    color: #fff;
    border: 1px solid #00c717;
    background-color: rgba(0, 199, 23, .9)
}

.toasted-container .toasted.app-toast.toast--error {
    border: 1px solid #f42727;
    background-color: rgba(244, 39, 39, .9)
}

input:disabled,
select:disabled {
    opacity: 1
}

.input--reset {
    width: 100%;
    border: none;
    outline: none;
    font-size: .875rem;
    font-family: inherit;
    border-radius: 0;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.input--reset::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input--reset::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input--reset::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input--reset::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input--reset:disabled {
    cursor: not-allowed;
    color: hsla(0, 0%, 100%, .38)
}

.input__container {
    width: 100%;
    position: relative;
    margin-bottom: 1rem
}

.input__root {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input {
    width: 100%;
    border: none;
    outline: none;
    font-size: .875rem;
    font-family: inherit;
    color: #fff;
    padding: .375rem 1rem .375rem 2rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #091840;
    border-bottom: 2px solid #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.input.input--invalid,
.input.input--invalid:focus,
.input.input--invalid:hover {
    border-color: #f42727
}

.input.input__select {
    padding: .375rem 2rem
}

.input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.input:focus,
.input:hover {
    border-color: #ebb058
}

.input:disabled {
    color: hsla(0, 0%, 100%, .38);
    border-color: hsla(0, 0%, 100%, .38)
}

.input__icon {
    position: absolute;
    left: .375rem
}

img.input__icon {
    width: .875rem
}

.input__error {
    color: #f42727;
    font-size: .75rem;
    font-style: italic;
    margin-top: .25rem
}

.input-phone .input {
    padding-left: 5rem
}

.input-phone__selected {
    position: absolute;
    left: 2rem;
    bottom: 2px;
    width: 2.5rem;
    height: calc(100% - 2px);
    overflow: hidden;
    padding: .375rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-phone__selected i {
    vertical-align: text-top
}

.input-phone__selected img {
    display: block;
    height: 100%;
    max-width: 70%;
    -o-object-fit: contain;
    object-fit: contain
}

.input-phone__countries {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    background-color: #0e1f4e;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9;
    -webkit-transition: height .2s ease;
    transition: height .2s ease
}

.input-phone__countries li {
    width: 100%;
    cursor: pointer;
    position: relative;
    padding: .375rem 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.input-phone__countries li:nth-child(2n) {
    background-color: #091840
}

.input-phone__countries li span:first-child {
    position: absolute;
    left: 1rem
}

.input-phone__countries li span:nth-child(2) {
    padding-left: 3rem;
    font-size: .75rem
}

.input-phone__countries.input-phone__countries--collapsed {
    height: 200px;
    overflow: scroll;
    overflow: overlay;
    border: 1px solid #fff
}

.select__arrow {
    position: absolute;
    right: .5rem;
    pointer-events: none
}

.select__arrow--disabled {
    color: hsla(0, 0%, 100%, .38)
}

.checkbox__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 1rem;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.checkbox__container .checkbox__root,
.checkbox__container i,
.checkbox__container label {
    cursor: pointer
}

@media (hover:hover) and (min-width:1024px) {
    .checkbox__container:hover {
        color: #ebb058
    }
}

.checkbox--invalid {
    color: #f42727
}

.checkbox--disabled {
    color: hsla(0, 0%, 100%, .38)
}

.checkbox--disabled .checkbox__root,
.checkbox--disabled i,
.checkbox--disabled label {
    cursor: not-allowed
}

@media (hover:hover) and (min-width:1024px) {
    .checkbox--disabled:hover {
        color: hsla(0, 0%, 100%, .38)
    }
}

.checkbox__root {
    margin-right: .5rem;
    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
}

.checkbox__input {
    position: absolute;
    visibility: hidden
}

.s-input__root {
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #1b3a8e;
    background-color: #091840
}

.s-input__root,
.s-input__root label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.s-input__root label {
    width: 2.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .4375rem .5rem;
    background-color: #0e2258;
    border-right: 1px solid #1b3a8e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s-input__root label i:before {
    color: #fff
}

.s-input__root.s-input--invalid i:before {
    color: #f42727
}

.s-input {
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: .875rem;
    font-family: inherit;
    color: #fff;
    padding: .4375rem 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #091840;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.s-input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.s-input::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.s-input::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.s-input::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.s-input:disabled {
    color: hsla(0, 0%, 100%, .38)
}

a {
    color: inherit;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media (hover:hover) and (min-width:1024px) {
    a:hover {
        color: #ebb058
    }
}

a.active {
    color: #ebb058
}

.outlined-link--bold span {
    font-weight: 700
}

.outlined-link--underlined span {
    text-decoration: underline
}

.outlined-link--uppercase span {
    text-transform: uppercase
}

button {
    border: none;
    outline: none;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 600;
    font-size: inherit;
    text-align: center;
    white-space: nowrap;
    font-family: inherit;
    background-color: unset
}

button:disabled {
    cursor: not-allowed;
    color: hsla(0, 0%, 100%, .38)
}

.btn {
    font-weight: 600;
    font-size: .875rem;
    padding: .5rem 1rem;
    color: #fff;
    border-radius: 5px;
    background-color: transparent;
    -webkit-transition: background-color, color .2s ease;
    transition: background-color, color .2s ease
}

.btn:disabled,
.btn:hover:disabled {
    cursor: not-allowed;
    color: hsla(0, 0%, 100%, .38);
    background-color: #0e2258
}

.btn--sm {
    font-size: .75rem;
    padding: .25rem .75rem
}

.btn--block {
    display: block;
    width: 100%
}

.btn--flex {
    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
}

.btn--round {
    padding: .375rem;
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.btn--uppercase {
    text-transform: uppercase
}

.btn--brand {
    color: #000;
    background-color: #ebb058
}

.btn--brand:disabled,
.btn--brand:hover:disabled {
    color: hsla(0, 0%, 100%, .38);
    background-color: #707070
}

@media (hover:hover) and (min-width:1024px) {
    .btn--brand:hover {
        color: #000
    }
}

.btn--dark {
    background-color: #091840
}

@media (hover:hover) and (min-width:1024px) {
    .btn--dark:hover {
        color: #ebb058
    }
}

.btn--primary {
    background-color: #0e1f4e
}

@media (hover:hover) and (min-width:1024px) {
    .btn--primary:hover {
        color: #ebb058
    }
}

.btn--light {
    background-color: #0e2258
}

@media (hover:hover) and (min-width:1024px) {
    .btn--light:hover {
        color: #ebb058
    }
}

.btn--danger {
    background-color: rgba(244, 39, 39, .2)
}

@media (hover:hover) and (min-width:1024px) {
    .btn--danger:hover {
        background-color: #f42727
    }
}

.btn--success {
    background-color: rgba(0, 199, 23, .5)
}

@media (hover:hover) and (min-width:1024px) {
    .btn--success:hover {
        background-color: #00c717
    }
}

.btn--outlined-brand {
    color: #fff;
    border: 1px solid #ebb058
}

.btn--danger {
    background-color: #f42727
}

.app-drawer__root {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 70px;
    pointer-events: none;
    z-index: 999
}

.app-drawer__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app-drawer__backdrop:before {
    position: relative;
    top: 70px;
    display: block;
    content: "";
    width: 100%;
    height: calc(100% - 70px);
    background-color: rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: transparent
}

.app-drawer {
    position: absolute;
    height: 100%;
    width: 0;
    overflow-y: auto;
    overflow-y: overlay;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #0e2258;
    -webkit-transition: -webkit-transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: -webkit-transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms, -webkit-transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    padding-bottom: env(safe-area-inset-bottom)
}

@media (min-width:1024px) {
    .app-drawer {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 180, 0, .5) rgba(9, 24, 64, .5);
        -ms-overflow-style: auto
    }
    .app-drawer::-webkit-scrollbar {
        display: initial;
        width: .25rem
    }
    .app-drawer::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: rgba(9, 24, 64, .5)
    }
    .app-drawer::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: rgba(255, 180, 0, .5)
    }
}

.app-drawer--primary {
    background-color: #0e1f4e
}

.app-drawer--dark {
    background-color: #091840
}

.app-drawer.app-drawer--default {
    width: 300px
}

.app-drawer.app-drawer--default.app-drawer--left {
    left: calc(-300px - 1rem)
}

.app-drawer.app-drawer--default.app-drawer--right {
    right: calc(-300px - 1rem)
}

.app-drawer.app-drawer--large {
    width: 400px
}

.app-drawer.app-drawer--large.app-drawer--left {
    left: calc(-400px - 1rem)
}

.app-drawer.app-drawer--large.app-drawer--right {
    right: calc(-400px - 1rem)
}

.app-drawer--open {
    pointer-events: all
}

.app-drawer--open .app-drawer--default.app-drawer--left {
    -webkit-transform: translateX(calc(300px + 1rem));
    transform: translateX(calc(300px + 1rem))
}

.app-drawer--open .app-drawer--default.app-drawer--right {
    -webkit-transform: translateX(calc(-300px - 1rem));
    transform: translateX(calc(-300px - 1rem))
}

.app-drawer--open .app-drawer--large.app-drawer--left {
    -webkit-transform: translateX(calc(400px + 1rem));
    transform: translateX(calc(400px + 1rem))
}

.app-drawer--open .app-drawer--large.app-drawer--right {
    -webkit-transform: translateX(calc(-400px - 1rem));
    transform: translateX(calc(-400px - 1rem))
}

.app-drawer--sports {
    top: 110px
}

.app-drawer--sports .app-drawer__backdrop:before {
    top: 110px;
    height: calc(100% - 70px - 40px)
}

.drawer-fade-enter-active,
.drawer-fade-leave-active {
    -webkit-transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms
}

.drawer-fade-enter,
.drawer-fade-leave-to {
    opacity: 0
}

.app-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 70px;
    z-index: 100;
    background-color: #091840
}

.app-header .app-container {
    position: relative;
    display: grid;
    overflow: visible;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #091840;
    grid-template-columns: auto 1fr auto
}

.app-header__left,
.app-header__nav,
.app-header__slogan,
.app-header__warning {
    display: none
}

.app-header__menu-toggle i {
    color: #ebb058
}

.app-header__logo {
    display: block;
    justify-self: center;
    height: calc(70px - 1rem)
}

.app-header__logo img {
    display: block;
    height: 100%
}

.app-header__guest {
    display: grid;
    justify-self: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.app-header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: end
}

.app-header__user>* {
    margin-right: .5rem
}

.app-header__user :last-child {
    margin-right: 0
}

@media (min-width:1024px) {
    .app-header__menu-toggle {
        display: none
    }
    .app-header .app-container {
        grid-column-gap: calc(70px + 2rem);
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .app-header__nav {
        display: block;
        justify-self: center
    }
    .app-header__nav>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .app-header__logo {
        position: absolute
    }
    .app-header__logo.active {
        color: inherit
    }
    .app-header__logo img {
        z-index: 2;
        position: relative;
        background-color: #091840
    }
    .app-header__slogan {
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: -1;
        color: inherit;
        font-weight: 700;
        font-style: italic;
        padding: .25rem 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
        background-color: #091840;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
    }
}

@media (min-width:1024px) and (min-width:1180px) {
    .app-header__slogan.slogan-visible {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (min-width:1024px) {
    .app-header__left {
        grid-template-columns: auto 1fr
    }
    .app-header__left,
    .app-header__right {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .app-header__right {
        grid-gap: .5rem;
        grid-template-columns: 1fr auto auto auto
    }
    .app-header__warning {
        position: relative;
        display: block;
        height: 100%;
        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
    }
    .app-header__warning button.active {
        color: #fdd835
    }
    .app-header__warning div {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 50%;
        top: 100%;
        z-index: -1;
        color: #000;
        width: 25vw;
        max-width: 400px;
        padding: .25rem 1rem;
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%);
        background-color: #fdd835;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
    .app-header__warning div span {
        font-weight: 500;
        font-size: .75rem;
        text-align: center
    }
    .app-header__warning--visible div {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
    .app-header__left a:not(.outlined-link):not(.app-header__dropdown-link),
    .app-header__right a:not(.outlined-link):not(.app-header__dropdown-link) {
        position: relative;
        height: 70px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: .25rem .5rem
    }
    .app-header__left a:not(.outlined-link):not(.app-header__dropdown-link) i:not(.icon-home),
    .app-header__right a:not(.outlined-link):not(.app-header__dropdown-link) i:not(.icon-home) {
        margin-right: .5rem
    }
    .app-header__left a:not(.outlined-link):not(.app-header__dropdown-link).active,
    .app-header__right a:not(.outlined-link):not(.app-header__dropdown-link).active {
        color: inherit
    }
    .app-header__left a:not(.outlined-link):not(.app-header__dropdown-link).active:after,
    .app-header__right a:not(.outlined-link):not(.app-header__dropdown-link).active:after {
        position: absolute;
        display: block;
        bottom: 0;
        content: "";
        width: 100%;
        height: .375rem;
        background-color: #ebb058;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
    .app-header__right .app-header__nav {
        justify-self: end
    }
    .app-header__dropdown {
        position: relative;
        border-right: 1px solid transparent;
        -webkit-transition: border-color .2s ease;
        transition: border-color .2s ease
    }
    .app-header__dropdown 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;
        position: relative;
        z-index: 2;
        font-weight: 500;
        padding: .25rem .5rem;
        height: 70px;
        background-color: #091840
    }
    .app-header__dropdown button.active {
        color: #ebb058
    }
    .app-header__dropdown button i {
        margin-top: .125rem;
        margin-left: .25rem
    }
    .app-header__dropdown ul {
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1;
        padding: 0 1rem;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
        background-color: #091840;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1);
        transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
    .app-header__dropdown ul,
    .app-header__dropdown ul a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .app-header__dropdown ul a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .5rem;
        height: 51px
    }
    .app-header__dropdown ul li:last-child a {
        border-bottom: none
    }
    .app-header__dropdown--visible ul {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

footer.app-footer {
    background-color: #091840
}

.outlined-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    height: 28px;
    border: 1px solid #fff;
    -webkit-transition: color, border-color .2s ease;
    transition: color, border-color .2s ease
}

.outlined-link i {
    position: absolute
}

.outlined-link i.outlined-link__icon-l {
    left: .5rem
}

.outlined-link i.outlined-link__icon-r {
    right: .5rem
}

.outlined-link span {
    display: block;
    padding-bottom: .125rem
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link:hover {
        border-color: #ebb058
    }
}

.outlined-link.active,
.outlined-link.exact-active {
    border-color: #ebb058
}

.outlined-link--accent {
    color: #ffb400;
    border-color: #ffb400
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link--accent:hover {
        color: #ebb058;
        border-color: #ebb058
    }
}

.outlined-link--accent.active,
.outlined-link--accent.exact-active {
    color: #ebb058;
    border-color: #ebb058
}

.outlined-link--muted {
    color: #fff;
    border-color: #0e2258
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link--muted:hover {
        color: #fff;
        border-color: #fff
    }
}

.outlined-link--muted.active,
.outlined-link--muted.exact-active {
    color: #ebb058;
    border-color: #fff
}

.outlined-link--primary {
    color: #fff;
    border-color: #1b3a8e;
    background-color: #0e2258
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link--primary:hover {
        color: #fff;
        border-color: #fff
    }
}

.outlined-link--primary.active,
.outlined-link--primary.exact-active {
    border-color: #fff
}

.outlined-link--filled {
    border: none;
    color: #0e1f4e;
    background-color: #ebb058
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link--filled:hover {
        border: none;
        color: #0e1f4e;
        background-color: #ebb058
    }
}

.outlined-link--filled.active,
.outlined-link--filled.exact-active {
    border: none;
    color: #0e1f4e;
    background-color: #ebb058
}

.outlined-link--warning {
    color: #fff;
    border-color: #fdd835;
    background-color: #0e2258
}

@media (hover:hover) and (min-width:1024px) {
    .outlined-link--warning:hover {
        color: #fdd835
    }
}

.outlined-link--warning.active,
.outlined-link--warning.exact-active {
    color: #fdd835
}

.laoder-fade-leave-active,
.loader-fade-enter-active {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.loader-fade-enter,
.loader-fade-leave-to {
    opacity: 0
}

.page-transition-enter-active,
.page-transition-leave-active {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.page-transition-enter,
.page-transition-leave-to {
    opacity: 0
}

.awards {
    display: grid;
    margin: 1rem 0;
    padding: .75rem;
    grid-gap: .75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #0e1f4e;
    border: 1px solid #1b3a8e;
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.awards h2 {
    color: #ebb058;
    grid-row: 1/2;
    grid-column: span 3
}

.awards article {
    grid-row: 2/3;
    grid-column: span 3
}

.awards article p {
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.awards article p:last-child {
    margin-bottom: 0
}

.awards img {
    display: block;
    grid-row: 1/3;
    width: 100%;
    max-width: 150px;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center
}

.coupon {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #1b3a8e;
    background-color: #0e2258
}

.coupon__content {
    overflow: hidden;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease
}

.coupon__teams {
    display: grid;
    grid-gap: .25rem;
    font-size: .75rem;
    padding: .25rem .5rem;
    grid-template-columns: 1fr auto 1fr;
    border-bottom: 1px solid #091840
}

.coupon__teams em {
    color: #ebb058;
    text-align: center
}

.coupon__teams span {
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.coupon__teams span:last-child {
    justify-self: end
}

.coupon__detail {
    display: grid;
    grid-row-gap: 1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #091840;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.coupon__detail .coupon__detail--1 {
    grid-column: span 1
}

.coupon__detail .coupon__detail--3 {
    grid-column: span 3
}

.coupon__detail span {
    font-weight: 600;
    font-size: .75rem;
    grid-column: span 2;
    padding: .25rem .5rem;
    background-color: #0e2258;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.coupon__detail span:nth-child(2n) {
    text-align: right
}

.coupon__detail a {
    font-weight: 600;
    font-size: .75rem;
    grid-column: span 2;
    padding: .25rem .5rem;
    background-color: #091840;
    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
}

.coupon__detail a i {
    margin-left: .25rem
}

.coupon__text--status-0 {
    color: #fdd835
}

.coupon__text--status-2 {
    color: #00c717
}

.coupon__text--status-3 {
    color: #f42727
}

.coupon__text--status-4 {
    color: #707070
}

.sr-bb {
    font-family: Roboto, Noto, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: left;
    background: #0e2258
}

.sr-bb.sr-rtl {
    text-align: right
}

.sr-bb .sr-bb {
    background: none
}

.sr-bb .srt-base-1 {
    background-color: transparent;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-win {
    background-color: transparent;
    color: #ebb058;
    border-color: #ebb058
}

.sr-bb .srt-base-1-draw {
    background-color: transparent;
    color: hsla(0, 0%, 100%, .4);
    border-color: hsla(0, 0%, 100%, .4)
}

.sr-bb .srt-base-1-lose {
    background-color: transparent;
    color: #d32f2f;
    border-color: #d32f2f
}

.sr-bb .srt-base-1-is-active {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #263869;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-primary {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    color: #ebb058;
    border-color: #ebb058
}

.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    color: #d32f2f;
    border-color: #d32f2f
}

.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    color: #ebb058;
    border-color: #fff
}

.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    color: #d32f2f;
    border-color: #fff
}

.sr-bb .srt-base-1-home-3 {
    color: #ebb058
}

.sr-bb .srt-base-1-away-3,
.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-away-3 {
    color: #d32f2f
}

.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    color: #a98558;
    border-color: #a98558
}

.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    color: #982b3b;
    border-color: #982b3b
}

.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    color: #f2cc92;
    border-color: #f2cc92
}

.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    color: #e27878;
    border-color: #e27878
}

.sr-bb .srt-base-1-background,
.sr-bb .srt-base-2 {
    background-color: #0e2258;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-2-is-active,
.sr-bb .srt-base-2-is-hoverable:hover,
.sr-bb .srt-base-3 {
    background-color: #2b3d6c;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-3-is-active,
.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #374874;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-3-background {
    background-color: #0e2258;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-4 {
    background-color: #1a2d60;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-5-is-active,
.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #4d5b83;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-6 {
    background-color: transparent;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
}

.sr-bb .srt-primary-1 {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-1-is-active,
.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #ccc;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-2 {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-3 {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-4,
.sr-bb .srt-primary-5 {
    background-color: #9fa7bc;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-5-is-hoverable:hover,
.sr-bb .srt-primary-6,
.sr-bb .srt-primary-7,
.sr-bb .srt-primary-8 {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #e6e6e6;
    color: #000;
    border-color: #0e2258
}

.sr-bb .srt-primary-9 {
    background-color: #56648a;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-primary-10 {
    background-color: #cfd3de;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-11 {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-primary-12 {
    background-color: #fff;
    color: #000;
    border-color: #000
}

.sr-bb .srt-primary-13 {
    background-color: #1a2d60;
    color: #000;
    border-color: hsla(0, 0%, 100%, .3)
}

.sr-bb .srt-base-1-primary-1,
.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-primary-4,
.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    color: #9fa7bc;
    border-color: #9fa7bc
}

.sr-bb .srt-base-1-primary-6,
.sr-bb .srt-base-1-primary-7,
.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    color: #56648a;
    border-color: #56648a
}

.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    color: #cfd3de;
    border-color: #cfd3de
}

.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #0e2258;
    color: #1a2d60;
    border-color: hsla(0, 0%, 100%, .3)
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    color: #2d3f6e;
    border-color: #2d3f6e
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    color: #e7e9ee;
    border-color: #e7e9ee
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    color: hsla(0, 0%, 100%, .12);
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    color: #abb2c5;
    border-color: #abb2c5
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    color: #c3c8d5;
    border-color: #c3c8d5
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    color: #485780;
    border-color: #485780
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    color: #abb2c5;
    border-color: #abb2c5
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    color: #2d3f6e;
    border-color: #2d3f6e
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    color: #1c2f62;
    border-color: #1c2f62
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    color: #2b3d6c;
    border-color: #2b3d6c
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    color: #6e7a9b;
    border-color: #6e7a9b
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    color: #b7bdcd;
    border-color: #b7bdcd
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    color: #263869;
    border-color: #263869
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #ebb058;
    border-color: #ebb058
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #d32f2f;
    border-color: #d32f2f
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #ebb058;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #d32f2f;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #ebb058;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #d32f2f;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #a98558;
    border-color: #a98558
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #982b3b;
    border-color: #982b3b
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #f2cc92;
    border-color: #f2cc92
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #e27878;
    border-color: #e27878
}

.sr-bb .srt-base-1-is-active-primary-1,
.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary-4,
.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #9fa7bc;
    border-color: #9fa7bc
}

.sr-bb .srt-base-1-is-active-primary-6,
.sr-bb .srt-base-1-is-active-primary-7,
.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #56648a;
    border-color: #56648a
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #cfd3de;
    border-color: #cfd3de
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #2d3f6e;
    border-color: #2d3f6e
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #e7e9ee;
    border-color: #e7e9ee
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: hsla(0, 0%, 100%, .12);
    color: hsla(0, 0%, 100%, .12);
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #abb2c5;
    border-color: #abb2c5
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #c3c8d5;
    border-color: #c3c8d5
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #485780;
    border-color: #485780
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #abb2c5;
    border-color: #abb2c5
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #2d3f6e;
    border-color: #2d3f6e
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #1c2f62;
    border-color: #1c2f62
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #2b3d6c;
    border-color: #2b3d6c
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #6e7a9b;
    border-color: #6e7a9b
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #b7bdcd;
    border-color: #b7bdcd
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #263869;
    border-color: #263869
}

.sr-bb .srt-home-1 {
    background-color: #ebb058;
    color: #000;
    border-color: #ebb058
}

.sr-bb .srt-away-1 {
    background-color: #d32f2f;
    color: #fff;
    border-color: #d32f2f
}

.sr-bb .srt-home-2 {
    background-color: #ebb058;
    color: #000;
    border-color: #fff
}

.sr-bb .srt-away-2 {
    background-color: #d32f2f;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-home-3 {
    background-color: #ebb058;
    color: #000;
    border-color: #0e2258
}

.sr-bb .srt-away-3 {
    background-color: #d32f2f;
    color: #fff;
    border-color: #0e2258
}

.sr-bb .srt-home-4 {
    background-color: #a98558;
    color: #000;
    border-color: #a98558
}

.sr-bb .srt-away-4 {
    background-color: #982b3b;
    color: #fff;
    border-color: #982b3b
}

.sr-bb .srt-home-5 {
    background-color: #f2cc92;
    color: #000;
    border-color: #f2cc92
}

.sr-bb .srt-away-5 {
    background-color: #e27878;
    color: #fff;
    border-color: #e27878
}

.sr-bb .srt-home-6 {
    background-color: rgba(235, 176, 88, .2)
}

.sr-bb .srt-away-6,
.sr-bb .srt-home-6 {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-away-6 {
    background-color: rgba(211, 47, 47, .2)
}

.sr-bb .srt-home-6-is-hoverable:hover {
    background-color: rgba(235, 176, 88, .2);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-away-6-is-hoverable:hover {
    background-color: rgba(211, 47, 47, .2);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-1 {
    background-color: #2d3f6e;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-2 {
    background-color: #e7e9ee;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-neutral-3 {
    background-color: hsla(0, 0%, 100%, .12);
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-4 {
    background-color: #abb2c5;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-neutral-5 {
    background-color: #c3c8d5;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-neutral-6 {
    background-color: #485780;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-7 {
    background-color: #abb2c5;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-neutral-8 {
    background-color: #2d3f6e;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-9 {
    background-color: #1c2f62;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-10 {
    background-color: #2b3d6c;
    color: hsla(0, 0%, 100%, .82);
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-11 {
    background-color: #6e7a9b;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-neutral-12 {
    background-color: #b7bdcd;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-neutral-13 {
    background-color: #263869;
    color: #fff;
    border-color: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-win {
    background-color: #ebb058
}

.sr-bb .srt-draw,
.sr-bb .srt-win {
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-draw {
    background-color: hsla(0, 0%, 100%, .4)
}

.sr-bb .srt-lose {
    background-color: #d32f2f;
    color: #fff;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-text-secondary {
    opacity: .8;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-text-disabled {
    opacity: .6
}

.sr-bb .srt-text-tertiary {
    opacity: .7
}

.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.sr-bb .srt-elevation-2 {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.sr-bb .srt-elevation-3 {
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19)
}

.sr-bb .srt-elevation-center-2 {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .23), 0 1px 5px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .23), 0 1px 5px rgba(0, 0, 0, .16)
}

.sr-bb .srt-inset-top-1 {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-1 {
    -webkit-box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-2 {
    -webkit-box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-2 {
    -webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-3 {
    -webkit-box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-3 {
    -webkit-box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, .23);
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, .3);
    color: #000;
    border-color: rgba(0, 0, 0, .16)
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #000;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1,
.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #000;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #000;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #000;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #fff;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base,
.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #ebb058
}

.sr-bb .srt-stroke-change-increase {
    stroke: #ebb058
}

.sr-bb .srt-fill-change-decrease {
    fill: #d32f2f
}

.sr-bb .srt-stroke-change-decrease {
    stroke: #d32f2f
}

.sr-bb .srt-fill-text {
    fill: #fff
}

.sr-bb .srt-fill-text-invert {
    fill: #000
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .8
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .6
}

.sr-bb .srt-fill-base-1 {
    fill: transparent
}

.sr-bb .srt-stroke-base-1 {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-active {
    fill: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-stroke-base-1-active {
    stroke: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #263869
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #263869
}

.sr-bb .srt-fill-base-1-primary {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-home {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-home {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-away {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-away {
    stroke: transparent
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #2b3d6c
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #2b3d6c
}

.sr-bb .srt-fill-base-2-hover {
    fill: #2b3d6c
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #2b3d6c
}

.sr-bb .srt-fill-base-3 {
    fill: #2b3d6c
}

.sr-bb .srt-stroke-base-3 {
    stroke: #2b3d6c
}

.sr-bb .srt-fill-base-3-active {
    fill: #374874
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #374874
}

.sr-bb .srt-fill-base-3-hover {
    fill: #374874
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #374874
}

.sr-bb .srt-fill-primary-1 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-1 {
    stroke: #fff
}

.sr-bb .srt-fill-primary-2 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #fff
}

.sr-bb .srt-fill-primary-3 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-primary-4 {
    fill: #9fa7bc
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #9fa7bc
}

.sr-bb .srt-fill-primary-5 {
    fill: #9fa7bc
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #9fa7bc
}

.sr-bb .srt-fill-primary-6 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #fff
}

.sr-bb .srt-fill-primary-7 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-7 {
    stroke: #fff
}

.sr-bb .srt-fill-primary-8 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-8 {
    stroke: #fff
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-primary-9 {
    fill: #56648a
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #56648a
}

.sr-bb .srt-fill-primary-10 {
    fill: #cfd3de
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #cfd3de
}

.sr-bb .srt-fill-primary-11 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-primary-12 {
    fill: #fff
}

.sr-bb .srt-stroke-primary-12 {
    stroke: #fff
}

.sr-bb .srt-fill-home-1 {
    fill: #ebb058
}

.sr-bb .srt-stroke-home-1 {
    stroke: #ebb058
}

.sr-bb .srt-fill-home-2 {
    fill: #ebb058
}

.sr-bb .srt-stroke-home-2 {
    stroke: #ebb058
}

.sr-bb .srt-fill-home-3 {
    fill: #ebb058
}

.sr-bb .srt-stroke-home-3 {
    stroke: #ebb058
}

.sr-bb .srt-fill-home-4 {
    fill: #a98558
}

.sr-bb .srt-stroke-home-4 {
    stroke: #a98558
}

.sr-bb .srt-fill-home-5 {
    fill: #f2cc92
}

.sr-bb .srt-stroke-home-5 {
    stroke: #f2cc92
}

.sr-bb .srt-fill-away-1 {
    fill: #d32f2f
}

.sr-bb .srt-stroke-away-1 {
    stroke: #d32f2f
}

.sr-bb .srt-fill-away-2 {
    fill: #d32f2f
}

.sr-bb .srt-stroke-away-2 {
    stroke: #d32f2f
}

.sr-bb .srt-fill-away-3 {
    fill: #d32f2f
}

.sr-bb .srt-stroke-away-3 {
    stroke: #d32f2f
}

.sr-bb .srt-fill-away-4 {
    fill: #982b3b
}

.sr-bb .srt-stroke-away-4 {
    stroke: #982b3b
}

.sr-bb .srt-fill-away-5 {
    fill: #e27878
}

.sr-bb .srt-stroke-away-5 {
    stroke: #e27878
}

.sr-bb .srt-fill-neutral-1 {
    fill: #2d3f6e
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #2d3f6e
}

.sr-bb .srt-fill-neutral-2 {
    fill: #e7e9ee
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #e7e9ee
}

.sr-bb .srt-fill-neutral-3 {
    fill: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: hsla(0, 0%, 100%, .12)
}

.sr-bb .srt-fill-neutral-4 {
    fill: #abb2c5
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #abb2c5
}

.sr-bb .srt-fill-neutral-5 {
    fill: #c3c8d5
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #c3c8d5
}

.sr-bb .srt-fill-neutral-6 {
    fill: #485780
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #485780
}

.sr-bb .srt-fill-neutral-7 {
    fill: #abb2c5
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #abb2c5
}

.sr-bb .srt-fill-neutral-8 {
    fill: #2d3f6e
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #2d3f6e
}

.sr-bb .srt-fill-neutral-9 {
    fill: #1c2f62
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #1c2f62
}

.sr-bb .srt-fill-neutral-10 {
    fill: #2b3d6c
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #2b3d6c
}

.sr-bb .srt-fill-neutral-11 {
    fill: #6e7a9b
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #6e7a9b
}

.sr-bb .srt-fill-neutral-12 {
    fill: #b7bdcd
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #b7bdcd
}

.sr-bb .srt-fill-neutral-13 {
    fill: #263869
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #263869
}

.sr-bb .srt-fill-win {
    fill: #ebb058
}

.sr-bb .srt-stroke-win {
    stroke: #ebb058
}

.sr-bb .srt-fill-draw {
    fill: hsla(0, 0%, 100%, .4)
}

.sr-bb .srt-stroke-draw {
    stroke: hsla(0, 0%, 100%, .4)
}

.sr-bb .srt-fill-lose {
    fill: #d32f2f
}

.sr-bb .srt-stroke-lose {
    stroke: #d32f2f
}

.sr-bb .srt-stop-base-1 {
    stop-color: transparent
}

.sr-bb .srt-stop-primary-1,
.sr-bb .srt-stop-primary-2 {
    stop-color: #fff
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #e6e6e6
}

.sr-bb .srt-stop-primary-4,
.sr-bb .srt-stop-primary-5 {
    stop-color: #9fa7bc
}

.sr-bb .srt-stop-primary-6,
.sr-bb .srt-stop-primary-7,
.sr-bb .srt-stop-primary-8 {
    stop-color: #fff
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #56648a
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #cfd3de
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #e6e6e6
}

.sr-bb .srt-stop-primary-12 {
    stop-color: #fff
}

.sr-bb .srt-stop-home-1 {
    stop-color: #ebb058
}

.sr-bb .srt-stop-away-1 {
    stop-color: #d32f2f
}

.sr-bb .srt-fill-neutral-14 {
    fill: #0e2258
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #0e2258
}

.sr-bb .srt-logo-powered-by-light {
    display: none
}

.sr-bb .srt-logo-powered-by-dark {
    display: inline-block
}

.sr-lmt-plus__footer-wrapper {
    display: none
}

.sr-bb .sr-lmt-plus__comp-wrapper {
    border: none
}

html {
    font-family: Titillium Web, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    scroll-behavior: smooth;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
:after,
:before {
    margin: 0;
    padding: 0
}

body {
    overflow: auto;
    font-weight: 400;
    font-size: .875rem;
    color: #fff;
    overflow-anchor: none;
    background-color: #091840
}

@media (min-width:1024px) and (min-width:1024px) {
    body::-webkit-scrollbar {
        width: .25rem
    }
    body::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: #091840
    }
    body::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #1b3a8e
    }
}

body,
html {
    height: 100%;
    min-height: 100%
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1rem
}

h4 {
    font-size: .875rem
}

h5 {
    font-size: .75rem
}

h6 {
    font-size: .5rem
}

h3,
h4,
h5,
h6 {
    font-weight: 600
}

ul {
    list-style-type: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#layout--default {
    position: relative;
    display: grid;
    min-height: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto
}

.domain-warning {
    position: fixed;
    z-index: 99;
    width: 100%;
    padding: .5rem;
    padding-right: 2rem;
    top: 70px;
    background-color: #091840;
    border-top: 1px solid #1b3a8e;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:1024px) {
    .domain-warning {
        display: none
    }
}

.domain-warning h4 {
    color: #fdd835;
    text-align: center;
    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
}

.domain-warning h4 i {
    display: block;
    margin-right: .5rem
}

.domain-warning button {
    position: absolute;
    top: 50%;
    right: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    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
}

.domain-warning button i {
    display: block
}

.domain-warning--visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.app-container {
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding: 0 .5rem;
    overflow: hidden;
    max-width: 1280px
}

@media (min-width:1024px) {
    .app-container {
        padding: 0 1rem
    }
}

.surface {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.surface--inverse {
    -webkit-box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, .5), 0 -3px 4px 0 rgba(0, 0, 0, .34), 0 -1px 8px 0 rgba(0, 0, 0, .32);
    box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, .5), 0 -3px 4px 0 rgba(0, 0, 0, .34), 0 -1px 8px 0 rgba(0, 0, 0, .32)
}

.observer {
    position: absolute;
    width: 100%;
    height: 1px
}

.scroll-disabled {
    overflow: hidden
}

.auth-slogan {
    position: absolute;
    left: 50%;
    bottom: 0;
    font-size: .5rem;
    font-weight: 600;
    padding: .125rem .75rem;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    background-color: #1b3a8e;
    border-radius: 0 0 20px 20px
}

.highlight {
    color: #ebb058
}

.uppercase {
    text-transform: uppercase
}

.font--600 {
    font-weight: 600
}

.error-info {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-info img {
    width: 10rem
}

.error-info h2 {
    font-size: 5rem
}

.error-info p {
    padding: 0 .5rem;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1rem
}