/* pureCSGO Website Styles v0.0.1 */
/* Yes, working on condensing it */
@charset "UTF-8";

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {

    *,
    :after,
    :before,
    :first-letter,
    :first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

html.no-spoiler .spoiler {
    display: none
}

html.no-spoiler .no-spoiler {
    display: block
}

html:not(.no-spoiler) .no-spoiler,
html:not(.promode):not(.no-offtopic) .no-off-topic-only,
html:not(.promode):not(.no-offtopic) .promode-only {
    display: none
}

html:not(.promode) .not-promode-only {
    display: block
}

html.promode .no-promode {
    display: none !important
}

html.no-offtopic:not(.promode) .off-topic,
html.no-offtopic:not(.promode) .promode-only {
    display: none
}

.standard-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.standard-headline {
    font-size: 12px;
    font-weight: 700;
    color: #929a9e;
    opacity: .65;
    margin: 0 0 5px
}

.inline {
    display: inline
}

.line-clamp-2 {
    white-space: pre-line;
    overflow-y: hidden
}

.line-clamp-3 {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.flag {
    height: 12px;
    width: 18px;
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: rgba(0, 0, 0, .05)
}

.round-flag-container {
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    justify-content: center;
    display: flex
}

.round-flag-container:after {
    background: #000;
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 1;
    border-radius: 100%;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 103.78%);
    opacity: .5;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15), 0 0 12px rgba(0, 0, 0, .09)
}

.round-flag {
    height: 100%;
    width: auto;
    position: relative;
    max-width: none !important
}

.button {
    display: inline-block;
    margin: 0;
    padding: 2px;
    color: #929a9e;
    background-color: #435971;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    border: 0;
    transition: background-color .2s cubic-bezier(.59, .43, .99, 1)
}

.preload .button {
    transition: initial !important
}

.button:hover {
    color: #b9bdbf !important;
    background-color: #59728e
}

.button[disabled] {
    opacity: .5
}

textarea.block {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a-reset {
    color: inherit;
    font-weight: inherit
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.videoWrapper .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.audioWrapper .audio {
    width: 100%;
    height: 120px
}

.audioSpotify {
    width: 100%;
    max-height: 80px
}

.small-text {
    font-size: 7px
}

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

.bold {
    font-weight: 700 !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.strikethrough {
    text-decoration: line-through
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.relative {
    position: relative
}

.left {
    float: left
}

.right {
    float: right
}

.overflow-hidden {
    overflow: hidden
}

.won {
    color: #09c100
}

.lost {
    color: #fc1d1d
}

.ratingPositive {
    color: #09c100
}

.ratingNegative {
    color: #fc1d1d
}

.ratingNeutral {
    color: #929a9e
}

.flag-align {
    display: flex;
    flex-direction: row;
    align-items: center
}

.no-top-border {
    border-top: 0
}

aside {
    margin-bottom: 10px
}

.columns {
    display: flex
}

.columns .col {
    flex: 1 0 0;
    margin-left: 10px;
    min-width: 0
}

.columns .col:first-child {
    margin-left: 0
}

.narrow-columns {
    display: flex
}

.narrow-columns .col {
    flex: 1 0 0;
    margin-left: 5px;
    min-width: 0
}

.narrow-columns .col:first-child {
    margin-left: 0
}

.wide-grid {
    display: flex;
    margin-left: -20px;
    margin-bottom: -20px;
    flex-wrap: wrap
}

.wide-grid .col {
    flex: 1 0 0;
    padding-left: 20px;
    box-sizing: border-box;
    padding-bottom: 20px
}

.tooltip-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 10px
}

.tooltip-attributes {
    padding: 8px;
    max-width: 400px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .tooltip-attributes {
        max-width: 360px
    }
}

.tooltip-box.event-tooltip-wrapper {
    width: 300px
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-top {
    margin: -10px;
    padding: 6px 10px;
    border-bottom: 1px solid #495867;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-logo {
    background: #364250;
    padding: 4px;
    border-radius: 4px
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom {
    background: #364250;
    margin: 10px -10px -10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 4px 10px
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom-left,
.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom-right {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom-row {
    display: flex;
    flex-direction: column
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom-info {
    font-size: 11px;
    font-weight: 700
}

.tooltip-box.event-tooltip-wrapper .event-tooltip-bottom-text {
    font-size: 9px;
    font-weight: 700;
    color: rgba(145, 168, 179, .65);
    margin-bottom: -3px
}

@media (min-width:501px) {
    .smartphone-only {
        display: none !important
    }
}

@media (max-width:500px) {
    .gtSmartphone-only {
        display: none !important
    }
}

.day-only {
    display: none !important
}

.overlay-stack-context {
    z-index: 60001;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.fixed-overlay-popup-content {
    position: fixed;
    transform: translate(-50%, -50%)
}

.pointer {
    cursor: pointer
}

.sub-navigation {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    border-radius: 3px;
    border: 1px solid #404d5a
}

@media (max-width:500px) {
    .sub-navigation {
        background-color: #232d38;
        margin-bottom: 0;
        z-index: 99;
        width: 100%
    }
}

.sub-navigation .sub-navigation-link {
    color: rgba(146, 154, 158, .65);
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 6px;
    transition: .2s ease;
    z-index: 4;
    cursor: pointer
}

.preload .sub-navigation .sub-navigation-link {
    transition: initial !important
}

.sub-navigation .sub-navigation-link:hover {
    background-color: #1d262f
}

.sub-navigation .active {
    border-radius: 3px;
    background-color: #435971;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .26), 0 1px 1px 0 rgba(0, 0, 0, .27), 0 3px 6px 0 rgba(0, 0, 0, .1);
    z-index: 5
}

.sub-navigation .active:hover {
    background-color: #59728e
}

.setting-row-timezone.disabled {
    pointer-events: none;
    opacity: .4
}

.slider {
    color: #929a9e;
    background-color: #232d38;
    border-radius: 3px;
    border: 1px solid #404d5a
}

.slider .badge-slider,
.slider .toggleDesktopMode,
.slider .toggleMatchFilter,
.slider .toggleSetting,
.slider .toggleSpoilers,
.slider .toggleUserTheme {
    padding: 3px 8px;
    cursor: pointer
}

.slider .selected {
    background: #445362 !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .26), 0 1px 1px 0 rgba(0, 0, 0, .27), 0 3px 6px 0 rgba(0, 0, 0, .1), inset 0 -3px 0 0 #87a3bf;
    border-radius: 3px;
    font-weight: 700
}

.labelled-checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -15px
}

.labelled-checkbox input {
    cursor: pointer;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    padding: 0;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.labelled-checkbox input.label-first {
    margin-left: 4px;
    margin-right: 0
}

.space-between {
    display: flex;
    justify-content: space-between
}

html {
    font-family: Open Sans, sans-serif;
    height: 100%;
    font-size: 12px;
    line-height: 1.66667
}

body,
html {
    overflow: hidden;
    background-color: #000;
}

@media (max-width:500px) {

    body,
    html {
        background-image: none !important
    }
}

body {}

@media (max-width:500px) {
    body {
    }
}

body.body-no-scroll footer {
    z-index: 0;
    position: relative
}

.a-default,
a {
    text-decoration: none;
    color: #87a3bf
}

.a-default:hover,
a:hover {
    color: #87a3bf !important;
    cursor: pointer
}

body {
    --sticky-containers-offset: 40px;
    --navbar-height-gt-smartphone: 40px;
    padding-top: var(--navbar-height-gt-smartphone);
    min-width: 320px
}

body.fullscreen {
    padding-top: 0
}

body:has(.hof-container) {
    padding-top: 74px
}

@media (max-width:500px) {
    body:has(.hof-container) {
        padding-top: 40px
    }
}

.hltv-logo-container {
    background-image: url(/img/static/TopLogoDark2x.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 60px;
    width: 173px;
    -ms-grid-column: 1
}

::-moz-selection {
    background: #181b1f
}

::selection {
    background: #181b1f
}


.footer {
    font-size: 12px;
    background-color: #2d3844;
    border-top: 1px solid #495867
}

@media (max-width:500px) {
    .footer {
        z-index: 0;
        position: relative
    }
}

.footer .footerlinks {
    border-bottom: 1px solid #495867;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:500px) {
    .footer .footerlinks {
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.footer .some-icons-row {
    display: flex
}

.footer .tiktok-container,
.footer .x-container {
    display: flex;
    align-items: center
}

.footer .tiktok-icon {
    height: 14px
}

.footer .x-icon {
    height: 12px
}

.footer .socicon {
    margin: 0 5px;
    font-size: 14px
}

.footer .footerlink {
    color: inherit
}

@media (max-width:500px) {
    .footer .footerlink {
        padding: 0 16px
    }
}

.footer .footer-responsible-container {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between
}

.footer .footer-responsible-container .responsible-text {
    font-size: 10px
}

.footer .footer-responsible-container .responsible-main-text {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.footer .footer-responsible-container .responsible-age-minimum {
    background-color: red;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 5px
}

@media (max-width:500px) {
    .footer .footer-responsible-container {
        padding: 8px
    }
}

.footer .footer-responsible-container img {
    margin-right: 8px
}

.footer .footer-responsible-container .onjn-logo {
    height: 38px;
    width: 38px;
    margin-right: 8px
}

.footer .footer-responsible-container .gamcare-logo {
    height: 18px;
    opacity: .5
}

.footer .footer-responsible-container .gambleaware-logo {
    height: 14px;
    position: relative;
    top: -2px;
    margin-left: 8px;
    opacity: .5
}

.footer .responsible-geospecific {
    display: grid;
    grid-template-columns: 1fr auto;
    flex-direction: row;
    grid-column-gap: 10px
}

@media (max-width:500px) {
    .footer .responsible-geospecific {
        grid-template-columns: 1fr;
        grid-row-gap: 10px
    }
}

.footer .responsible-geospecific .responsible-logos {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.footer .responsible-geospecific .responsible-logo {
    max-height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .footer-content {
    border-bottom: 1px solid rgba(73, 88, 103, .65)
}

.footer .footer-content .footer-section-header,
.footer .footer-content .footer-section-subtext {
    z-index: 1;
    background-color: rgba(45, 56, 68, .85);
    position: relative;
    display: inline-block;
    padding-right: 4px
}

.footer .footer-content .footer-section-header {
    font-weight: 700;
    font-size: 14px
}

.footer .footer-content .footer-section {
    position: relative
}

.footer .footer-content .footer-section-subtext {
    font-size: 12px;
    color: rgba(146, 154, 158, .65)
}

.footer .footer-content .footer-section-cta {
    margin-top: 8px;
    height: 40px
}

.footer .footer-content .footer-cta-img {
    max-height: 40px
}

.footer .footer-content .footer-cta-img:last-child {
    margin-left: 16px
}

.footer .footer-content .appstoreButton,
.footer .footer-content .playstoreButton {
    max-width: 100%;
    max-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2;
    position: relative
}

.footer .footer-content .footer-cta-button {
    height: 32px;
    background-color: #435971;
    color: #fff;
    transition: .2s ease;
    padding: 0 16px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.preload .footer .footer-content .footer-cta-button {
    transition: initial !important
}

.footer .footer-content .footer-cta-button:hover {
    background-color: #59728e;
    color: #fff !important
}

.footer .footer-content .footer-app .footer-img {
    position: absolute;
    height: 110px;
    right: 50px;
    bottom: -16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer .footer-content .footer-shop .footer-img {
    position: absolute;
    height: 115px;
    right: 50px;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer .part-of-bc-footer {
    display: flex;
    justify-content: center;
    border-top: 1px solid #495867
}

.footer .part-of-bc-image {
    width: 200px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    margin: 30px auto
}

@media (max-width:500px) {
    .footer .part-of-bc-image {
        margin: 42px auto
    }
}

.bgPadding {
    min-height: 750px;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #1b1f23;
    padding: 10px 0 16px;
    position: relative;
    --ad-vertical-margin: 8px
}

.bgPadding .bg-sidebar {
    --sidebar-ad-container-width: 300px;
    width: var(--sidebar-ad-container-width);
    pointer-events: none;
    height: 100%;
    position: absolute;
    top: 0;
    --sticky-offset: calc(var(--sticky-containers-offset) + var(--ad-vertical-margin) + 8px)
}

.bgPadding .bg-sidebar.sticky-offset {
    top: 1126px;
    height: calc(100% - 1126px)
}

.bgPadding .bg-sidebar.sticky-offset .secondary-sidebar-container {
    height: 100%
}

.bgPadding .bg-sidebar:not(:has(.main-sidebar-container)) .secondary-sidebar-container {
    height: 100%
}

@media (max-width:1631px) {
    .bgPadding .bg-sidebar {
        --sidebar-ad-container-width: 160px
    }
}

.bgPadding .bg-sidebar.right {
    right: calc(var(--sidebar-ad-container-width)*-1 + -8px)
}

.bgPadding .bg-sidebar.right .main-sidebar-wrapper,
.bgPadding .bg-sidebar.right .main-sidebar-wrapper .BZ4Bl4KkTN img,
.bgPadding .bg-sidebar.right .main-sidebar-wrapper .kgN8P9bvyb2EqDJR img,
.bgPadding .bg-sidebar.right .secondary-sidebar-container,
.bgPadding .bg-sidebar.right .secondary-sidebar-container .BZ4Bl4KkTN img,
.bgPadding .bg-sidebar.right .secondary-sidebar-container .kgN8P9bvyb2EqDJR img {
    float: left
}

.bgPadding .bg-sidebar.left {
    left: calc(var(--sidebar-ad-container-width)*-1 + -8px)
}

.bgPadding .bg-sidebar.left .main-sidebar-wrapper,
.bgPadding .bg-sidebar.left .main-sidebar-wrapper .BZ4Bl4KkTN img,
.bgPadding .bg-sidebar.left .main-sidebar-wrapper .kgN8P9bvyb2EqDJR img,
.bgPadding .bg-sidebar.left .main-sidebar-wrapper>a,
.bgPadding .bg-sidebar.left .main-sidebar-wrapper>div,
.bgPadding .bg-sidebar.left .secondary-sidebar-container,
.bgPadding .bg-sidebar.left .secondary-sidebar-container .BZ4Bl4KkTN img,
.bgPadding .bg-sidebar.left .secondary-sidebar-container .kgN8P9bvyb2EqDJR img,
.bgPadding .bg-sidebar.left .secondary-sidebar-container>a,
.bgPadding .bg-sidebar.left .secondary-sidebar-container>div {
    float: right
}

.bgPadding .bg-sidebar .main-sidebar-container {
    position: relative;
    height: 1126px;
    width: var(--sidebar-ad-container-width)
}

.bgPadding .bg-sidebar .main-sidebar-container .main-sidebar-wrapper {
    position: relative;
    height: 600px;
    top: max(8px, 50vh - 300px - var(--navbar-height-gt-smartphone));
    pointer-events: all;
    width: var(--sidebar-ad-container-width);
    container-type: size
}

.bgPadding .bg-sidebar .main-sidebar-container .main-sidebar-wrapper:has(.matchesTallWidget) {
    top: 230px
}

.bgPadding .bg-sidebar .secondary-sidebar-container {
    height: calc(100% - 1126px);
    position: relative;
    width: var(--sidebar-ad-container-width);
    pointer-events: all;
    container-type: size
}

.bgPadding .bg-sidebar .secondary-sidebar-container>a:not(.non-sticky),
.bgPadding .bg-sidebar .secondary-sidebar-container>div:not(.non-sticky) {
    position: sticky;
    top: var(--sticky-offset);
    height: 600px;
    margin-bottom: var(--ad-vertical-margin)
}

.bgPadding .bg-sidebar .secondary-sidebar-container .BZ4Bl4KkTN img,
.bgPadding .bg-sidebar .secondary-sidebar-container .kgN8P9bvyb2EqDJR img {
    max-width: none;
    height: auto;
    max-height: 600px;
    width: auto
}

.bgPadding .bg-enabler {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    pointer-events: none
}

.bgPadding .bg-enabler-child {
    pointer-events: none;
    height: 1126px;
    position: absolute;
    top: 0;
    width: 160px
}

@media (max-width:1351px) {
    .bgPadding .bg-enabler-child {
        display: none
    }
}

.bgPadding .bg-enabler-child.right {
    right: -168px
}

.bgPadding .bg-enabler-child.left {
    left: -168px
}

@container (max-height: 600px) {
    .secondary-sidebar-container>* {
        display: none
    }
}

.widthControl {
    max-width: 975px;
    margin: 0 auto;
    z-index: 1;
    position: relative
}

@media screen and (min-width:360px) {
    .widthControl {
        padding-right: 10px;
        padding-left: 10px
    }
}

.colCon {
    display: grid;
    grid-gap: 0 16px
}

.adminColCon {
    position: fixed;
    top: var(--sticky-containers-offset)
}

.adminCol {
    position: absolute;
    max-height: calc(100vh - var(--sticky-containers-offset));
    overflow-y: auto;
    top: 0;
    left: -157px;
    border-right: 1px solid #495867;
    box-sizing: border-box;
    width: 145px;
    padding: 5px;
    z-index: 49999;
    background-color: #1b1f23
}

.adminCol .country-selector {
    max-width: 130px
}

.adminColSelector {
    max-width: 100%;
    min-width: 1px
}

.adminSection {
    margin-bottom: 1em
}

.adminSection .admintasklink {
    font-weight: 700
}

.adminSection .admintasklink.urgentadmintask {
    color: #a92920
}

.contentCol {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: contentCol
}

.contentCol .activitylist {
    background: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    font-size: 14px
}

@media (max-width:500px) {
    .contentCol .activitylist {
        font-size: 13px
    }
}

.leftCol {
    grid-area: leftCol;
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.leftCol #g1_top {
    position: relative;
    padding-bottom: 165.517241379%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:500px) {
    .leftCol #g1_top {
        display: none !important
    }
}

.leftCol #g1_top img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width:500px) {
    .leftCol #g1_middle {
        display: none
    }
}

.leftCol #g3_res {
    max-width: 100%
}

.leftCol #g4_middle {
    position: relative;
    padding-bottom: 68.9655172414%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:500px) {
    .leftCol #g4_middle {
        display: none
    }
}

.leftCol #g4_middle img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.leftCol #g1_bottom img {
    width: 100%
}

.rightCol {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: rightCol
}

.right2Col {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: right2Col
}

@media screen and (max-width:580px) {
    .contentCol {
        -ms-grid-column: 1
    }
}

@media screen and (min-width:581px) and (max-width:741px) {
    .contentCol {
        -ms-grid-column: 1
    }
}

.cols0100 .colCon {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    grid-template-areas: " contentCol ";
    grid-gap: 0 0
}

.cols0100 .colCon .contentCol {
    -ms-grid-column: 1
}

@media screen and (max-width:580px) {

    .cols1111 .leftCol,
    .cols1111 .right2Col,
    .cols1111 .rightCol {
        display: none
    }

    .cols1111 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: " contentCol "
    }
}

@media screen and (min-width:581px) and (max-width:741px) {

    .cols1111 .leftCol,
    .cols1111 .right2Col {
        display: none
    }

    .cols1111 .colCon {
        grid-template-columns: minmax(0, 1fr) 145px;
        grid-template-areas: "contentCol rightCol"
    }

    .cols1111 .rightCol {
        -ms-grid-column: 3
    }
}

@media screen and (min-width:742px) and (max-width:974px) {
    .cols1111 .leftCol {
        display: none
    }

    .cols1111 .contentCol {
        -ms-grid-column: 1
    }

    .cols1111 .rightCol {
        -ms-grid-column: 3
    }

    .cols1111 .right2Col {
        -ms-grid-column: 5
    }

    .cols1111 .colCon {
        grid-template-columns: minmax(0, 1fr) 145px 145px;
        grid-template-areas: "contentCol rightCol right2Col"
    }
}

@media screen and (min-width:1000px) {
    .cols1111 .colCon {
        display: grid;
        grid-template-columns: 160px 625px 160px;
        grid-template-rows: 100%;
        grid-template-areas: "leftCol contentCol rightCol";
        grid-gap: 0 16px
    }
}

@media screen and (max-width:580px) {

    .cols0101 .newSidebar,
    .cols0101 .right2Col,
    .cols0101 .rightCol {
        display: none
    }

    .cols0101 .standardPageGrid {
        -ms-grid-columns: 1fr
    }

    .cols0101 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: " contentCol "
    }
}

@media screen and (min-width:581px) and (max-width:741px) {

    .cols0101 .newSidebar,
    .cols0101 .right2Col {
        display: none
    }

    .cols0101 .standardPageGrid {
        -ms-grid-columns: 1fr
    }

    .cols0101 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: " contentCol "
    }

    .cols0101 .contentCol {
        -ms-grid-column: 1
    }
}

@media screen and (min-width:742px) and (max-width:974px) {
    .cols0101 .right2Col {
        display: none
    }

    .cols0101 .colCon {
        grid-template-columns: minmax(0, 1fr) 145px;
        grid-template-areas: "contentCol contentCol"
    }

    .cols0101 .contentCol {
        -ms-grid-column: 1
    }
}

@media screen and (min-width:975px) {
    .cols0101 .colCon {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 145px;
        grid-template-rows: 100%;
        grid-template-areas: "contentCol right2Col";
        grid-gap: 0 16px
    }

    .cols0101 .contentCol {
        -ms-grid-column: 1
    }

    .cols0101 .right2Col {
        -ms-grid-column: 3
    }
}

.cols1101 .rightCol {
    display: none
}

.cols1101 .right2Col {
    -ms-grid-column: 5
}

@media screen and (max-width:741px) {

    .cols1101 .leftCol,
    .cols1101 .right2Col {
        display: none
    }

    .cols1101 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: " contentCol "
    }
}

@media screen and (min-width:742px) and (max-width:974px) {
    .cols1101 .leftCol {
        display: none
    }

    .cols1101 .colCon {
        grid-template-columns: minmax(0, 1fr) 145px;
        grid-template-areas: " contentCol right2Col"
    }

    .cols1101 .contentCol {
        -ms-grid-column: 1
    }

    .cols1101 .right2Col {
        -ms-grid-column: 3
    }
}

@media screen and (min-width:975px) {
    .cols1101 .colCon {
        display: grid;
        grid-template-columns: 160px minmax(0, 1fr) 145px;
        grid-template-areas: "leftCol contentCol right2Col";
        grid-gap: 0 16px
    }
}

@media screen and (max-width:580px) {

    .colsCustom1111 .leftCol,
    .colsCustom1111 .right2Col,
    .colsCustom1111 .rightCol {
        display: none
    }

    .colsCustom1111 .leftColPullInButton.leftColPullInButton {
        display: initial
    }

    .colsCustom1111 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: "contentCol"
    }
}

@media screen and (min-width:581px) and (max-width:741px) {

    .colsCustom1111 .right2Col,
    .colsCustom1111 .rightCol {
        display: none
    }

    .colsCustom1111 .colCon {
        grid-template-columns: 145px minmax(0, 1fr);
        grid-template-areas: "leftCol contentCol"
    }
}

@media screen and (min-width:742px) and (max-width:974px) {
    .colsCustom1111 .right2Col {
        display: none
    }

    .colsCustom1111 .colCon {
        grid-template-columns: 145px minmax(0, 1fr) 145px;
        grid-template-areas: "leftCol contentCol rightCol"
    }
}

@media screen and (min-width:975px) {
    .colsCustom1111 .colCon {
        display: grid;
        grid-template-columns: 160px minmax(0, 1fr) 145px 145px;
        grid-template-areas: "leftCol contentCol rightCol right2Col";
        grid-gap: 0 16px
    }
}

.colsCustom1101 .rightCol {
    display: none
}

.colsCustom1101 .right2Col {
    -ms-grid-column: 5
}

@media screen and (max-width:741px) {
    .colsCustom1101 .leftColPullInButton.leftColPullInButton {
        display: initial
    }

    .colsCustom1101 .leftCol,
    .colsCustom1101 .right2Col,
    .colsCustom1101 .rightCol {
        display: none
    }

    .colsCustom1101 .colCon {
        grid-template-columns: 100%;
        grid-template-areas: "contentCol"
    }
}

@media screen and (min-width:742px) and (max-width:974px) {
    .colsCustom1101 .right2Col {
        display: none
    }

    .colsCustom1101 .colCon {
        grid-template-columns: 160px minmax(0, 1fr);
        grid-template-areas: "leftCol contentCol "
    }
}

@media screen and (min-width:975px) {
    .colsCustom1101 .colCon {
        display: grid;
        grid-template-columns: 160px minmax(0, 1fr) 145px;
        grid-template-areas: "leftCol contentCol right2Col";
        grid-gap: 0 16px
    }
}

.leftColPullInCon {
    position: absolute;
    top: 0;
    left: -200px;
    width: 200px;
    background: #2d3844
}

.leftColPullInCon .leftColPullInConBg {
    background: #2d3844
}

.leftColPullInCon .sidebar-con {
    margin-top: 10px
}

.leftColPullInCon.open {
    left: 0;
    transition: left .4s ease;
    height: 100%
}

.preload .leftColPullInCon.open {
    transition: initial !important
}

.leftColPullInButton {
    z-index: 10;
    margin: 0;
    border: 0;
    padding: 0;
    display: none;
    background: #435971;
    color: #fff;
    position: fixed;
    bottom: 40px;
    right: 12px;
    height: 55px;
    width: 55px;
    border-radius: 30px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.leftCol,
.right2Col,
.rightCol {
    font-size: 11px
}

.leftCol h1,
.right2Col h1,
.rightCol h1 {
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    margin-top: 0
}

.leftCol h1 a:hover,
.right2Col h1 a:hover,
.rightCol h1 a:hover {
    color: rgba(146, 154, 158, .5) !important
}

.col-box-con {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.col-box {
    display: block;
    border-top: 1px solid #3c4a58
}

.col-box:hover {
    background-color: #45515f
}

#g0_right img {
    width: 150px
}

.bet365-fourth {
    margin-left: -8px;
    width: 160px
}

.BZ4Bl4KkTN,
.kgN8P9bvyb2EqDJR {
    text-align: center;
    overflow: hidden;
    max-width: 100%
}

.BZ4Bl4KkTN img,
.kgN8P9bvyb2EqDJR img {
    max-width: 100%;
    height: auto
}

.col-box:first-child {
    border-top: 0
}

.leftCol .col-box-con {
    background-color: rgba(45, 56, 68, .35);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.right2Col .col-box-con,
.rightCol .col-box-con {
    background-color: #252f3a
}

.leftCol>*,
.right2Col>*,
.rightCol>* {
    margin-bottom: 5px
}

.leftCol>:last-child,
.right2Col>:last-child,
.rightCol>:last-child {
    margin-bottom: 0
}

.leftCol .hotmatch-box,
.right2Col .hotmatch-box,
.rightCol .hotmatch-box {
    display: block;
    background-color: #2d3844
}

.leftCol .hotmatch-box.hotmatch-major,
.right2Col .hotmatch-box.hotmatch-major,
.rightCol .hotmatch-box.hotmatch-major {
    position: relative;
    background: rgba(213, 103, 5, .2)
}

.leftCol .hotmatch-box:last-child .teambox,
.right2Col .hotmatch-box:last-child .teambox,
.rightCol .hotmatch-box:last-child .teambox {
    border-bottom: 0
}

.leftCol .hotmatch-box:hover,
.right2Col .hotmatch-box:hover,
.rightCol .hotmatch-box:hover {
    background-color: #45515f
}

.leftCol .hotmatch-box .teambox,
.right2Col .hotmatch-box .teambox,
.rightCol .hotmatch-box .teambox {
    border-bottom: 1px solid #495867
}

.leftCol .no-matches,
.right2Col .no-matches,
.rightCol .no-matches {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #252f3a;
    justify-content: center
}

.leftCol .no-matches:hover,
.right2Col .no-matches:hover,
.rightCol .no-matches:hover {
    background-color: #252f3a
}

.leftCol .rank {
    display: flex;
    align-items: center;
    height: 33px;
    font-size: 12px
}

.leftCol .fpl-rank,
.leftCol .rankNum {
    font-size: 14px;
    margin-left: 7px
}

.leftCol .teamImg {
    max-width: 18px;
    margin: 0 7px
}

.leftCol .fpl-player {
    display: flex;
    position: relative;
    overflow: hidden;
    height: 39px;
    border-top: 1px solid #495867;
    font-size: 12px;
    align-items: center;
    gap: 8px
}

.leftCol .fpl-player:first-child {
    border-top: 0
}

.leftCol .fpl-player:hover {
    background-color: #45515f
}

.leftCol .fpl-avatar {
    border-radius: 100px;
    width: 30px;
    height: 30px
}

.leftCol .event {
    display: block;
    position: relative;
    overflow: hidden;
    height: 36px;
    color: inherit;
    font-weight: inherit;
    color: #fff;
    border-top: 1px solid #495867
}

.leftCol .event:first-child {
    border-top: 0
}

.leftCol .event:hover {
    background-color: #45515f
}

.leftCol .eventbanner {
    filter: blur(4px);
    height: 44px;
    margin: -4px
}

.leftCol .eventlogo {
    position: absolute;
    top: 5px;
    left: 4px;
    height: 26px
}

@media (max-width:500px) {
    .leftCol .eventlogo {
        display: none
    }
}

.leftCol .live,
.leftCol .over {
    display: block;
    position: absolute;
    top: 3px;
    right: -21px;
    transform: rotate(45deg);
    padding: 0 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    z-index: 10;
    color: #fff !important
}

.leftCol .live :hover,
.leftCol .over :hover {
    color: #fff !important
}

.leftCol .live {
    background-color: #435971
}

.leftCol .over {
    background-color: #a7000b
}

.leftCol .eventname {
    position: absolute;
    top: 10px;
    left: 36px;
    width: 109px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #929a9e
}

.leftCol .eventname :hover {
    color: #fff !important
}

.leftCol .upcomingeventname {
    position: absolute;
    top: 3px;
    left: 36px;
    width: 109px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #929a9e
}

.leftCol .upcomingeventname :hover {
    color: #fff !important
}

.leftCol .eventcountdown {
    position: absolute;
    top: 16px;
    left: 36px;
    width: 109px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #929a9e
}

.leftCol .eventcountdown :hover {
    color: #fff !important
}

.leftCol .thumb {
    width: 100%
}

@media (max-width:500px) {
    .leftCol .thumb {
        display: none
    }
}

.rightCol .todaysMatches {
    background-color: #435971;
    color: #fff;
    padding: 5px;
    margin-bottom: 0
}

.rightCol .todaysMatches .hotmatch-star-selected,
.rightCol .todaysMatches .todays-matches {
    color: #fff
}

.rightCol .todaysMatches .todays-matches:hover,
.rightCol .todaysMatches .todays-matches h1 a:hover {
    color: #fff !important
}

.rightCol .result-box {
    margin-bottom: 6px;
    background-color: #2d3844
}

.rightCol .result-box:hover {
    background-color: #45515f
}

.rightCol .result-box .teambox {
    padding: 0 5px 3px
}

html.no-spoiler .rightCol .result-box .lost,
html.no-spoiler .rightCol .result-box .tied,
html.no-spoiler .rightCol .result-box .won {
    visibility: hidden
}

html.no-spoiler .rightCol .result-box .teamrow.teamLost .flag,
html.no-spoiler .rightCol .result-box .teamrow.teamLost .team {
    opacity: 1
}

.rightCol .eventname {
    display: block;
    padding: 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #87a3bf
}

.rightCol .eventname:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.rightCol .teamrow.teamLost .flag,
.rightCol .teamrow.teamLost .team {
    opacity: .75
}

.leftCol .button,
.right2Col .colbutton {
    display: block;
    line-height: 22px;
    vertical-align: middle;
    text-align: center
}

.right2Col .blog {
    padding: 0 5px;
    height: 22px;
    display: flex;
    align-items: center
}

.right2Col .blog:hover {
    background-color: #45515f
}

.right2Col .author {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leftCol .top-border-hide,
.right2Col .top-border-hide,
.rightCol .top-border-hide {
    margin-top: -1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.leftCol .hotmatch-star-selected,
.leftCol .hotmatch-star-unselected,
.right2Col .hotmatch-star-selected,
.right2Col .hotmatch-star-unselected,
.rightCol .hotmatch-star-selected,
.rightCol .hotmatch-star-unselected {
    margin: 2px 2px 0 0;
    float: right;
    display: none;
    cursor: pointer
}

.leftCol .hotmatch-star-selected,
.right2Col .hotmatch-star-selected,
.rightCol .hotmatch-star-selected {
    color: #87a3bf
}

.leftCol .star1,
.leftCol .star2,
.leftCol .star3,
.leftCol .star4,
.leftCol .star5,
.right2Col .star1,
.right2Col .star2,
.right2Col .star3,
.right2Col .star4,
.right2Col .star5,
.rightCol .star1,
.rightCol .star2,
.rightCol .star3,
.rightCol .star4,
.rightCol .star5 {
    position: relative
}

.leftCol .star1:before,
.leftCol .star2:before,
.leftCol .star3:before,
.leftCol .star4:before,
.leftCol .star5:before,
.right2Col .star1:before,
.right2Col .star2:before,
.right2Col .star3:before,
.right2Col .star4:before,
.right2Col .star5:before,
.rightCol .star1:before,
.rightCol .star2:before,
.rightCol .star3:before,
.rightCol .star4:before,
.rightCol .star5:before {
    position: absolute;
    top: 3px;
    right: 3px;
    font-family: FontAwesome;
    font-size: 5.5px
}

.leftCol .star1:before,
.right2Col .star1:before,
.rightCol .star1:before {
    content: "\f005 "
}

.leftCol .star2:before,
.right2Col .star2:before,
.rightCol .star2:before {
    content: "\f005 \f005 "
}

.leftCol .star3:before,
.right2Col .star3:before,
.rightCol .star3:before {
    content: "\f005 \f005 \f005 "
}

.leftCol .star4:before,
.right2Col .star4:before,
.rightCol .star4:before {
    content: "\f005 \f005 \f005 \f005 "
}

.leftCol .star5:before,
.right2Col .star5:before,
.rightCol .star5:before {
    content: "\f005 \f005 \f005 \f005 \f005 "
}

.leftCol .featured-match,
.right2Col .featured-match,
.rightCol .featured-match {
    color: #87a3bf
}

.match-filter-menu .matchFilterCheckbox {
    margin-left: 4px
}

.match-filter-menu .match-filter-popup-block {
    background-color: #2d3844;
    padding: 8px
}

.match-filter-menu .match-filter-popup-description {
    padding: 8px;
    font-size: 11px;
    background-color: #364250;
    border-radius: 4px;
    border: 1px solid rgba(73, 88, 103, .5)
}

.match-filter-menu .match-filter-hidden {
    display: none
}

.match-filter-menu .matchFilterClearStarsButton,
.match-filter-menu .matchFilterResetButton {
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

.match-filter-menu .matchFilterClearStarsButton {
    float: right
}

.match-filter-menu .matchFilterResetRow {
    position: relative;
    padding: 0;
    height: 18px
}

.match-filter-menu .matchFilterResetRow .matchFilterResetButton {
    position: absolute;
    right: 0
}

.match-filter-menu .match-filter-remove-team,
.match-filter-menu .matchFilterCheckbox {
    cursor: pointer;
    color: rgba(146, 154, 158, .65);
    float: right
}

.match-filter-menu .match-filter-stars {
    float: right
}

.match-filter-menu .match-filter-stars .fa {
    margin-right: 2px
}

.match-filter-menu .match-filter-stars .fa:last-child {
    margin-right: 0
}

.match-filter-menu .match-filter-stars .match-filter-star {
    cursor: pointer
}

.match-filter-menu .match-filter-team-search {
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding-left: 5px;
    box-sizing: border-box
}

.match-filter-menu .match-filter-team-search:disabled {
    cursor: not-allowed;
    color: rgba(146, 154, 158, .35);
    background-color: #364250
}

.match-filter-menu .match-filter-team-logo {
    height: 12px;
    padding: 0 5px 0 0
}

input {
    outline: none
}

.pixel {
    height: 1px;
    width: 1px
}

.invertNight {
    filter: invert(100%)
}

.right2Col .flex {
    display: flex;
    justify-content: space-between
}

.overflowAllowed,
.overflowAllowed .contentCol {
    overflow: initial
}

.recent-activity {
    display: flex;
    justify-content: space-between;
    position: relative
}

@media (max-width:500px) {
    .recent-activity {
        align-items: center
    }
}

.recent-activity .recent-activity-preferences {
    position: relative
}

@media (max-width:500px) {
    .recent-activity .recent-activity-preferences {
        margin-top: 10px
    }
}

.recent-activity .recent-activity-preferences .active {
    background: #2b6ea4;
    color: #fff;
    border-radius: 4px
}

.recent-activity .recent-activity-preferences .forum-preferences-menu-wrap {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 32px;
    height: 20px;
    margin-right: -6px;
    margin-top: -3px
}

@media (max-width:500px) {
    .recent-activity .recent-activity-preferences .forum-preferences-menu-wrap {
        gap: 3px
    }
}

.recent-activity .recent-activity-preferences .forum-preferences-menu-wrap .circle {
    width: 3px;
    height: 3px;
    background-color: rgba(146, 154, 158, .75);
    border-radius: 100%
}

@media (max-width:500px) {
    .recent-activity .recent-activity-preferences .forum-preferences-menu-wrap .circle {
        width: 4px;
        height: 4px
    }
}

.recent-activity .recent-activity-preferences .forum-preferences-modal-arrow,
.recent-activity .recent-activity-preferences .forum-preferences-modal-arrow2 {
    position: absolute;
    top: 16px;
    left: 6px;
    content: " ";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent
}

@media (max-width:500px) {

    .recent-activity .recent-activity-preferences .forum-preferences-modal-arrow,
    .recent-activity .recent-activity-preferences .forum-preferences-modal-arrow2 {
        top: 14px;
        left: 6px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }
}

.recent-activity .recent-activity-preferences .forum-preferences-modal-arrow {
    border-bottom: 11px solid #2d3844;
    z-index: 1;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1))
}

.recent-activity .recent-activity-preferences .forum-preferences-modal-arrow2 {
    border-bottom: 11px solid #2d3844;
    margin-top: 1px;
    z-index: 3
}

.recent-activity .forum-preferences-modal {
    box-sizing: border-box;
    width: 190px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #2d3844;
    top: 27px;
    border-radius: 4px;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 9px 3px rgba(50, 50, 50, .4);
    z-index: 2
}

@media (max-width:500px) {
    .recent-activity .forum-preferences-modal {
        width: 260px;
        padding: 16px;
        left: auto;
        transform: none;
        right: 0;
        top: 37px
    }
}

.recent-activity .forum-preferences-modal .preferences-title {
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    font-size: 12px
}

.recent-activity .forum-preferences-modal .preferences-options-wrap {
    display: flex;
    flex-direction: column
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    border-bottom: 1px solid #495867;
    padding: 8px 0
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .option:first-child {
    padding-top: 0
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .option:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .slider {
    display: flex;
    border-radius: 4px;
    border: none;
    position: relative
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .slider span {
    cursor: pointer;
    display: flex;
    padding: 4px 6px;
    font-size: 9px;
    z-index: 9;
    width: 18px;
    justify-content: center
}

@media (max-width:500px) {
    .recent-activity .forum-preferences-modal .preferences-options-wrap .slider span {
        padding: 6px 12px;
        font-size: 11px
    }
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .slider span[class*=disabled]~.selector {
    left: 0;
    transition: all .15s ease
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .slider span[class*=disabled]:nth-child(2),
.recent-activity .forum-preferences-modal .preferences-options-wrap .slider span[class*=enabled]:first-child {
    color: rgba(145, 168, 179, .65)
}

.recent-activity .forum-preferences-modal .preferences-options-wrap .slider .selector {
    width: 50%;
    background: #2d3844;
    height: 100%;
    position: absolute;
    opacity: 1;
    border-radius: 4px;
    transition: all .15s ease;
    left: 28px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .26), 0 1px 1px 0 rgba(0, 0, 0, .27), 0 3px 6px 0 rgba(0, 0, 0, .1), inset 0 -3px 0 0 #87a3bf
}

@media (max-width:500px) {
    .recent-activity .forum-preferences-modal .preferences-options-wrap .slider .selector {
        left: 42px
    }
}

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

.mobiletop {
    display: flex;
    justify-content: center
}

.mobiletop .v-wrapper {
    margin-top: -6px
}

.mobiletop .BZ4Bl4KkTN,
.mobiletop .kgN8P9bvyb2EqDJR {
    margin-bottom: 5px;
    margin-top: -8px;
    max-height: 75px
}

.mobiletop .BZ4Bl4KkTN img,
.mobiletop .kgN8P9bvyb2EqDJR img {
    max-width: 100%;
    max-height: 75px;
    height: auto;
    width: auto
}

.main-top {
    margin-bottom: 10px;
    height: 90px
}

@media (max-width:1000px) {
    .main-top {
        display: none
    }
}

.main-top #main-top-anchor {
    position: absolute;
    top: 0
}

.main-top #main-top-container {
    transition: background-color .3s ease
}

.main-top .fixed-container {
    position: fixed;
    background-color: rgba(25, 25, 25, .8392156863) !important;
    width: 100vw;
    z-index: 100;
    top: var(--navbar-height-gt-smartphone);
    padding-top: 8px;
    padding-bottom: 8px;
    height: 90px
}

body:has(.main-top .fixed-container) {
    --sticky-containers-offset: 154px
}

.standard-column-gap {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.standard-padding {
    padding: 8px
}

@media (max-width:500px) {
    .dynamic-map-name-full {
        display: none
    }
}

@media (min-width:501px) {
    .dynamic-map-name-short {
        display: none
    }
}

.sidebar-con {
    color: rgba(146, 154, 158, .75);
    background-color: inherit;
    font-size: 13px
}

.sidebar-con .sidebar-first-level {
    background: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.sidebar-con .sidebar-second-level {
    background: #2d3844;
    border-top: 1px solid #495867;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.sidebar-con .sidebar-fifth-level,
.sidebar-con .sidebar-forth-level,
.sidebar-con .sidebar-sixth-level,
.sidebar-con .sidebar-third-level {
    background: #2d3844;
    border-top: 1px solid #495867;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.sidebar-con .sidebar-header {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .25);
    padding: 4px 8px
}

.sidebar-con .sidebar-single-line-item.selected {
    font-weight: 700;
    color: #87a3bf;
    display: block;
    padding: 5px 8px;
    border-top: 1px dotted #495867
}

.sidebar-con .sidebar-single-line-item:not(.selected) {
    display: block;
    padding: 5px 8px;
    border-top: 1px dotted #495867;
    color: inherit;
    font-weight: inherit
}

.sidebar-con .info-text {
    font-size: 8px;
    background-color: #435971;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 4px;
    font-weight: 700;
    float: right;
    border-radius: 3px
}

.sidebar-single-line-item:first-child {
    border: none !important
}

.sidebar-single-line-item:hover {
    background-color: #45515f
}

.sidebar-headline {
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 0;
    padding: 5px;
    background-color: #435971
}

.sidebar-box:first-child .sidebar-headline:first-child {
    margin-top: 0
}


.stats-sidebar {
    font-size: 13px;
    margin-bottom: 10px
}

.stats-sidebar .medium-padding {
    padding: 7px
}

.stats-sidebar .big-padding {
    padding: 10px
}

.stats-sidebar .huge-padding {
    padding: 20px
}

.stats-sidebar .stats-search-result {
    display: flex;
    justify-content: space-between
}

.stats-sidebar .stats-profile {
    min-width: 0
}

.stats-sidebar .add-to-context {
    flex: 0 0 auto;
    min-width: 0;
    background-color: #1b1f23;
    font-size: 10px;
    color: rgba(146, 154, 158, .5);
    border: 1px solid #495867;
    padding: 0 5px
}

.stats-sidebar .add-to-context .add-to-context-text {
    padding-left: 3px
}

.stats-sidebar .context-item {
    display: flex;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 5px;
    flex-direction: column
}

.stats-sidebar .context-item .context-item-image {
    max-width: 100%
}

.stats-sidebar .context-item .context-image-holder {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

.stats-sidebar .context-item .context-image-holder img {
    width: 100%;
    max-width: 100%
}

.stats-sidebar .context-item .missing-event-logo-letter {
    font-size: 105px;
    line-height: 105px;
    text-align: center
}

.stats-sidebar .context-item .context-item-name {
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-sidebar .context-item .context-item-flag {
    margin-right: 5px
}

.stats-sidebar .context-item .context-lineup {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.stats-sidebar .context-item .context-lineup .col {
    flex: 1 0 50%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    position: relative
}

.stats-sidebar .context-item .context-lineup .deselect {
    top: 0
}

.stats-sidebar .context-item .deselect {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(35, 45, 56, .5);
    color: #87a3bf;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.stats-sidebar .context-item .deselect:hover {
    color: #87a3bf
}

.stats-sidebar .context-item .deselect .fa {
    padding-right: 0 !important;
    color: inherit
}

.stats-sidebar .profile-text {
    margin-top: 5px;
    margin-bottom: -5px;
    text-align: center;
    font-weight: 700
}

.stats-sidebar .sub-tab.sub-tab {
    padding-left: 8px
}

.stats-table-small-padding {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background-image: url(/img/static/stats/darkSmallPaddingInactive.svg)
}

.stats-table-small-padding.active {
    background-image: url(/img/static/stats/darkSmallPaddingActive.svg)
}

.stats-table-medium-padding {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background-image: url(/img/static/stats/darkNormalPaddingInactive.svg)
}

.stats-table-medium-padding.active {
    background-image: url(/img/static/stats/darkNormalPaddingActive.svg)
}

.stats-table-large-padding {
    background-image: url(/img/static/stats/darkLargePaddingInactive.svg)
}

.stats-table-large-padding.active {
    background-image: url(/img/static/stats/darkLargePaddingActive.svg)
}

.stats-table-padding-button {
    cursor: pointer;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-top: -2px
}

.stats-headline-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -1px 0 6px
}

.stats-headline-pagination .standard-headline {
    margin: 0
}

.stats-table-padding-buttons-pagination {
    margin-left: 10px;
    display: flex;
    align-items: center
}

.stats-table-padding-buttons-pagination .pagination-component {
    margin-right: 8px !important;
    margin-bottom: 2px
}

.stats-table-padding-buttons-pagination .pagination-next,
.stats-table-padding-buttons-pagination .pagination-prev {
    font-size: 10px;
    height: 19px !important;
    width: 20px !important
}

.stats-table-padding-buttons-pagination .pagination-component.pagination-top {
    float: left
}

@media (max-width:500px) {
    .stats-table-padding-buttons-pagination .pagination-component.pagination-top {
        margin-right: 8px
    }
}

.stats-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

@media (max-width:500px) {
    .stats-table {
        font-size: 11px
    }
}

.stats-table th.ratingCol,
.stats-table th.ratingCol-teams-overview,
.stats-table th.st-rating,
.stats-table th.statsPlayerEventsRating,
.stats-table th.statsPlayerMatchesRating {
    padding-bottom: 0
}

.stats-table th.ratingCol-teams-overview .ratingDesc,
.stats-table th.ratingCol .ratingDesc,
.stats-table th.st-rating .ratingDesc,
.stats-table th.statsPlayerEventsRating .ratingDesc,
.stats-table th.statsPlayerMatchesRating .ratingDesc {
    display: flex;
    flex-direction: column;
    font-size: 9px;
    font-weight: 400;
    margin-top: -8px
}

.stats-table .opponents-location {
    opacity: 0;
    float: right;
    background: #435971;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 10px;
    margin-top: 1px
}

.stats-table .opponents-location:hover {
    background: #59728e;
    color: #fff !important
}

.stats-table .teamCol:hover .opponents-location {
    opacity: 1
}

.stats-table .centerStat {
    text-align: center
}

.stats-table .stats-table thead:first-child {
    background-color: #364250
}

.stats-table tr:hover,
.stats-table tr:hover:nth-child(2n) {
    background-color: #45515f
}

.stats-table thead tr:hover:first-child {
    background-color: inherit
}

.stats-table th:first-child {
    border-left: 0
}

.stats-table thead {
    font-weight: 700;
    background-color: #364250
}

.stats-table th {
    text-align: center;
    padding: 5px;
    white-space: nowrap;
    border-left: 1px solid #495867
}

@media (max-width:500px) {
    .stats-table th {
        padding: 3px
    }
}

.stats-table tr {
    border-top: 1px solid #495867
}

.stats-table tr:last-child {
    border-bottom: 0
}

.stats-table tbody tr:nth-child(2n) {
    background-color: #364250
}

.stats-table tr.group-1 {
    background-color: #364250 !important
}

.stats-table tr.group-1:hover {
    background-color: #45515f !important
}

.stats-table tr.group-1:not(.first) {
    border-top: 0
}

.stats-table tr.group-2 {
    background-color: #2d3844 !important
}

.stats-table tr.group-2:hover {
    background-color: #45515f !important
}

.stats-table tr.group-2:not(.first) {
    border-top: 0
}

.stats-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867;
    padding: 5px
}

@media (max-width:500px) {
    .stats-table td {
        padding: 3px
    }
}

.stats-table td:first-child {
    border-left: 0
}

.stats-table td:last-child {
    border-right: 0
}

.stats-table .flag {
    margin-right: 5px
}

.stats-table .statsCenterText {
    text-align: center;
    opacity: .5
}

.stats-table .statsCenterTextHighlighted {
    text-align: center;
    font-weight: 700
}

.stats-table .statsMapPlayed {
    opacity: .5;
    text-align: center;
    font-size: 12px
}

.stats-table .statsDetail {
    opacity: .5;
    text-align: center;
    color: #fff
}

.stats-table .time {
    text-align: center
}

.stats-table tr:hover .won {
    color: #09c100;
    opacity: 1 !important
}

.stats-table tr:hover .lost {
    color: #fc1d1d;
    opacity: 1 !important
}

.stats-table tr:hover .statsCenterText {
    opacity: 1 !important
}

.stats-table tr:hover .statsCenter {
    text-align: center
}

.stats-table tr:hover .statsDetail {
    opacity: 1;
    text-align: center
}

.stats-table tr:hover .statsMapPlayed {
    opacity: 1
}

.stats-table .won {
    color: #09c100;
    text-align: center
}

.stats-table .lost {
    text-align: center;
    color: #fc1d1d
}

.stats-table .ratingPositive {
    text-align: center;
    opacity: 1 !important
}

.stats-table .ratingNegative,
.stats-table .ratingNeutral {
    text-align: center;
    opacity: 1 !important
}

.stats-table .match-won {
    box-shadow: inset -3px 0 0 0 #09c100
}

.stats-table .match-lost {
    box-shadow: inset -3px 0 0 0 #fc1d1d
}

.stats-table .match-tied {
    box-shadow: inset -3px 0 0 0 #5a96dc
}

.stats-table .match-not-yet-finished {
    box-shadow: inset -3px 0 0 0 #516377
}

.stats-table .team-col {
    text-align: left
}

.stats-table .statsLogo {
    max-width: 19px;
    max-height: 19px
}

.stats-table .eventLogo {
    max-width: 19px;
    max-height: 19px;
    margin-right: 5px
}

.stats-table tr.killmatrix-topbar:hover {
    background-color: #2d3844
}

.stats-table .team2 {
    border-left: 3px solid #cc980a !important
}

.stats-table .team1 {
    border-top: 3px solid #32689a !important
}

.stats-table .team1-player-score {
    background-color: #32689a;
    color: #fff;
    width: 19px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    margin-left: 2px;
    border-radius: 2px
}

.stats-table .team2-player-score {
    background-color: #cc980a;
    color: #fff;
    width: 19px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    margin-right: 2px;
    border-radius: 2px
}

.pagination-component {
    display: flex;
    align-items: center;
    -moz-column-gap: 3px;
    column-gap: 3px
}

.pagination-component .pagination-next,
.pagination-component .pagination-prev {
    height: 25px;
    width: 35px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px
}

@media (max-width:500px) {

    .pagination-component .pagination-next,
    .pagination-component .pagination-prev {
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
        background-color: #2d3844
    }
}

.pagination-component .pagination-next:hover,
.pagination-component .pagination-prev:hover {
    background-color: #45515f
}

.pagination-component .pagination-next.inactive,
.pagination-component .pagination-prev.inactive {
    color: #929a9e;
    opacity: .35
}

.pagination-component.pagination-top {
    float: right;
    font-weight: 400;
    margin-bottom: 8px;
    margin-top: -2px
}

.pagination-component.pagination-bottom {
    float: right;
    font-weight: 400;
    margin-top: 8px
}

.pagination-component .pagination-left {
    position: relative;
    right: 1px
}

.pagination-component .pagination-right {
    position: relative;
    left: 1px
}

.pagination-component.with-stats-table {
    margin-left: 5px;
    display: inline-block
}

.pagination-component .pagination-data {
    position: relative;
    top: 1px
}

.pagination-include-csgo-dataset {
    margin-top: 40px
}


.teambox {
    display: flex;
    justify-content: space-between;
    padding: 3px 5px;
    font-size: 11px
}

.teambox.matchover {
    opacity: .5;
    background-color: #364250
}

.teambox .teamrows {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teambox .teamrow {
    text-decoration: none;
    color: #87a3bf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    font-size: 12px
}

.teambox .teamrow:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.teambox .placeholderrow {
    text-decoration: none;
    color: #87a3bf;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px
}

.teambox .placeholderrow:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.teambox .team {
    vertical-align: middle
}

.teambox .middleExtra,
.teambox .twoRowExtra {
    flex: 0 0 auto;
    text-align: right
}

.teambox .twoRowExtraRow {
    height: 18px;
    line-height: 18px;
    font-weight: 700
}

.teambox .middleExtra {
    align-self: center;
    color: #929a9e;
    font-size: 11px
}

.teambox .streambox {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #87a3bf;
    font-size: 12px;
    vertical-align: middle
}

.teambox .streambox:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.teambox .streambox .confirmed-show-title {
    display: flex;
    justify-content: space-between
}

.teambox .streambox .confirmed-show-tagline span {
    opacity: .65;
    font-size: 10px;
    white-space: pre
}

.teambox .streambox .confirmed-show-tagline .flag {
    height: 9px;
    width: 14px
}

.teambox .streambox .fa-play {
    font-size: 10px;
    width: 18px;
    position: relative;
    top: -1px;
    text-align: center
}

.teambox .stream-time-box {
    display: inline-flex;
    background: #435971;
    border-radius: 4px;
    padding: 2px 3px 3px;
    line-height: 11px;
    color: #fff;
    font-weight: 700
}

.teambox .stream-time-box.live {
    background-color: #8f0303
}

.teambox .livescore .spacing {
    margin-left: 3px
}

.matches-v4 .guide-empty-state,
.new-matches .guide-empty-state,
.newMatches .guide-empty-state {
    background-color: #364250;
    border-radius: 4px;
    display: flex;
    padding: 44px 28px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    font-size: 14px;
    color: rgba(146, 154, 158, .55);
    font-weight: 700
}

.matches-v4 .guide-section,
.new-matches .guide-section,
.newMatches .guide-section {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 25px
}

@media (max-width:500px) {

    .matches-v4 .guide-section,
    .new-matches .guide-section,
    .newMatches .guide-section {
        margin-bottom: 8px
    }
}

.matches-v4 .guide-section .guide-scroll,
.new-matches .guide-section .guide-scroll,
.newMatches .guide-section .guide-scroll {
    width: 100%;
    overflow-y: auto
}

.matches-v4 .guide-section .guide-table,
.new-matches .guide-section .guide-table,
.newMatches .guide-section .guide-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.matches-v4 .guide-section .guide-table th,
.new-matches .guide-section .guide-table th,
.newMatches .guide-section .guide-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .65
}

@media (max-width:500px) {

    .matches-v4 .guide-section .guide-table th,
    .new-matches .guide-section .guide-table th,
    .newMatches .guide-section .guide-table th {
        width: 75px
    }
}

.matches-v4 .guide-section .guide-table tbody tr:nth-child(odd),
.new-matches .guide-section .guide-table tbody tr:nth-child(odd),
.newMatches .guide-section .guide-table tbody tr:nth-child(odd) {
    background-color: #364250
}

.matches-v4 .guide-section .guide-table .guide-event-name,
.new-matches .guide-section .guide-table .guide-event-name,
.newMatches .guide-section .guide-table .guide-event-name {
    width: 180px;
    text-align: left;
    padding: 0 5px
}

@media (max-width:500px) {

    .matches-v4 .guide-section .guide-table .guide-event-name,
    .new-matches .guide-section .guide-table .guide-event-name,
    .newMatches .guide-section .guide-table .guide-event-name {
        width: 130px
    }
}

.matches-v4 .guide-section .guide-table .guide-link:hover,
.new-matches .guide-section .guide-table .guide-link:hover,
.newMatches .guide-section .guide-table .guide-link:hover {
    color: #fff !important
}

.matches-v4 .guide-section .guide-table .guide-event,
.new-matches .guide-section .guide-table .guide-event,
.newMatches .guide-section .guide-table .guide-event {
    padding: 5px;
    height: 25px
}

@media (max-width:500px) {

    .matches-v4 .guide-section .guide-table .guide-event,
    .new-matches .guide-section .guide-table .guide-event,
    .newMatches .guide-section .guide-table .guide-event {
        font-size: 10px
    }
}

.matches-v4 .guide-section .guide-table .guide-day,
.new-matches .guide-section .guide-table .guide-day,
.newMatches .guide-section .guide-table .guide-day {
    font-size: 10px;
    text-align: center;
    padding: 0 3px
}

.matches-v4 .guide-section .guide-table .active,
.new-matches .guide-section .guide-table .active,
.newMatches .guide-section .guide-table .active {
    border-left: 0;
    border-right: 0;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.matches-v4 .guide-section .guide-table .active .guide-same-day-matches,
.new-matches .guide-section .guide-table .active .guide-same-day-matches,
.newMatches .guide-section .guide-table .active .guide-same-day-matches {
    background-color: #435971;
    border-radius: 4px
}

.matches-v4 .guide-section .guide-table .active .guide-same-day-matches:hover,
.new-matches .guide-section .guide-table .active .guide-same-day-matches:hover,
.newMatches .guide-section .guide-table .active .guide-same-day-matches:hover {
    background-color: #59728e
}

.matches-v4 .guide-section .guide-table .no-matches,
.new-matches .guide-section .guide-table .no-matches,
.newMatches .guide-section .guide-table .no-matches {
    opacity: .65
}

.matches-v4 .guide-section .guide-table .guide-day-type,
.new-matches .guide-section .guide-table .guide-day-type,
.newMatches .guide-section .guide-table .guide-day-type {
    font-weight: 700;
    margin-bottom: -3px
}

@media (max-width:500px) {

    .matches-v4 .guide-section .guide-table .guide-day-type,
    .new-matches .guide-section .guide-table .guide-day-type,
    .newMatches .guide-section .guide-table .guide-day-type {
        margin-bottom: -5px
    }
}

.matches-v4 .guide-section .guide-table .event-logo,
.new-matches .guide-section .guide-table .event-logo,
.newMatches .guide-section .guide-table .event-logo {
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px
}

@media (max-width:500px) {

    .matches-v4 .guide-section .guide-table .event-logo,
    .new-matches .guide-section .guide-table .event-logo,
    .newMatches .guide-section .guide-table .event-logo {
        max-width: 20px;
        max-height: 20px;
        margin-right: 4px
    }
}

.matches-v4 .guide-section .guide-table .guide-same-day-matches:not(:first-child),
.new-matches .guide-section .guide-table .guide-same-day-matches:not(:first-child),
.newMatches .guide-section .guide-table .guide-same-day-matches:not(:first-child) {
    border-top: 2px solid #fff
}

.matches-v4 .guide-section .strong,
.new-matches .guide-section .strong,
.newMatches .guide-section .strong {
    font-weight: 700;
    color: #b9bdbf
}

.matches .guide-section {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.matches .guide-section .guide-scroll {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em
}

.matches .guide-section .guide-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.matches .guide-section .guide-table td {
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

.matches .guide-section .guide-table td:first-child {
    border-left: 0
}

.matches .guide-section .guide-table td:last-child {
    border-right: 0
}

.matches .guide-section .guide-table td:nth-child(2n) {
    background-color: #364250
}

.matches .guide-section .guide-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

.matches .guide-section .guide-table th:first-child {
    border-left: 0
}

.matches .guide-section .guide-table th:last-child {
    border-right: 0
}

.matches .guide-section .guide-table th:nth-child(2n) {
    background-color: #364250
}

@media (max-width:500px) {
    .matches .guide-section .guide-table th {
        width: 75px;
        font-size: 10px
    }
}

.matches .guide-section .guide-table tr {
    border-bottom: 1px solid #495867
}

.matches .guide-section .guide-table tr:last-child {
    border-bottom: 0
}

.matches .guide-section .guide-table .guide-event-name {
    width: 150px;
    text-align: left;
    padding: 5px
}

@media (max-width:500px) {
    .matches .guide-section .guide-table .guide-event-name {
        width: 130px
    }
}

.matches .guide-section .guide-table .guide-link:hover {
    color: #fff !important
}

.matches .guide-section .guide-table .guide-event {
    padding: 5px;
    height: 25px
}

.matches .guide-section .guide-table .guide-day {
    font-size: 10px;
    text-align: center
}

.matches .guide-section .guide-table .active {
    border-left: 0;
    border-right: 0;
    background-color: #435971 !important;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.matches .guide-section .guide-table .no-matches {
    opacity: .65
}

.matches .guide-section .guide-table .guide-day-type {
    font-weight: 700
}

.matches .guide-section .guide-table thead {
    border-bottom: 1px solid #495867
}

.matches .guide-section .guide-table .event-logo {
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px
}

.matches .guide-section .guide-table .guide-same-day-matches:not(:first-child) {
    border-top: 2px solid #fff
}

.matches .guide-section .strong {
    font-weight: 700;
    color: #b9bdbf
}

.highlighted-player .picture {
    width: 100%
}

.highlighted-player .player-picture-holder {
    flex: 1 0 178px
}

@media (max-width:500px) {
    .highlighted-player .player-picture-holder {
        display: none
    }
}

.highlighted-player .player-picture-holder.small {
    flex: 1 0 148px
}

.highlighted-player .percentage {
    margin-left: 10px
}

.highlighted-player .facts {
    padding-top: 8px;
    padding-right: 8px;
    width: 100%
}

.highlighted-player .facts .graph {
    padding: 5px;
    height: 160px
}

.highlighted-player .facts .graph.small {
    height: 130px
}

.highlighted-player .facts tr:nth-child(2n) {
    border-top: 1px solid #495867;
    border-bottom: 1px solid #495867;
    background-color: #232d38
}

.highlighted-player .facts tr:hover,
.highlighted-player .facts tr:nth-child(2n):hover,
.highlighted-player .facts tr:nth-child(odd):hover {
    background: #45515f
}

.highlighted-player .facts td {
    white-space: nowrap;
    padding: 0 10px;
    height: 30px;
    font-size: 12px
}

.highlighted-player .facts .header-desc {
    font-weight: 700
}

.highlighted-player .facts .desc {
    width: 60%;
    max-width: 1px;
    font-weight: 700
}

.highlighted-player .headline {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 5px;
    font-weight: 700;
    background-color: #364250;
    border-bottom: 1px solid #495867
}

.highlighted-player .picture-and-chart {
    display: flex
}

.highlighted-player .picture-and-chart .potm-charts {
    position: relative;
    display: grid;
    grid-gap: 8px;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    height: 100%;
    margin: 0 16px 0 30px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .highlighted-player .picture-and-chart .potm-charts {
        height: 160px;
        padding: 5px;
        margin-left: 24px
    }
}

.highlighted-player .picture-and-chart .potm-charts .potm-chart-bar-container {
    height: calc(100% - 24px);
    display: flex;
    align-items: flex-end
}

.highlighted-player .picture-and-chart .potm-charts .potm-chart-bar {
    height: 100%;
    background-color: #000;
    width: 100%
}

.highlighted-player .picture-and-chart .potm-charts .potm-chart-bar-value {
    color: #fff;
    position: relative;
    top: -18px;
    text-align: center;
    font-weight: 700
}

.highlighted-player .picture-and-chart .potm-charts .potm-chart-stat {
    color: #fff;
    text-align: center;
    font-size: 11px
}

@media (max-width:500px) {
    .highlighted-player .picture-and-chart .potm-charts .potm-chart-stat {
        font-size: 8px
    }
}

.highlighted-player .picture-and-chart .potm-charts .potm-average {
    position: absolute;
    height: 1px;
    bottom: 124px;
    background-color: #ffffff;
    width: calc(100% + 8px);
    left: -4px
}

@media (max-width:500px) {
    .highlighted-player .picture-and-chart .potm-charts .potm-average {
        left: 0;
        width: 100%
    }
}

.highlighted-player .picture-and-chart .potm-charts .potm-average:after {
    content: "Avg";
    display: block;
    position: absolute;
    left: -24px;
    top: -10px;
    color: #fff
}

@media (max-width:500px) {
    .highlighted-player .picture-and-chart .potm-charts .potm-average:after {
        font-size: 9px;
        top: -8px;
        left: -18px
    }
}

.highlighted-player.potm-container .facts {
    padding-top: 28px
}

@media (max-width:500px) {
    .highlighted-player.potm-container .facts {
        padding-right: 0;
        padding-top: 18px
    }
}

.highlighted-player .flag {
    margin-right: 5px
}

.player-nick {
    font-weight: 700
}

.date-picker {
    width: 170px;
    height: 25px;
    border: 0;
    line-height: 25px;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 80001
}

.date-picker-wrapper {
    position: absolute;
    z-index: 80000;
    border: 1px solid #495867;
    background-color: #232d38;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    font-family: Arial, sans-serif;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
    box-sizing: initial
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block
}

.date-picker-wrapper.single-date {
    width: auto
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px
}

.date-picker-wrapper .footer {
    border: 0;
    font-size: 11px;
    padding-top: 3px
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}

.date-picker-wrapper .month-name {
    text-transform: uppercase
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #495867;
    border-radius: 3px;
    background-color: #364250;
    padding: 5px;
    cursor: default;
    position: relative;
    _overflow: hidden
}

.date-picker-wrapper .month-wrapper table,
.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left
}

.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0;
    padding: 0
}

.date-picker-wrapper .month-wrapper table .day {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #929a9e;
    cursor: default
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: rgba(67, 89, 113, .4);
    color: #fff;
    font-weight: 700
}

.date-picker-wrapper .month-wrapper table .week-name {
    color: #929a9e;
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important
}

.date-picker-wrapper .time label {
    white-space: nowrap
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    cursor: pointer
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: rgba(67, 89, 113, .2)
}

.date-picker-wrapper .month-wrapper table .day.lastMonth,
.date-picker-wrapper .month-wrapper table .day.nextMonth {
    display: none
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: rgba(67, 89, 113, .7);
    color: #929a9e
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #435971
}

.date-picker-wrapper table .caption {
    color: #929a9e;
    height: 40px
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
    background-color: #ccc;
    color: #fff
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid #2d3844;
    border-top: 8px solid #232d38;
    border-bottom: 8px solid #232d38
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #2d3844
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #2d3844
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #495867;
    z-index: 3
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #495867;
    z-index: 3
}

.date-picker-wrapper .selected-days {
    display: none
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0
}

.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
    display: none
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: 1px solid #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
    color: #fff;
    line-height: normal
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: 1px solid #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed")
}

.date-picker-wrapper .time {
    position: relative
}

.date-picker-wrapper.single-month .time {
    display: block
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}

.date-picker-wrapper .time1,
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.date-picker-wrapper .time1 {
    float: left
}

.date-picker-wrapper .time2 {
    float: right
}

.date-picker-wrapper .hour,
.minute {
    text-align: right
}

.date-picker-wrapper .hide {
    display: none
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: #435971 !important;
    color: #fff !important;
    font-weight: 700
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}

.date-picker-wrapper .date-range-length-tip:after {
    content: "";
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff0;
    left: 50%;
    margin-left: -4px;
    bottom: -4px
}

.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: 700
}

/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.preload .noUi-state-tap .noUi-connect,
.preload .noUi-state-tap .noUi-origin {
    transition: initial !important
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base,
.noUi-handle {
    transform: translateZ(0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .5);
    transition: background .45s
}

.preload .noUi-connect {
    transition: initial !important
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

th[role=columnheader]:not(.no-sort) {
    cursor: pointer
}

th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: .4
}

th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 1
}

.g-grid {
    display: flex;
    flex-direction: row
}

.g-grid .col {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%
}

.g-grid .col-1 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 8.3333333333%
}

.g-grid .col-2 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 16.6666666667%
}

.g-grid .col-3 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 25%
}

.g-grid .col-4 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 33.3333333333%
}

.g-grid .col-5 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 41.6666666667%
}

.g-grid .col-6 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 50%
}

.g-grid .col-7 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 58.3333333333%
}

.g-grid .col-8 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 66.6666666667%
}

.g-grid .col-9 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 75%
}

.g-grid .col-10 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 83.3333333333%
}

.g-grid .col-11 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 91.6666666667%
}

.g-grid .col-12 {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%;
    flex: 0 0 100%
}

.g-grid .col-custom {
    flex: 1 1 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%
}

.event-page #GroupPlay:target {
    z-index: inherit !important
}

@media (max-width:500px) {
    body.menu-is-open {
        position: fixed;
        max-width: 100%
    }
}

.navbar {
    font-size: 14px;
    width: 100%;
    background: #2d3844;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 101;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4)
}

@media (max-width:500px) {
    .navbar {
        z-index: 9999
    }
}

.navbar .live-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: pulse-live 2s infinite;
    background: #fff
}

@keyframes pulse-live {
    0% {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .5)
    }

    to {
        box-shadow: 0 0 0 6px rgba(255, 0, 0, 0)
    }
}

.navbar .pickem-cta {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: #435971;
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px
}

.navbar .pickem-cta:hover {
    background: #87a3bf;
    color: #fff !important
}

@media (max-width:1390px) {
    .navbar .pickem-cta {
        display: none
    }
}

.navbar .pickems-mobile {
    background: #435971
}

.navbar .pickems-mobile a,
.navbar .pickems-mobile a:hover {
    color: #fff !important
}

.navbar .nav-bg-overlay {
    display: none
}

@media (max-width:500px) {
    .navbar .nav-bg-overlay {
        display: block;
        background-color: #101112;
        opacity: 0;
        width: 100vw;
        height: 100dvh;
        position: absolute;
        z-index: -1;
        transition: opacity .25s ease-in-out;
        pointer-events: none
    }
}

.menu-is-open .navbar .nav-bg-overlay {
    opacity: .65;
    transition: opacity .25s ease-in-out;
    pointer-events: auto
}

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

@media (min-width:501px) {
    .navbar .navcon {
        width: 100%;
        max-width: 1200px
    }
}

@media (max-width:500px) {
    .navbar .navcon {
        background: #2d3844;
        width: 80%;
        height: 100dvh;
        right: 0;
        transform: translateX(100%);
        position: absolute;
        flex-direction: column;
        align-items: flex-start;
        transition: all 275ms cubic-bezier(.2, .9, .7, 1)
    }

    .preload .navbar .navcon {
        transition: initial !important
    }

    .menu-is-open .navbar .navcon {
        transform: translateX(0)
    }

    .navbar .navcon .dropdown-icon {
        margin-left: auto
    }
}

.navbar.hide-navcon {
    max-height: 40px;
    overflow: hidden
}

.navbar ul {
    list-style-type: none;
    padding-inline-start: 0
}

.navbar .small-logo {
    display: block;
    transition: all .4s ease
}

.preload .navbar .small-logo {
    transition: initial !important
}

.navbar.showSmall .small-logo {
    width: 40px !important;
    transition: width .35s cubic-bezier(.2, .9, .7, 1)
}

.navbar .nav-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    transition: opacity .35s cubic-bezier(.2, .9, .7, 1)
}

.preload .navbar .nav-content {
    transition: initial !important
}

@media (max-width:500px) {
    .navbar .nav-content {
        order: 2;
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        overflow: scroll;
        padding-bottom: 32px
    }
}

.navbar .nav-content .small-logo-img {
    height: 40px;
    width: 40px
}

@media (max-width:500px) {
    .navbar.nav-show-mobile-search .nav-content {
        display: none
    }
}

.navbar.nav-disabled .nav-content {
    pointer-events: none;
    opacity: .4;
    transition: all .35s cubic-bezier(.2, .9, .7, 1)
}

.preload .navbar.nav-disabled .nav-content {
    transition: initial !important
}

.navbar.nav-disabled .navsearch form {
    width: 270px !important
}

.navbar .nav-user-content {
    display: flex
}

@media (max-width:500px) {
    .navbar .show-menu {
        overflow: visible !important;
        height: auto !important;
        background-color: #364250
    }

    .navbar .show-menu .nav-link {
        font-weight: 700;
        color: #87a3bf
    }

    .navbar .show-menu .dropdown-link {
        padding: 0 24px;
        height: 35px
    }

    .navbar .show-menu .dropdown-icon {
        transform: rotate(180deg)
    }
}

.navbar .nav-item {
    position: relative
}

@media (max-width:500px) {
    .navbar .nav-item {
        width: 100%;
        height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #495867
    }
}

.navbar .nav-extras:hover,
.navbar .nav-item:hover {
    background-color: #364250
}

.navbar .nav-extras:hover svg .chevron-light,
.navbar .nav-item:hover svg .chevron-light {
    stroke: #87a3bf
}

.navbar .dot-menu,
.navbar .nav-link {
    color: #929a9e;
    height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

.navbar .chevron-light {
    stroke: #929a9e
}

.navbar .dropdown-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 40px;
    left: 0;
    width: 190px;
    background: #364250;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 0 6px rgba(0, 0, 0, .09);
    border: 1px solid #495867
}

@media (max-width:500px) {
    .navbar .dropdown-menu {
        display: flex;
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        box-shadow: unset;
        border: none
    }
}

.navbar .dropdown-menu li {
    border-bottom: 1px solid #495867
}

@media (max-width:500px) {
    .navbar .dropdown-menu li {
        border-bottom: unset
    }
}

.navbar .dropdown-menu li:last-child {
    border-bottom: 0
}

.navbar .nav-extras:hover>.dropdown-menu,
.navbar .nav-item:hover>.dropdown-menu {
    display: flex
}

.navbar .dropdown-link {
    font-size: 13px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    height: 40px;
    color: rgba(146, 154, 158, .85);
    position: relative
}

.navbar .dropdown-link:hover {
    background-color: #45515f
}

.navbar .dropdown-link:hover:before {
    display: block;
    left: -1px;
    position: absolute;
    background: #87a3bf;
    width: 3px;
    height: 100%;
    content: ""
}

.navbar .dropdown-link:last-child {
    border-radius: 0 0 4px 4px
}

.navbar .show-live .dropdown-link {
    gap: 4px
}

.navbar .live-box,
.navbar .new-box {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px
}

.navbar .live-box {
    background-color: #8f0303;
    font-weight: 700
}

.navbar .new-box {
    background-color: #435971;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
    letter-spacing: 1px;
    padding: 0 3px 0 5px;
    font-size: 9px;
    z-index: 99
}

@media (max-width:500px) {
    .navbar .new-box {
        position: unset;
        left: unset;
        transform: unset;
        letter-spacing: 0;
        padding: 2px 6px !important;
        font-weight: 700;
        font-size: 10px
    }
}

.navbar .dropdown-menu .new-box {
    transform: unset;
    position: unset
}

.navbar .dropdown-arrow,
.navbar .dropdown-arrow2 {
    position: absolute;
    top: -8px;
    left: 10px;
    content: " ";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

@media (max-width:500px) {

    .navbar .dropdown-arrow,
    .navbar .dropdown-arrow2 {
        display: none
    }
}

.navbar .dropdown-arrow {
    border-bottom: 7px solid #495867;
    z-index: 1;
    filter: drop-shadow(0 1 3px rgba(0, 0, 0, .1))
}

.navbar .dropdown-arrow2 {
    border-bottom: 7px solid #364250;
    margin-top: 1px;
    z-index: 3
}

.navbar .dot-menu {
    gap: 3px;
    position: relative
}

.navbar .dot-menu .dot {
    width: 4px;
    height: 4px;
    background-color: grey;
    border-radius: 100%
}

@media (max-width:500px) {
    .navbar .nav-extras {
        display: none
    }
}

.navbar .nav-extras:hover .dropdown-arrow,
.navbar .nav-extras:hover .dropdown-arrow2 {
    display: block !important
}

.navbar .nav-extras .dropdown-menu {
    box-sizing: border-box;
    width: 100vw;
    align-items: center;
    padding: 24px
}

.navbar .nav-extras .dropdown-menu-extras-container {
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto
}

.navbar .nav-extras .dropdown-menu-extras-container .nav-item .nav-link {
    padding: 0 12px;
    font-weight: 700;
    height: auto
}

.navbar .nav-extras .dropdown-menu-extras-container .nav-item .nav-link svg {
    display: none
}

.navbar .nav-extras .dropdown-menu-extras-container .nav-item a {
    width: 100%;
    box-sizing: border-box
}

.navbar .nav-extras .dropdown-menu-extras-container .dropdown-menu {
    display: block;
    width: 100%;
    padding: 0 !important;
    box-shadow: none;
    border: none;
    position: static
}

.navbar .nav-extras .dropdown-menu-extras-container .dropdown-menu .dropdown-arrow,
.navbar .nav-extras .dropdown-menu-extras-container .dropdown-menu .dropdown-arrow2 {
    display: none !important
}

.navbar .nav-extras .dropdown-arrow,
.navbar .nav-extras .dropdown-arrow2 {
    display: none;
    bottom: -1px;
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.navbar .nav-extras .dropdown-arrow2 {
    bottom: -2px
}

.navbar .navsearch-wrap .navsearch form {
    position: absolute;
    width: 0;
    opacity: 0;
    top: 50%;
    right: -7px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 1;
    transition: all .35s cubic-bezier(.2, .9, .7, 1)
}

.preload .navbar .navsearch-wrap .navsearch form {
    transition: initial !important
}

.navbar .navsearch-wrap .navsearch form.no-transitions {
    transition: none
}

.navbar .navsearch-wrap .navsearch .navsearchinput {
    width: 100%;
    border-radius: 4px;
    border: none;
    background-color: #364250;
    font-size: 12px;
    height: 35px;
    box-sizing: border-box;
    color: #929a9e
}

.navbar .navsearch-wrap .navsearch .navsearchinput::-moz-placeholder {
    opacity: 0
}

.navbar .navsearch-wrap .navsearch .navsearchinput::placeholder {
    opacity: 0
}

.navbar .navsearch-wrap .navsearch .navsearch-background-bar {
    position: absolute;
    width: 0;
    right: -7px;
    background: linear-gradient(90deg, rgba(45, 56, 68, 0), #2d3844 15%);
    height: 40px;
    z-index: 0;
    top: -8px;
    transition: width .35s cubic-bezier(.2, .9, .7, 1);
    display: none
}

.preload .navbar .navsearch-wrap .navsearch .navsearch-background-bar {
    transition: initial !important
}

.navbar .navsearch-wrap .navsearch:focus-within .navsearch-background-bar {
    display: block
}

@media (max-width:500px) {

    .navbar .navsearch-wrap.search-bar-expanded,
    .navbar .navsearch-wrap:focus-within {
        display: none
    }
}

.navbar .navsearch-wrap.search-bar-expanded .navsearchicon,
.navbar .navsearch-wrap:focus-within .navsearchicon {
    pointer-events: none
}

.navbar .navsearch-wrap.search-bar-expanded form,
.navbar .navsearch-wrap:focus-within form {
    width: 160px;
    opacity: 1;
    transition: all .35s cubic-bezier(.2, .9, .7, 1)
}

.preload .navbar .navsearch-wrap.search-bar-expanded form,
.preload .navbar .navsearch-wrap:focus-within form {
    transition: initial !important
}

@media (max-width:500px) {

    .navbar .navsearch-wrap.search-bar-expanded form,
    .navbar .navsearch-wrap:focus-within form {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        top: 68px;
        left: 0;
        transform: none;
        transition: none
    }

    .preload .navbar .navsearch-wrap.search-bar-expanded form,
    .preload .navbar .navsearch-wrap:focus-within form {
        transition: initial !important
    }
}

.navbar .navsearch-wrap.search-bar-expanded .navsearchinput,
.navbar .navsearch-wrap:focus-within .navsearchinput {
    padding-left: 8px;
    font-size: 12px;
    color: rgba(146, 154, 158, .65);
    display: flex;
    align-items: center;
    line-height: 24px;
    height: unset
}

@media (max-width:500px) {

    .navbar .navsearch-wrap.search-bar-expanded .navsearchinput,
    .navbar .navsearch-wrap:focus-within .navsearchinput {
        font-size: 16px
    }
}

.navbar .navsearch-wrap.search-bar-expanded .navsearchinput::-moz-placeholder,
.navbar .navsearch-wrap:focus-within .navsearchinput::-moz-placeholder {
    margin-bottom: 8px;
    opacity: .65;
    font-size: 12px
}

.navbar .navsearch-wrap.search-bar-expanded .navsearchinput::placeholder,
.navbar .navsearch-wrap:focus-within .navsearchinput::placeholder {
    margin-bottom: 8px;
    opacity: .65;
    font-size: 12px
}

.navbar .navsearch-wrap.search-bar-expanded .navsearchinput:focus,
.navbar .navsearch-wrap:focus-within .navsearchinput:focus {
    border: 2px solid #435971
}

.navbar .navsearch-wrap.search-bar-expanded .navsearch-background-bar,
.navbar .navsearch-wrap:focus-within .navsearch-background-bar {
    width: 315px
}

.navbar .open-menu-header {
    display: none;
    opacity: .75
}

.navbar.nav-show-mobile-search .user-wrap {
    justify-content: space-between
}

.navbar.nav-show-mobile-search .user-wrap .open-menu-header {
    display: block
}

.navbar.nav-show-mobile-search .user-wrap .navbell,
.navbar.nav-show-mobile-search .user-wrap .navdown,
.navbar.nav-show-mobile-search .user-wrap .navenv,
.navbar.nav-show-mobile-search .user-wrap .navsignin {
    display: none
}

.navbar.nav-show-mobile-search .user-wrap .navsearchicon {
    font-size: 12px;
    color: #fff;
    background: #2d6da3
}

.navbar.nav-show-mobile-search .user-wrap .nav-close {
    margin-left: 0
}

.navbar .user-wrap {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    padding: 0 12px;
    position: relative;
    box-sizing: border-box
}

@media (max-width:500px) {
    .navbar .user-wrap {
        flex: 0;
        border-bottom: 1px solid #495867;
        width: 100%;
        min-height: 40px;
        justify-content: flex-start;
        background-color: #364250
    }
}

.navbar .user-wrap .navsearch-wrap {
    position: relative
}

@media (max-width:500px) {
    .navbar .user-wrap .navsearch-wrap {
        position: static;
        flex: 1
    }
}

.navbar .user-wrap .navbell,
.navbar .user-wrap .navdown,
.navbar .user-wrap .navenv,
.navbar .user-wrap .navsearchicon {
    color: hsla(0, 0%, 63.5%, .75);
    position: relative;
    cursor: pointer
}

.navbar .user-wrap .navbell:hover,
.navbar .user-wrap .navdown:hover,
.navbar .user-wrap .navenv:hover,
.navbar .user-wrap .navsearchicon:hover {
    color: #a2a2a2
}

.navbar .user-wrap .navdown .fa-caret-down {
    color: #929a9e;
    cursor: pointer;
    width: 16px;
    text-align: center
}

.navbar .user-wrap .navsignin {
    text-decoration: none;
    color: #87a3bf
}

.navbar .user-wrap .navsignin:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.navbar .user-wrap .navsearchicon {
    background: #364250;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}

@media (max-width:500px) {
    .navbar .user-wrap .navsearchicon {
        background: #1b1f23
    }
}

.navbar .user-wrap .fa-search {
    z-index: 2;
    position: relative
}

.navbar .user-wrap .nav-close {
    color: rgba(146, 154, 158, .65);
    margin-left: auto;
    font-size: 18px
}

.navbar .no-pointer-events {
    pointer-events: none
}

.navbar .mobile-search-items {
    display: none
}

@media (max-width:500px) {
    .navbar.nav-show-mobile-search .navsearch-wrap {
        flex: inherit
    }

    .navbar.nav-show-mobile-search .mobile-search-items {
        display: flex;
        width: 100%;
        flex-direction: column;
        height: calc(100dvh - 40px)
    }

    .navbar.nav-show-mobile-search .mobile-search-items .nav-smartphone-search {
        background: #2d3844;
        padding: 12px;
        border-bottom: 1px solid #495867
    }

    .navbar.nav-show-mobile-search .mobile-search-items .nav-smartphone-search .navsearchinput {
        width: 100%;
        box-sizing: border-box;
        border: none;
        background-color: #364250;
        font-size: 16px;
        padding-left: 8px;
        border-radius: 4px;
        color: #929a9e
    }

    .navbar.nav-show-mobile-search .mobile-search-items .nav-smartphone-search .navsearchinput::-moz-placeholder {
        font-size: 12px;
        color: rgba(146, 154, 158, .65)
    }

    .navbar.nav-show-mobile-search .mobile-search-items .nav-smartphone-search .navsearchinput::placeholder {
        font-size: 12px;
        color: rgba(146, 154, 158, .65)
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results {
        width: 100%;
        overflow: scroll;
        margin-top: -1px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-header {
        display: flex;
        align-items: center;
        height: 32px;
        box-sizing: border-box;
        padding: 12px;
        border-top: 1px solid #495867;
        border-bottom: 1px solid #495867;
        background-color: #364250;
        font-size: 10px;
        text-transform: uppercase;
        width: 100%
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap {
        position: relative
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .carousel-slider-header-wrapper .carousel-slider-controller {
        position: absolute;
        right: 12px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .carousel-slider-header-wrapper .carousel-slider-controller button:hover {
        background: none !important
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .carousel-slider-elements {
        gap: 12px;
        padding: 12px;
        scroll-padding: 12px;
        align-items: flex-start
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-results-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px;
        background-color: #364250;
        border-radius: 4px;
        min-width: 118px;
        max-width: 118px;
        text-align: center;
        box-sizing: border-box;
        scroll-snap-align: start
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-results-img {
        position: relative
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-results-img .flag {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -5px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-results-img .search-results-img-wrap {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: flex-start;
        background-color: #3e4c53;
        border-radius: 100%;
        justify-content: center;
        overflow: hidden
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-results-img .search-results-img-wrap img {
        width: 120%
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-result-primary {
        width: 100%;
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: -2px;
        text-decoration: none;
        color: #87a3bf
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-result-primary:hover {
        color: #87a3bf !important;
        cursor: pointer
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-result-secondary {
        width: 100%;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        color: rgba(146, 154, 158, .65)
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-result-secondary .search-results-logo {
        width: 18px;
        height: 18px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .search-results-wrap .search-result-secondary .search-results-logo img {
        width: 100%;
        height: auto
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .search-results-img-wrap,
    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .teams-slider .search-results-img-wrap {
        background-color: transparent !important;
        border-radius: 0 !important
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .search-results-img-wrap img,
    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .teams-slider .search-results-img-wrap img {
        width: 100% !important;
        margin-top: 0 !important
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container {
        display: flex;
        flex-direction: column;
        gap: 3px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container .event-result-live-matches-marker {
        display: flex;
        background-color: #8f0303;
        border-radius: 4px;
        color: #fff;
        font-weight: 700;
        font-size: 10px;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 4px;
        padding-right: 8px
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container .event-result-live-match {
        display: flex;
        background-color: #364250;
        border-radius: 4px;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        align-items: center;
        line-height: 1.3;
        padding: 2px;
        gap: 3px;
        text-align: center
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container .event-result-live-match .event-result-live-match-current-map-score {
        font-size: 12px;
        color: #929a9e;
        font-weight: 700
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container .event-result-live-match .event-result-live-match-maps-won {
        font-size: 10px;
        color: rgba(145, 168, 179, .65)
    }

    .navbar.nav-show-mobile-search .mobile-search-items .mobile-search-results .events-slider .event-result-container .event-result-all-matches-link {
        box-sizing: border-box;
        background-color: #435971;
        color: #929a9e;
        font-size: 12px;
        border-radius: 4px;
        width: 100%;
        padding: 1px;
        text-align: center
    }
}

:target {
    padding-top: 48px !important;
    margin-top: -48px !important;
    display: block;
    outline: none;
    position: relative !important;
    z-index: 0 !important
}

@media (min-width:975px) {
    .navbar .desktop-mode-con {
        display: none
    }
}

.navbar .desktop-mode-con .toggleDesktopMode {
    cursor: pointer
}

.navbar .desktop-mode-con .toggleDesktopMode.selected {
    font-weight: 700
}

.navbar .small-logo {
    flex: 0 0 auto;
    height: 40px;
    width: 0;
    overflow: hidden;
    background-color: #435971
}

.navbar .small-logo-img {
    height: 40px;
    width: 40px;
    aspect-ratio: 1/1
}

.navbar.showSmall .small-logo {
    width: 40px;
    transition: all .4s ease
}

.preload .navbar.showSmall .small-logo {
    transition: initial !important
}

.logoCon {
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 16px;
    display: -ms-grid;
    -ms-grid-columns: 173px 1fr 470px 1fr 150px;
    display: grid;
    grid-template-columns: 173px 470px 150px
}

.logoCon .center-container {
    -ms-grid-column: 3;
    width: 470px;
    height: 60px
}

.logoCon .center-container img {
    max-width: 100%
}

.logoCon #g0_right {
    -ms-grid-column: 5;
    margin-bottom: 0
}

.logoCon #g4_bottom {
    position: relative;
    padding-bottom: 165.517241379%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

.logoCon #g4_bottom img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (max-width:812px) {
    .logoCon {
        display: none
    }

    .navcon .small-logo {
        width: 40px
    }
}

.navbar .search-submit-hidden {
    display: none
}

.navbar .navborder {
    height: 40px
}

.navbar .navborder:before {
    display: block;
    content: " ";
    border-left: 1px solid #495867;
    width: 0;
    height: 20px;
    margin: 9.5px 0
}

.navbar .num1:after,
.navbar .num2:after,
.navbar .num3:after,
.navbar .num4:after,
.navbar .num5:after,
.navbar .num6:after,
.navbar .num7:after,
.navbar .num8:after,
.navbar .num9:after,
.navbar .num9p:after {
    position: absolute;
    top: 12px;
    left: 100%;
    margin: -4px 0 0 -4px;
    color: #fff;
    background-color: #ca0100;
    width: 14px;
    height: 14px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    border-radius: 2px
}

.navbar .num1:after {
    content: "1"
}

.navbar .num2:after {
    content: "2"
}

.navbar .num3:after {
    content: "3"
}

.navbar .num4:after {
    content: "4"
}

.navbar .num5:after {
    content: "5"
}

.navbar .num6:after {
    content: "6"
}

.navbar .num7:after {
    content: "7"
}

.navbar .num8:after {
    content: "8"
}

.navbar .num9:after {
    content: "9"
}

.navbar .num9p:after {
    content: "9+"
}

.navbar .navdown .fa-caret-down {
    color: #929a9e;
    cursor: pointer;
    width: 16px;
    text-align: center
}

.navbar .navpopup {
    display: none;
    position: absolute;
    margin-top: 6px;
    top: 34px;
    right: 0;
    width: 360px;
    background-color: #364250;
    border: 1px solid #495867;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1));
    z-index: 2
}

@media (max-width:500px) {
    .navbar .navpopup {
        margin-top: -2px;
        top: 41px;
        width: 90vw;
        right: 5vw
    }
}

@media (max-width:500px) {
    .navbar .navpopup.navpopup-scroll {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        overflow-x: hidden
    }
}

.navbar .match-filter-container {
    border-bottom: 1px solid #495867
}

.navbar .match-filter-configuration.disabled,
.navbar .setting-row-timezone.disabled {
    pointer-events: none;
    opacity: .4
}

.navbar .nav-popup-header {
    padding: 8px;
    font-size: 10px;
    font-weight: 700;
    border-bottom: 1px solid #495867
}

.navbar .nav-popup-header .fa-star {
    margin-right: 4px
}

.navbar .nav-popup-header.expand-match-filter {
    cursor: pointer
}

.navbar .nav-popup-header.expand-match-filter:hover {
    background-color: #45515f !important
}

.navbar .nav-popup-header .expand-match-filter-button {
    background-color: #435971;
    color: #fff;
    cursor: pointer;
    padding: 1px 8px 2px;
    border-radius: 4px
}

.navbar .nav-popup-header .expand-match-filter-button:hover {
    background-color: #59728e
}

.navbar .nav-popup-header-checkbox {
    position: relative;
    padding-left: 18px
}

.navbar .nav-popup-header-checkbox .toggleInboxOpen {
    opacity: 0;
    height: 0;
    width: 0
}

.navbar .nav-popup-header-checkbox .custom-checkbox {
    position: absolute;
    top: 2px;
    left: 0;
    height: 12px;
    width: 12px;
    border: 1px solid #929a9e
}

.navbar .nav-popup-header-checkbox .toggleInboxOpen:checked~.custom-checkbox:after {
    display: block
}

.navbar .nav-popup-header-checkbox .custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    width: 3px;
    height: 6px;
    border: solid #929a9e;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.navbar .nav-popup-elm {
    padding: 8px;
    background-color: #2d3844;
    font-size: 12px;
    font-weight: 700
}

.navbar .nav-popup-elm .right {
    font-weight: 400;
    display: flex;
    align-items: center
}

.navbar .nav-popup-elm:hover {
    background-color: #45515f
}

.navbar .nav-popup-elm.border-bottom {
    border-bottom: 1px solid #495867
}

.navbar .nav-popup-elm.border-bottom.setting-row-timezone {
    padding-bottom: 12px
}

.navbar .nav-popup-elm .timezoneSelector {
    background-color: #2d3844;
    color: #929a9e;
    border: 1px solid #495867
}

.navbar .notification-popup-elm {
    padding: 8px;
    background-color: #2d3844;
    font-size: 12px;
    border-bottom: 1px solid #495867
}

.navbar .notification-popup-elm:hover {
    background-color: #45515f
}

.navbar .inbox-popup-elm {
    padding: 8px;
    background-color: #2d3844;
    font-size: 12px;
    border-bottom: 1px solid #495867
}

.navbar .inbox-popup-elm .notification-header span {
    font-weight: 700
}

.navbar .inbox-popup-elm:hover {
    background-color: #45515f
}

.navbar .nav-popup-elm-desc {
    color: #929a9e;
    font-size: 10px;
    font-weight: 400
}

.navbar .arrow,
.navbar .arrow2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    content: " ";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent
}

.navbar .arrow {
    border-bottom: 11px solid #495867;
    z-index: 1;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1))
}

.navbar .arrow2 {
    border-bottom: 11px solid #364250;
    margin-top: 1px;
    z-index: 3
}

.navbar-smartphone {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #2d3844;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4);
    z-index: 101
}

.navbar-smartphone ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.navbar-smartphone .nav-content-smartphone {
    display: flex
}

.navbar-smartphone .nav-item,
.navbar-smartphone .navsmartphone-extras {
    display: flex;
    justify-content: center;
    flex: 1 0 auto;
    font-size: 14px;
    height: 46px;
    align-items: center;
    border-left: 1px solid #495867
}

.navbar-smartphone .nav-item:hover,
.navbar-smartphone .navsmartphone-extras:hover {
    background-color: #364250
}

.navbar-smartphone .nav-item .nav-link,
.navbar-smartphone .navsmartphone-extras .nav-link {
    color: #929a9e;
    justify-content: space-between
}

.navbar-smartphone .small-logo-img {
    height: 46px;
    width: 46px;
    aspect-ratio: 1/1
}

.navbar-smartphone .dot-menu {
    display: flex;
    color: #929a9e;
    gap: 3px
}

.navbar-smartphone .dot-menu .dot {
    width: 4px;
    height: 4px;
    background-color: grey;
    border-radius: 100%
}

.navbar-smartphone .dot-menu .dots-wrapper {
    display: flex;
    color: #929a9e;
    gap: 3px
}

.navbar-smartphone .dot-menu .dots-num1:after,
.navbar-smartphone .dot-menu .dots-num2:after,
.navbar-smartphone .dot-menu .dots-num3:after,
.navbar-smartphone .dot-menu .dots-num4:after,
.navbar-smartphone .dot-menu .dots-num5:after,
.navbar-smartphone .dot-menu .dots-num6:after,
.navbar-smartphone .dot-menu .dots-num7:after,
.navbar-smartphone .dot-menu .dots-num8:after,
.navbar-smartphone .dot-menu .dots-num9:after,
.navbar-smartphone .dot-menu .dots-num9p:after {
    position: absolute;
    bottom: 2px;
    right: 2px;
    margin: -4px 0 0 -4px;
    color: #fff;
    background-color: #ca0100;
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    border-radius: 2px
}

.navbar-smartphone .dot-menu .dots-num1:after {
    content: "1"
}

.navbar-smartphone .dot-menu .dots-num2:after {
    content: "2"
}

.navbar-smartphone .dot-menu .dots-num3:after {
    content: "3"
}

.navbar-smartphone .dot-menu .dots-num4:after {
    content: "4"
}

.navbar-smartphone .dot-menu .dots-num5:after {
    content: "5"
}

.navbar-smartphone .dot-menu .dots-num6:after {
    content: "6"
}

.navbar-smartphone .dot-menu .dots-num7:after {
    content: "7"
}

.navbar-smartphone .dot-menu .dots-num8:after {
    content: "8"
}

.navbar-smartphone .dot-menu .dots-num9:after {
    content: "9"
}

.navbar-smartphone .dot-menu .dots-num9p:after {
    content: "9+"
}

.nav-back {
    font-size: 12px;
    padding: 4px 12px;
    text-decoration: none;
    color: #87a3bf;
    cursor: pointer;
    border-bottom: 1px solid #495867
}

.nav-back:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.live-dot-5.live-dot-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-left: 4px;
    margin-right: 4px
}

.live-dot-5.live-dot-wrapper .live-dot {
    background-color: #fff;
    border-radius: 5px;
    height: 5px;
    width: 5px
}

.live-dot-5.live-dot-wrapper .live-dot-animation {
    position: absolute;
    border: 2px solid #fff;
    box-sizing: border-box;
    background: transparent;
    border-radius: 15px;
    height: 15px;
    width: 15px;
    animation: pulse 3s ease-out;
    animation-iteration-count: infinite;
    left: -5px
}

.groups-container {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -10px;
    align-items: flex-start
}

.groups-container .table {
    width: 100%;
    border-collapse: collapse
}

.groups-container .table-header {
    font-weight: 700;
    font-size: 10px
}

.groups-container .cell-width-m,
.groups-container .cell-width-w {
    width: 24px
}

.groups-container .cell-width-otw {
    width: 27px
}

.groups-container .cell-width-rw,
.groups-container .cell-width-t {
    width: 24px
}

.groups-container .cell-width-rl {
    width: 30px
}

.groups-container .cell-width-record {
    width: 50px
}

.groups-container .cell-width-otl {
    width: 27px
}

.groups-container .cell-width-l {
    width: 24px
}

.groups-container .cell-width-p,
.groups-container .cell-width-rd {
    width: 29px
}

.groups-container .cell-width-e {
    width: 26px
}

.groups-container .points {
    font-weight: 700
}

@media (min-width:501px) {
    .groups-container .points {
        min-width: 14px
    }
}

.groups-container .group {
    flex: 1 1 48%;
    min-width: 300px;
    margin-left: 10px;
    margin-bottom: 10px
}

.groups-container .group.details-mode .swiss-visual-container,
.groups-container .group.predict-mode .group-details-class-id,
.groups-container .group.predict-mode .swiss-visual-container,
.groups-container .group.swiss-mode .group-details-class-id {
    display: none
}

.groups-container .group .table {
    table-layout: fixed
}

.groups-container .group .up-marker {
    border-bottom: 1px dashed #a2a2a2 !important
}

.groups-container .group .below-marker {
    opacity: .75
}

.groups-container .group .group-name {
    text-align: start;
    padding-left: 4px;
    max-width: 0
}

.groups-container .group .vrs-rank {
    background-color: #c16f0c;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 0 2px;
    border-radius: 4px;
    margin-right: 4px;
    width: 27px;
    flex: 0 0 27px;
    text-align: center;
    box-sizing: border-box
}

@media (max-width:500px) {
    .groups-container .group .vrs-rank {
        font-size: 8px
    }
}

.groups-container .group .vrs-rank.vrs-no-rank {
    background: rgba(0, 0, 0, .15);
    color: rgba(146, 154, 158, .5)
}

.groups-container .group .statsDetail {
    opacity: .5;
    text-align: center;
    font-weight: 400
}

.groups-container .group tr:hover {
    background-color: #45515f;
    opacity: 1 !important
}

.groups-container .group tr:hover .statsDetail {
    opacity: 1;
    text-align: center
}

.groups-container .group tr {
    height: 30px
}

.groups-container .group tr:nth-child(odd) {
    background-color: #364250
}

.groups-container .group tr:nth-child(odd):hover {
    background-color: #45515f;
    opacity: 1
}

.groups-container .group tr:first-child,
.groups-container .group tr:first-child:hover {
    background-color: #364250
}

.groups-container .group td {
    text-align: center;
    border-left: 1px solid #495867;
    padding: 0
}

.groups-container .group td:first-child {
    border-left: 0
}

.groups-container .group tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.groups-container .group .team {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px
}

.groups-container .group .team .logo-container {
    width: 20px;
    flex: 0 0 20px
}

.groups-container .group .team .logo {
    max-height: 16px;
    max-width: 18px
}

.groups-container .group .swiss-team {
    display: flex;
    flex-direction: row;
    align-items: center
}

.groups-container .group .swiss-team .logo-container {
    width: 30px
}

.groups-container .group .swiss-team .logo {
    max-height: 16px;
    max-width: 18px
}

.groups-container .group .placement {
    width: 30px;
    font-weight: 700
}

.groups-container .group .placement-green {
    box-shadow: inset 3px 0 0 0 #09c100
}

.groups-container .group .placement-red {
    box-shadow: inset 3px 0 0 0 #fc1d1d
}

.groups-container .group .placement-yellow {
    box-shadow: inset 3px 0 0 0 #f5ba04
}

.groups-container .group .placement-neutral {
    box-shadow: inset 3px 0 0 0 #5a96dc
}

.groups-container .top-row {
    display: table;
    width: 100%;
    height: 32px
}

.groups-container .top-row .group-expand.active .group-expand-btn:after {
    top: 2px;
    transform: rotate(0deg)
}

.groups-container .top-row .group-expand-btn {
    background: #435971;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: calc(50% - 3px);
    transform: translateY(-50%)
}

.groups-container .top-row .group-expand-btn:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0d8";
    position: absolute;
    left: 0;
    top: 4px;
    width: 100%;
    transform: rotate(180deg);
    transition: .2s ease
}

.groups-container .top-row>div {
    display: table-cell;
    height: 32px;
    border-left: 1px solid #495867;
    vertical-align: middle
}

.groups-container .top-row>div:first-child {
    border-left: 0
}

.groups-container .bottom-row {
    display: flex;
    color: #929a9e;
    align-items: center;
    border-top: 1px solid #495867;
    height: 32px;
    gap: 4px
}

.groups-container .bottom-row:hover {
    background: #1d252f
}

.groups-container .bottom-row .group-team-logo-container {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.groups-container .bottom-row .group-left,
.groups-container .bottom-row .group-right,
.groups-container .bottom-row .group-teams-divider {
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.groups-container .bottom-row .group-left {
    flex: 0 0 55px
}

.groups-container .bottom-row .match-live {
    background-color: #fc1d1d;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 12px
}

.groups-container .bottom-row .group-right {
    flex: 0 0 25px
}

.groups-container .bottom-row .group-team-logo {
    max-height: 100%;
    max-width: 100%
}

.groups-container .bottom-row .group-teams {
    display: flex;
    flex: 1 auto;
    justify-content: center
}

.groups-container .bottom-row .group-team {
    display: flex;
    font-weight: 700;
    flex: 0 0 40%;
    gap: 4px;
    font-size: 11px
}

.groups-container .bottom-row .group-team.team-lost {
    opacity: .65;
    font-weight: 500
}

.groups-container .bottom-row .group-team.team-lost .group-team-logo {
    filter: grayscale(1)
}

.groups-container .bottom-row .team-1 {
    justify-content: flex-end
}

.groups-container .bottom-row .team-1 .text-ellipsis {
    padding-left: 8px
}

.groups-container .bottom-row .team-2 .text-ellipsis {
    padding-right: 8px
}

.groups-container .bottom-row .score-lost {
    color: #fc1d1d
}

.groups-container .bottom-row .score-won {
    color: #09c100
}

.groups-container .bottom-row .group-teams-divider {
    display: flex;
    font-weight: 700;
    flex: 0 0 62px;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.groups-container .bottom-row .group-teams-divider .score-left,
.groups-container .bottom-row .group-teams-divider .score-right {
    width: 23px;
    text-align: center
}

.groups-container .bottom-row .group-teams-divider .leading {
    color: #09c100
}

.groups-container .bottom-row .group-teams-divider .trailing {
    color: #fc1d1d
}

.takeoverContentCol.takeoverSwissEvent {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    justify-content: center;
    height: 110px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px;
    background: #282828;
    background: url(/img/static/gfx/majorSwissBg.png) no-repeat;
    background-size: cover;
    color: #fff
}

html.no-spoiler .takeoverContentCol.takeoverSwissEvent {
    visibility: hidden;
    display: none
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent {
        max-height: 115px;
        height: auto;
        padding: 4px 4px 0
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow {
    display: flex;
    flex-direction: row;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -8px;
    padding: 0 8px;
    justify-content: safe center
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 8px;
        row-gap: 2px;
        overflow: auto
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow::-webkit-scrollbar {
        height: 3px
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow::-webkit-scrollbar-thumb {
    background: #424242 !important;
    border-radius: 10px !important
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamRow::-webkit-scrollbar-thumb:hover {
    background: #595959 !important
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamWrapper {
        flex: 0 0 32px
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissDropdownWrapper {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 2px;
    margin-bottom: -2px
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissDropdownWrapper {
        font-size: 12px
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissDropdown {
    color: #fff;
    border: 0;
    background: grey;
    border-radius: 4px;
    padding: 0 8px;
    justify-content: center;
    display: flex;
    align-self: center;
    background: hsla(0, 0%, 100%, .2117647059);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border: 1px solid hsla(0, 0%, 100%, .15)
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissDropdown option {
    background: grey;
    color: #fff
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissDropdown option:hover {
    box-shadow: inset 0 0 10px 100px #1882a8;
    background: #000
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeam {
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 4px;
    aspect-ratio: 1/1;
    height: 44px;
    width: 44px;
    box-sizing: border-box;
    overflow: hidden;
    background: radial-gradient(73.33% 73.33% at 50% 50%, #000 0, #3e3e3e 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeam {
        height: 25px;
        width: 25px;
        padding: 1px
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeam.status-red {
    border: 1px solid rgba(255, 0, 0, .3);
    background: rgba(255, 0, 0, .2);
    background: radial-gradient(73.33% 73.33% at 50% 50%, #220202 0, rgba(136, 7, 7, .368627451) 100%)
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeam.status-green {
    border: 1px solid rgba(0, 128, 0, .3);
    background: radial-gradient(73.33% 73.33% at 50% 50%, #022209 0, rgba(7, 136, 35, .368627451) 100%)
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamLogo {
    width: 30px;
    height: auto;
    max-height: 30px
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamLogo {
        width: 16px;
        max-height: 16px
    }
}

.takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamScore {
    font-size: 10px
}

@media (max-width:500px) {
    .takeoverContentCol.takeoverSwissEvent .takeoverSwissEventTeamScore {
        font-size: 7px
    }
}

@media (max-width:500px) {
    .matchup-details-popup-smartphone-overlay {
        top: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, .8);
        height: 100%;
        width: 100%;
        position: fixed
    }
}

.matchup-details-popup {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16), 0 1px 2px 0 rgba(0, 0, 0, .08);
    position: absolute;
    border-radius: 4px;
    width: 320px;
    z-index: 3;
    animation: hoverUp .35s
}

@media (max-width:500px) {
    .matchup-details-popup {
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%);
        width: calc(100% - 48px);
        margin: 24px;
        animation: hoverUpSmartphone .35s;
        max-height: calc(100% - 56px);
        overflow: scroll
    }
}

.matchup-details-popup .match-link {
    margin: 8px
}

.matchup-details-popup .matchup-details-content .matchup-details-lineups-container,
.matchup-details-popup .matchup-details-content .team1 .matchup-details-lineup-player-row {
    display: flex
}

.matchup-details-popup .matchup-details-content .team1 .matchup-details-player-nickname {
    text-align: left;
    margin-left: 5px;
    margin-right: 0
}

.matchup-details-popup .matchup-details-content .team1 .matchup-details-player-rating {
    text-align: right
}

.matchup-details-popup .matchup-details-content .team2 .matchup-details-lineup-player-row {
    display: flex;
    flex-direction: row-reverse
}

.matchup-details-popup .matchup-details-content .team2 .matchup-details-player-nickname {
    text-align: right;
    margin-left: 0;
    margin-right: 5px
}

.matchup-details-popup .matchup-details-content .team2 .matchup-details-player-rating {
    text-align: left
}

.matchup-details-popup .matchup-details-content .matchup-details-lineup {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column
}

.matchup-details-popup .matchup-details-content .matchup-details-lineup-player-row {
    display: flex;
    flex-direction: row;
    padding: 4px 8px;
    align-items: center
}

.matchup-details-popup .matchup-details-content .matchup-details-lineup-player-row.empty-row {
    opacity: .65
}

.matchup-details-popup .matchup-details-content .matchup-details-player-nickname {
    flex: 1 auto;
    margin-left: 5px
}

.matchup-details-popup .matchup-details-content .matchup-details-player-rating {
    font-weight: 700;
    flex: 0 0 30px;
    text-align: right
}

.matchup-details-popup .matchup-details-content .matchup-details-player-img-container {
    height: 25px;
    width: 25px;
    flex: 0 0 25px
}

.matchup-details-popup .matchup-details-content .matchup-details-player-img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 100px;
    overflow: hidden
}

.matchup-details-popup .matchup-details-header {
    height: 70px;
    border-bottom: 1px solid rgba(73, 88, 103, .75);
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.matchup-details-popup .matchup-details-header .team1 .matchup-details-team-ranking {
    float: right
}

.matchup-details-popup .matchup-details-header .team1 .matchup-details-multi-team-container {
    margin-left: 12px
}

.matchup-details-popup .matchup-details-header .team1.loser,
.matchup-details-popup .matchup-details-header .team1.winner {
    border-left: 3px solid
}

.matchup-details-popup .matchup-details-header .team1 .matchup-details-team-name {
    text-align: right;
    padding-left: 8px;
    margin-right: 8px;
    display: block
}

.matchup-details-popup .matchup-details-header .team1 .matchup-details-team-score {
    padding-left: 8px;
    margin-right: 8px
}

.matchup-details-popup .matchup-details-header .team1 .candidate1 {
    left: -10px;
    top: -14px
}

.matchup-details-popup .matchup-details-header .team1 .candidate2 {
    right: 0;
    bottom: -14px
}

.matchup-details-popup .matchup-details-header .team2 .matchup-details-multi-team-container {
    margin-right: 12px
}

.matchup-details-popup .matchup-details-header .team2 .matchup-details-team-ranking {
    margin-right: 0;
    margin-left: 8px;
    float: left
}

.matchup-details-popup .matchup-details-header .team2 .candidate1 {
    left: 0;
    top: -14px
}

.matchup-details-popup .matchup-details-header .team2 .candidate2 {
    right: -10px;
    bottom: -14px
}

.matchup-details-popup .matchup-details-header .team2.loser,
.matchup-details-popup .matchup-details-header .team2.winner {
    border-right: 3px solid
}

.matchup-details-popup .matchup-details-header .team2 .matchup-details-team-name {
    padding-right: 8px;
    margin-left: 8px;
    display: block
}

.matchup-details-popup .matchup-details-header .team2 .matchup-details-team-score {
    padding-right: 8px;
    margin-left: 8px
}

.matchup-details-popup .matchup-details-map {
    display: flex;
    flex-direction: row
}

.matchup-details-popup .matchup-details-map-name,
.matchup-details-popup .matchup-details-map-score {
    flex: 1 0 33%;
    text-align: center;
    align-items: center;
    justify-content: center
}

.matchup-details-popup .matchup-details-map-score.loser {
    color: rgba(146, 154, 158, .4)
}

.matchup-details-popup .matchup-details-map-score.winner {
    color: #09c100;
    font-weight: 700
}

.matchup-details-popup .matchup-details-team-score.winner {
    color: #09c100 !important
}

.matchup-details-popup .matchup-details-team-score.loser {
    color: #fc1d1d !important
}

.matchup-details-popup .matchup-details-team {
    flex: 0 0 43%;
    display: flex;
    align-items: center
}

.matchup-details-popup .matchup-details-team.winner {
    border-color: #09c100 !important
}

.matchup-details-popup .matchup-details-team.loser {
    border-color: #fc1d1d !important
}

.matchup-details-popup .matchup-details-team.loser .matchup-details-team-score {
    color: #fc1d1d !important
}

.matchup-details-popup .matchup-details-team.loser .matchup-details-team-name {
    opacity: .3
}

.matchup-details-popup .matchup-details-team.loser .team-image {
    filter: saturate(1);
    opacity: .5
}

.matchup-details-popup .matchup-details-team.loser .matchup-details-team-ranking {
    opacity: .3;
    filter: saturate(0)
}

.matchup-details-popup .matchup-details-vs {
    flex: 1 auto;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    opacity: .3
}

.matchup-details-popup .matchup-details-score {
    flex: 1 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    font-size: 14px;
    font-weight: 700
}

.matchup-details-popup .matchup-details-team-name {
    flex: 1 auto;
    font-weight: 700;
    font-size: 14px
}

.matchup-details-popup .matchup-details-team-ranking {
    font-size: 10px;
    background-color: #435971;
    display: inline-block;
    padding: 0 4px;
    color: #fff !important;
    margin-right: 8px;
    font-weight: 700
}

.matchup-details-popup .matchup-details-team-score {
    flex: 1 auto;
    font-weight: 700;
    font-size: 14px
}

.matchup-details-popup .matchup-details-team-info {
    flex: 1 auto
}

.matchup-details-popup .matchup-details-multi-team-container {
    height: 25px;
    width: 25px;
    position: relative
}

.matchup-details-popup .matchup-details-multi-team-container .candidate1,
.matchup-details-popup .matchup-details-multi-team-container .candidate2 {
    position: absolute
}

.matchup-details-popup .matchup-details-multi-team-container .matchup-details-team-image-container {
    position: absolute;
    height: 25px;
    width: 25px;
    flex: 0 0 25px
}

.matchup-details-popup .matchup-details-team-image-container {
    display: flex;
    height: 30px;
    width: 30px;
    flex: 0 0 30px
}

.matchup-details-popup .team-image {
    max-height: 100%;
    max-width: 100%
}

.matchup-details-popup .matchup-details-content {
    height: 100%;
    position: relative
}

.matchup-details-popup .matchup-details-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), transparent);
    height: 150px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.matchup-details-popup .matchup-details-map-name {
    font-weight: 700
}

.matchup-details-popup .matchup-details-content-title {
    text-align: center;
    font-weight: 700;
    padding: 8px 0;
    font-size: 14px;
    opacity: .65
}

.matchup-details-popup .matchup-details-content-sub-title {
    text-align: center;
    font-size: 10px;
    margin-top: -10px;
    opacity: .65
}

.matchup-details-popup .match-link {
    display: flex
}

.matchup-details-popup .match-link-button {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 2px;
    color: #fff;
    background-color: #435971;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    border: 0;
    transition: .2s ease;
    border-radius: 4px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.preload .matchup-details-popup .match-link-button {
    transition: initial !important
}

.matchup-details-popup .match-link-button:hover {
    background-color: #59728e;
    color: #fff !important
}

.skins-loadout-wrapper .standard-headline,
.skins-slider .standard-headline {
    display: flex;
    gap: 4px
}

.skins-loadout-wrapper .standard-headline .fa-check-circle,
.skins-slider .standard-headline .fa-check-circle {
    color: #2d6da3;
    position: relative
}

.skins-loadout-wrapper .standard-headline .fa-check-circle:before,
.skins-slider .standard-headline .fa-check-circle:before {
    z-index: 2;
    position: relative
}

.skins-loadout-wrapper .standard-headline .fa-check-circle:after,
.skins-slider .standard-headline .fa-check-circle:after {
    background: #fff;
    position: absolute;
    left: 1px;
    top: 2px;
    height: 10px;
    width: 10px;
    border-radius: 100px;
    display: block;
    content: "";
    z-index: 0
}

.skins-loadout-wrapper .skin-vs,
.skins-slider .skin-vs {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .12);
    font-size: 10px;
    display: flex;
    gap: 4px;
    padding: 0 6px;
    border-radius: 4px 0 0 0;
    color: rgba(145, 168, 179, .65);
    align-items: center
}

.skins-loadout-wrapper .skin-vs-team-logo-wrapper,
.skins-slider .skin-vs-team-logo-wrapper {
    height: 12px;
    width: 12px;
    flex: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.skins-loadout-wrapper .skin-vs-team-logo-wrapper .skin-vs-team-logo,
.skins-slider .skin-vs-team-logo-wrapper .skin-vs-team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    align-self: center
}

.skins-loadout-wrapper .skin-rarity-label,
.skins-slider .skin-rarity-label {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    border-radius: 0 0 0 4px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 3px 0 6px;
    letter-spacing: .3px
}

.skins-loadout-wrapper .rarity-common .skin-title,
.skins-slider .rarity-common .skin-title {
    background: #b0c3d9;
    color: #0a1a2f
}

.skins-loadout-wrapper .rarity-uncommon .skin-title,
.skins-slider .rarity-uncommon .skin-title {
    background: #5e98d9;
    color: #081a33
}

.skins-loadout-wrapper .rarity-rare .skin-title,
.skins-slider .rarity-rare .skin-title {
    background: #4b69ff;
    color: #000b40
}

.skins-loadout-wrapper .rarity-mythical .skin-title,
.skins-slider .rarity-mythical .skin-title {
    background: #8847ff;
    color: #1b003b
}

.skins-loadout-wrapper .rarity-legendary .skin-title,
.skins-slider .rarity-legendary .skin-title {
    background: #f738e7;
    color: #280325
}

.skins-loadout-wrapper .rarity-ancient .skin-title,
.skins-slider .rarity-ancient .skin-title {
    background: #f54f47;
    color: #2e0401
}

.skins-loadout-wrapper .rarity-exceedingly-rare .skin-title,
.skins-slider .rarity-exceedingly-rare .skin-title {
    background: #fae834;
    color: #363201
}

.skins-loadout-wrapper .rarity-immortal .skin-title,
.skins-slider .rarity-immortal .skin-title {
    background: #f68b3c;
    color: #341701
}

.skins-loadout-wrapper .skin-title,
.skins-slider .skin-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0 8px 0 0;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 1;
    font-size: 10px
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-title,
    .skins-slider .skin-title {
        font-size: 8px
    }
}

.skins-loadout-wrapper .skin-title:before,
.skins-slider .skin-title:before {
    content: "";
    width: 100%;
    height: 48px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.skins-loadout-wrapper .skin-more-skins,
.skins-slider .skin-more-skins {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    border-radius: 0 0 8px 0;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 1;
    font-size: 10px;
    background: #2a74e6;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-more-skins,
    .skins-slider .skin-more-skins {
        font-size: 8px;
        padding: 3px 6px
    }
}

.skins-loadout-wrapper .skin-more-skins:before,
.skins-slider .skin-more-skins:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.skins-loadout-wrapper .dragging,
.skins-slider .dragging {
    cursor: grab
}

.skins-loadout-wrapper .dragging:active,
.skins-slider .dragging:active {
    cursor: grabbing
}

.skins-loadout-wrapper .skins-slider-slider,
.skins-slider .skins-slider-slider {
    margin: 0 -16px;
    scroll-padding: 16px;
    gap: 16px;
    padding: 0 16px
}

.skins-loadout-wrapper .skin-img,
.skins-slider .skin-img {
    max-width: 134px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-img,
    .skins-slider .skin-img {
        max-width: 75px
    }
}

.skins-loadout-wrapper .skin-site-price,
.skins-slider .skin-site-price {
    font-weight: 700
}

.skins-loadout-wrapper .skins-wrapper,
.skins-slider .skins-wrapper {
    flex: 0 0 165px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: start;
    scroll-snap-align: start
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skins-wrapper,
    .skins-slider .skins-wrapper {
        flex: 0 0 145px
    }
}

.skins-loadout-wrapper .skins-wrapper:first-child,
.skins-slider .skins-wrapper:first-child {
    margin-left: 16px
}

.skins-loadout-wrapper .skin-bottom,
.skins-slider .skin-bottom {
    width: 100%
}

.skins-loadout-wrapper .skin-top,
.skins-slider .skin-top {
    border-radius: 4px;
    background: #26303c;
    height: 135px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.skins-loadout-wrapper .skin-top .tag-st,
.skins-slider .skin-top .tag-st {
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: rgba(234, 88, 12, .7);
    color: #fed7aa;
    font-size: 11px;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 4px;
    z-index: 2
}

.skins-loadout-wrapper .skin-top .tag-souvenir,
.skins-slider .skin-top .tag-souvenir {
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: gold;
    color: #5a0e0e;
    font-size: 11px;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 4px;
    z-index: 2
}

.skins-loadout-wrapper .skin-top .tag-age,
.skins-slider .skin-top .tag-age {
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: rgba(0, 0, 0, .7);
    color: #d1d5db;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    z-index: 2
}

.skins-loadout-wrapper .skin-top .wear,
.skins-slider .skin-top .wear {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0 8px 0 0;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 1;
    font-size: 10px
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-top .wear,
    .skins-slider .skin-top .wear {
        font-size: 8px
    }
}

.skins-loadout-wrapper .skin-top .info,
.skins-slider .skin-top .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .6), transparent);
    padding: 8px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.skins-loadout-wrapper .skin-top .info .name,
.skins-slider .skin-top .info .name {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.skins-loadout-wrapper .skin-top .info .wear,
.skins-slider .skin-top .info .wear {
    color: #d1d5db;
    font-size: 11px
}

.skins-loadout-wrapper .skin-site-wrapper,
.skins-slider .skin-site-wrapper {
    justify-content: space-between;
    border-bottom: 1px solid rgba(73, 88, 103, .65);
    height: 32px;
    display: flex;
    align-items: center;
    padding: 0 8px
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-site-wrapper,
    .skins-slider .skin-site-wrapper {
        padding: 0
    }
}

.skins-loadout-wrapper .skin-site-wrapper:hover,
.skins-slider .skin-site-wrapper:hover {
    background: #26303c;
    border-radius: 4px
}

.skins-loadout-wrapper .skin-site-wrapper:last-child,
.skins-slider .skin-site-wrapper:last-child {
    border-bottom: 0
}

.skins-loadout-wrapper .skin-site-wrapper .skins-site-logo,
.skins-slider .skin-site-wrapper .skins-site-logo {
    max-height: 20px;
    max-width: 90px
}

@media (max-width:500px) {

    .skins-loadout-wrapper .skin-site-wrapper .skins-site-logo,
    .skins-slider .skin-site-wrapper .skins-site-logo {
        max-width: 78px
    }
}

.player-crosshair-section .player-crosshair-slider-slider {
    margin: 0 -16px;
    scroll-padding: 16px;
    gap: 16px;
    padding: 0 16px
}

@media (max-width:500px) {
    .player-crosshair-section .player-crosshair-slider-slider {
        margin: 0 -8px;
        padding: 0 8px
    }
}

.player-crosshair-section .player-crosshair-card {
    flex: 0 0 191px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: start;
    scroll-snap-align: start;
    border-radius: 4px;
    background: #364250;
    overflow: hidden
}

@media (max-width:500px) {
    .player-crosshair-section .player-crosshair-card {
        flex: 0 0 145px
    }
}

.player-crosshair-section .player-crosshair-top {
    background: #252c34;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 70px;
    overflow: hidden;
    position: relative
}

.player-crosshair-section .player-crosshair-times-used {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: hsla(0, 0%, 100%, .6);
    font-size: 9px;
    padding: 0 8px
}

.player-crosshair-section .player-crosshair-bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px;
    box-sizing: border-box
}

.player-crosshair-section .player-crosshair-copy-row {
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #26303c;
    border-radius: 4px;
    overflow: hidden
}

.player-crosshair-section .player-crosshair-code-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 4px;
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.player-crosshair-section .player-crosshair-row-bold {
    font-weight: 700
}

.player-crosshair-section .player-crosshair-copy-btn {
    background: #435971;
    color: #fff !important;
    flex: 0 0 40px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 2px
}

.player-crosshair-section .player-crosshair-copy-btn:hover {
    background: #59728e
}

.player-crosshair-section .player-crosshair-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0;
    margin: 2px 0;
    font-size: 11px
}

.react-lightbox-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .4117647059);
    height: 100%;
    width: 100%;
    left: 0;
    display: block;
    top: 0;
    z-index: 60000
}

.react-lightbox-overlay:has(.multistage-simulator-lightbox) {
    display: flex;
    justify-content: center;
    align-items: center
}

.tooltip-component {
    position: absolute;
    font-family: Open Sans, sans-serif;
    background-color: #000;
    color: #fff;
    z-index: 90000;
    transition: .2s ease;
    text-align: center;
    font-size: 10px;
    padding: 6px
}

.multistage-simulator-lightbox {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16), 0 1px 2px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    max-height: 650px;
    height: 100%;
    max-width: 1000px;
    width: 90%;
    margin: 40px auto;
    padding: 16px;
    position: relative
}

@media (max-width:500px) {
    .multistage-simulator-lightbox {
        max-width: 80vw;
        height: 560px;
        max-height: 75vh;
        overflow-y: auto
    }
}

.multistage-simulator-lightbox .multistage-simulator-content {
    height: 100%
}

.multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header {
    display: flex;
    justify-content: space-between;
    font-size: 20px
}

@media (max-width:500px) {
    .multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header {
        font-size: 13px;
        align-items: center
    }
}

.multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header .event-name {
    width: 100%;
    font-weight: 700;
    text-align: center
}

@media (max-width:500px) {
    .multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header .event-name {
        text-align: left
    }
}

.multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header .close-button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(146, 154, 158, .65);
    border-radius: 4px;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 16px
}

.multistage-simulator-lightbox .multistage-simulator-content .multistage-simulator-header .close-button:hover {
    background: #45515f;
    cursor: pointer;
    color: #929a9e
}

.multi-stage-simulator .stage-tabs-wrapper {
    position: relative;
    display: flex
}

.multi-stage-simulator .stage-tabs {
    flex-direction: row;
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-flex;
    margin: 16px;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #495867
}

@media (max-width:500px) {
    .multi-stage-simulator .stage-tabs {
        max-width: 100%;
        margin: 12px 0
    }
}

.multi-stage-simulator .stage-tab {
    transition: background-color .2s ease;
    background-color: #364250;
    cursor: pointer;
    float: left;
    padding: 8px 16px;
    border-right: 1px solid #495867;
    flex: 1 1 auto;
    text-align: center;
    color: rgba(146, 154, 158, .65)
}

.preload .multi-stage-simulator .stage-tab {
    transition: initial !important
}

.multi-stage-simulator .stage-tab:last-child {
    border-right: 0
}

@media (max-width:500px) {
    .multi-stage-simulator .stage-tab {
        padding: 8px 5px;
        font-size: 10px
    }
}

@media (min-width:414px) and (max-width:563px) {
    .multi-stage-simulator .stage-tab {
        padding: 8px 7px;
        font-size: 11px
    }
}

.multi-stage-simulator .stage-tab:hover {
    background-color: #45515f;
    cursor: pointer;
    color: #929a9e
}

.multi-stage-simulator .stage-tab.active {
    background-color: #435971;
    font-weight: 700;
    position: relative;
    top: 1px;
    margin-top: -1px;
    z-index: 2;
    color: #fff
}

.multi-stage-simulator .slotted-bracket-header,
.multi-stage-simulator .slotted-bracket-placeholder.predict-mode:after {
    display: none
}

.multi-stage-simulator .slotted-bracket {
    align-items: center
}

.multi-stage-simulator .slotted-bracket:before {
    display: none !important
}

.multi-stage-simulator .slotted-bracket .slot-wrapper {
    transition: none !important
}

.multi-stage-simulator .slotted-bracket .round .slots .slot-wrapper .match .predicted-winner {
    background: rgba(0, 128, 0, .2509803922) !important
}

.multi-stage-simulator .slotted-bracket .round .slots .slot-wrapper .match .predicted-loser {
    opacity: .5;
    filter: saturate(0)
}

.multi-stage-simulator .slotted-bracket-placeholder {
    background: none !important;
    box-shadow: none !important
}

.multi-stage-simulator .round .slots .exit.down {
    border-top: 1px solid #495867 !important;
    border-right: 1px solid #495867 !important
}

.multi-stage-simulator .round .slots .exit.up {
    border-bottom: 1px solid #495867 !important;
    border-right: 1px solid #495867 !important
}

.multi-stage-simulator .round .slots .entry.down {
    border-bottom: 1px solid #495867 !important
}

.multi-stage-simulator .round .slots .entry.up {
    border-top: 1px solid #495867 !important
}

.multi-stage-simulator .round .round-header {
    background: #364250;
    border: var(--border);
    border-radius: 4px;
    color: #929a9e
}

@media (max-width:500px) {
    .multi-stage-simulator .round .round-header {
        width: 100%
    }
}

.multi-stage-simulator .round .round-header:hover {
    background: #45515f !important
}

.multi-stage-simulator .round .slot-wrapper {
    margin-top: 12px
}

.multi-stage-simulator .round .slot-wrapper .match {
    background: #364250 !important;
    box-shadow: none !important;
    border-radius: 4px;
    color: #929a9e !important;
    border: 1px solid #495867
}

.multi-stage-simulator .round .slot-wrapper .match:hover {
    background: #45515f !important
}

.multi-stage-simulator .round .slot-wrapper .match .team2 {
    border-top: 1px solid #495867 !important
}

.multi-stage-simulator .round .slot-wrapper .match .team-name {
    color: rgba(146, 154, 158, .65);
    opacity: 1 !important
}

.multi-stage-simulator .round .slot-wrapper .match .team:hover {
    background: #45515f !important;
    filter: saturate(1) !important
}

.allstargg-iframe {
    aspect-ratio: 640/590;
    width: 100%;
    border: 0
}

@media (max-width:500px) {
    .allstargg-iframe {
        aspect-ratio: 640/680
    }
}

.allstargg-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 7px
}

.allstargg-headline {
    flex: 5;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media (max-width:500px) {
    .allstargg-headline {
        flex: 3
    }
}

@media (max-width:500px) {
    .allstargg-headline-prefix {
        display: none
    }
}

.allstargg-logo {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.allstargg-container img {
    max-width: 100%;
    height: auto
}

.fantasy-match-notification {
    height: 26px;
    display: flex;
    padding: 7px;
    box-sizing: border-box;
    background: #234766;
    border: 1px solid rgba(133, 183, 225, .2);
    color: #709dc3 !important;
    border-radius: 4px;
    align-items: center;
    white-space: pre;
    position: relative;
    top: -3px
}

@media (max-width:500px) {
    .fantasy-match-notification {
        height: 24px;
        font-size: 10px
    }
}

.fantasy-match-notification .fa {
    margin-right: 4px
}

@media (max-width:500px) {
    .fantasy-match-notification .fa {
        margin-right: 2px
    }
}

.fantasy-match-notification:hover {
    filter: brightness(95%);
    color: inherit !important
}

.fantasy-match-notification.yellow-feedback {
    background: #464306;
    border: 1px solid rgba(237, 194, 25, .2);
    color: #cba617 !important
}

.fantasy-match-notification.red-feedback {
    background: #461616;
    border: 1px solid rgba(219, 43, 43, .4);
    color: #d71717 !important
}

.fantasy-match-notification-total-players {
    margin-right: 10px
}

.fantasy-match-notification-players-with-unset-booster {
    color: #fff;
    background-color: red;
    padding: 5px;
    border-radius: 3px
}

.hubspot-embed {
    background: url(/img/static/email/newsletter_bg.jpg);
    background-size: cover;
    background-position: 100%;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    height: 170px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center
}

.hubspot-embed * {
    font-family: Open Sans, sans-serif !important
}

.hubspot-embed a {
    color: #87a3bf !important
}

.hubspot-embed input {
    border: none !important;
    font-size: 12px !important
}

.hubspot-embed input:focus {
    box-shadow: none !important
}

@media (max-width:500px) {
    .hubspot-embed input {
        font-size: 11px !important
    }
}

.hubspot-embed input::-moz-placeholder {
    color: #000 !important
}

.hubspot-embed input::placeholder {
    color: #000 !important
}

.hubspot-embed .newsletter-signup-title {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 12px 12px 0
}

@media (max-width:500px) {
    .hubspot-embed .newsletter-signup-title {
        line-height: 20px;
        font-size: 12.5px;
        padding: 0 4px 0 6px
    }
}

.hubspot-embed span {
    color: hsla(0, 0%, 100%, .65) !important;
    font-size: 11px;
    line-height: 14px
}

@media (max-width:500px) {
    .hubspot-embed span {
        font-size: 10px;
        line-height: 12px
    }
}

.hubspot-embed .newsletter-signup-right {
    width: 155px;
    position: absolute;
    right: 28px;
    bottom: -187px;
    transform: rotate(4deg)
}

@media (max-width:500px) {
    .hubspot-embed .newsletter-signup-right {
        width: 120px;
        bottom: -136px;
        right: -20px
    }
}

.hubspot-embed .newsletter-signup-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hubspot-embed .hsfc-Step--layoutTemplate-twoThirdLeft {
    flex-direction: row !important
}

.hubspot-embed .hsfc-Button {
    background: #435971;
    padding: 12px 10px !important;
    font-weight: 400 !important
}

.hubspot-embed .hsfc-Button:hover {
    background: #59728e
}

@media (max-width:500px) {
    .hubspot-embed .hsfc-Button {
        font-size: 11px !important
    }
}

.hubspot-embed .hsfc-EmailField label,
.hubspot-embed .hsfc-Step__Banner {
    display: none !important
}

.hubspot-embed .hsfc-CheckboxField {
    margin-top: 12px
}

.hubspot-embed .hsfc-CheckboxField .hsfc-ErrorAlert {
    top: -4px
}

.hubspot-embed .hsfc-Step__Content {
    padding: 12px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: calc(100% - 200px) !important;
    max-width: 400px
}

@media (max-width:500px) {
    .hubspot-embed .hsfc-Step__Content {
        width: calc(100% - 100px) !important;
        padding: 8px !important
    }
}

.hubspot-embed .hsfc-Step__Content:has(.hsfc-RichText) .hsfc-Row:first-child {
    width: 100% !important;
    max-width: 100%
}

.hubspot-embed .hsfc-NavigationRow__Alerts {
    margin: 0 !important;
    display: none !important
}

.hubspot-embed .hsfc-NavigationRow,
.hubspot-embed .hsfc-Row:first-child {
    order: -1
}

.hubspot-embed .hsfc-NavigationRow {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 !important
}

.hubspot-embed .hsfc-Row {
    margin: 0 !important
}

.hubspot-embed .hsfc-Row:first-child {
    gap: 0;
    max-width: 270px;
    width: calc(100% - 88px);
    margin: 0 0 2px
}

.hubspot-embed .hsfc-NavigationRow,
.hubspot-embed .hsfc-Row {
    position: relative
}

.hubspot-embed .hsfc-ErrorAlert {
    position: absolute;
    top: -9px;
    left: 0;
    font-size: 10px !important;
    background: #a92920;
    color: #fff !important;
    padding: 0 4px;
    border-radius: 4px;
    text-wrap: nowrap;
    z-index: 9
}

@media (max-width:500px) {
    .hubspot-embed .hsfc-ErrorAlert {
        font-size: 9px !important
    }
}

.hubspot-embed .hsfc-CheckboxField>:not(:last-child),
.hubspot-embed .hsfc-EmailField>:not(:last-child) {
    margin: 0 !important
}

@media (max-width:500px) {
    .hubspot-embed .hsfc-TextInput {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

.hubspot-embed .hsfc-RichText p {
    margin: 0;
    line-height: 100% !important
}

.hubspot-embed .hsfc-RichText p:first-child {
    margin-bottom: 4px
}

.hubspot-embed .hsfc-RichText strong span {
    color: #fff !important;
    font-size: 26px !important
}

.hubspot-embed .hs-form-html:has(.hsfc-PostSubmit)~.newsletter-signup-title {
    display: none
}

.playerOfTheWeekContainer {
    display: block;
    height: 150px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    overflow: hidden;
    background-color: #23292f;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    transition: .2s ease
}

@media (max-width:500px) {
    .playerOfTheWeekContainer {
        display: none
    }
}

.playerOfTheWeekContainer:hover {
    cursor: pointer;
    background-color: #343c44
}

.playerOfTheWeekContainer .playerOfTheWeekCategoryContainer,
.playerOfTheWeekContainer .playerOfTheWeekPlayerInfoContainer {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    color: #fff
}

.playerOfTheWeekContainer .playerOfTheWeekPlayerName {
    position: absolute;
    right: 8px;
    top: 8px;
    font-weight: 700;
    max-width: 90px;
    text-align: right;
    float: right;
    font-size: 18px
}

.playerOfTheWeekContainer .playerOfTheWeekCategory {
    position: absolute;
    right: 8px;
    top: 33px;
    font-size: 11px;
    color: #9ec8f1
}

.playerOfTheWeekContainer .playerOfTheWeekData {
    position: absolute;
    right: 8px;
    bottom: 24px;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.playerOfTheWeekContainer .playerOfTheWeekTitle {
    position: absolute;
    right: 8px;
    bottom: 12px;
    font-size: 11px;
    color: #9ec8f1;
    margin: 0;
    font-weight: inherit;
    text-align: right
}

.playerOfTheWeekContainer .playerOfTheWeekLogoContainer {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: -36px;
    top: 6px;
    height: 114px;
    width: 114px;
    display: flex;
    flex: 0 0 114px;
    align-items: center;
    justify-content: center;
    align-content: center
}

.playerOfTheWeekContainer .playerOfTheWeekLogoContainer .playerOfTheWeekLogo {
    opacity: .2;
    max-height: 100%;
    max-width: 100%
}

.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer {
    height: 186px;
    width: 186px;
    position: absolute;
    z-index: 1;
    bottom: -36px;
    left: -66px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer .playerOfTheWeekBodyshot {
    max-height: 100%;
    max-width: 100%
}

@media (max-width:500px) {
    .playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer .playerOfTheWeekBodyshot {
        display: none
    }
}

.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 36px;
    left: 55px;
    background-color: #2d3844;
    z-index: 2
}

.playerOfTheWeekContainer .playerOfTheWeekBodyshotContainer:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    bottom: 44px;
    left: 55px;
    background: linear-gradient(0deg, #2d3844, rgba(45, 56, 68, 0));
    z-index: 2
}

.index .hero-award-show-wrapper {
    background: #181818;
    box-sizing: border-box;
    color: #fff;
    font-family: Orbitron, sans-serif
}

.index .hero-award-show-wrapper .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .index .hero-award-show-wrapper .custom-scrollbar::-webkit-scrollbar {
        height: 3px
    }
}

.index .hero-award-show-wrapper .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.index .hero-award-show-wrapper .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.index .hero-award-show-wrapper .videoWrapper {
    background: #000
}

.index .hero-award-show-wrapper .videoWrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 41px;
    width: 100%;
    background: transparent url(/img/static/award/award-stream-overlay.png) 50%/cover no-repeat !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width:500px) {
    .index .hero-award-show-wrapper .videoWrapper:after {
        height: 23px
    }
}

@media (max-width:500px) {
    .index .hero-award-show-wrapper .hero-award-show-segment-sub-text {
        font-size: 11px
    }
}

.index .hero-award-show-wrapper .hero-award-show-segment-sub-text.inactive {
    opacity: .45
}

.index .hero-award-show-wrapper .hero-award-show-segment-title {
    font-weight: 700;
    letter-spacing: 1.4px;
    font-size: 16px;
    margin-bottom: 4px
}

.index .hero-award-show-wrapper .hero-award-show-title-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 29px;
    margin-bottom: 19px;
    height: 32px;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: -8px;
    position: sticky;
    top: -8px;
    z-index: 1
}

.index .hero-award-show-wrapper .hero-award-show-title-wrapper:before {
    background: linear-gradient(180deg, #000 50%, transparent);
    position: absolute;
    top: -16px;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.index .hero-award-show-wrapper .hero-award-by-line {
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400
}

.index .hero-award-show-wrapper .hero-award-show-partner img {
    height: 13px;
    width: auto
}

.index .hero-award-show-wrapper .hero-award-show-live-segment {
    background: #fff;
    text-transform: uppercase;
    padding: 0 2px;
    color: #181818;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    top: -1px;
    position: relative
}

.index .hero-award-show-wrapper .hero-award-show-segment {
    position: relative;
    padding-bottom: 24px;
    border-left: 1px solid #74674e;
    padding-left: 8px;
    padding-top: 16px;
    margin: 0 32px
}

.index .hero-award-show-wrapper .hero-award-show-segment:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 0;
    height: 7px;
    width: 7px;
    border-radius: 100px;
    background: #74674e
}

.index .hero-award-show-wrapper .hero-award-show-segment.live-segment,
.index .hero-award-show-wrapper .hero-award-show-segment.was-live {
    border-left: 1px solid #e1c693
}

.index .hero-award-show-wrapper .hero-award-show-segment.live-segment:before,
.index .hero-award-show-wrapper .hero-award-show-segment.was-live:before {
    background: #e1c693
}

.index .hero-award-show-wrapper .hero-award-show-section-timestamp {
    color: #e1c693;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    margin-top: -22px
}

.index .hero-award-show-wrapper .award-timeline {
    height: 230px;
    padding: 0;
    margin: 0
}

.index .hero-award-show-wrapper .hero-award-show-program-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 230px;
    overflow: auto;
    box-sizing: border-box;
    background: #181818 url(/img/static/award/satin.png) 50%/cover no-repeat !important;
    position: relative;
    padding-top: 24px
}

.index .hero-award-show-wrapper .hero-award-show-program-wrapper:after {
    content: "";
    position: sticky;
    bottom: -1px;
    left: -16px;
    width: 100%;
    display: block;
    height: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
    pointer-events: none;
    flex: 0 0 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: -50px
}

.index .hero-award-show-wrapper .hero-award-show-program-wrapper ul {
    padding: 0;
    margin: 0;
    gap: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:500px) {
    .index .hero-award-show-wrapper .hero-award-show-program-wrapper ul {
        display: flex;
        flex-direction: column
    }
}

.index .hero-award-show-wrapper .hero-award-show-program-wrapper li {
    margin-left: 10px;
    list-style: none;
    text-indent: -5px
}

.index .hero-award-show-wrapper .hero-award-show-program-wrapper li:before {
    content: "-";
    text-indent: -5px;
    margin-right: 5px
}

.index #front_2 {
    margin-top: 5px
}

.index .top20-top-banner {
    width: 100%;
    height: 100%;
    margin-bottom: 8px
}

.index .space-between-eventheader-hero {
    margin-top: 8px
}

.index .tabs-wrapper .cta-btn {
    margin: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    border: 1px solid #435971;
    border-radius: 4px;
    font-weight: 700
}

.index .tabs-wrapper .cta-btn:hover {
    background: #435971;
    color: #fff !important
}

.index .tabs-wrapper .tabs-header {
    display: flex;
    gap: 16px
}

.index .tabs-wrapper .tabs-header .newsheader:not(.active) {
    opacity: .45;
    font-weight: 400
}

.index .event-coverage-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-items: left;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 70px;
    background-size: 406px 70px;
    margin-bottom: 8px;
    background-color: #2e3843
}

.index .event-coverage-holder .event-coverage-logo img {
    width: 60px;
    padding: 5px;
    background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 100%, 0) 80%)
}

.index .event-coverage-holder .event-coverage-hub {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between
}

.index .event-coverage-holder .event-coverage-hub .event-coverage-hub-name {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    top: 5px;
    position: relative
}

@media (max-width:500px) {
    .index .event-coverage-holder .event-coverage-hub .event-coverage-hub-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links {
    display: flex;
    justify-content: space-between;
    margin: 5px 10px 9px
}

@media (max-width:500px) {
    .index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links {
        flex-wrap: wrap
    }
}

.index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links .event-coverage-hub-link {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links .event-coverage-hub-link a {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: #fff !important;
    padding: 2px 14px;
    background-color: #435971
}

.index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links .event-coverage-hub-link a:hover {
    background-color: #59728e;
    color: #fff !important
}

@media (max-width:500px) {
    .index .event-coverage-holder .event-coverage-hub .event-coverage-hub-links .event-coverage-hub-link a {
        padding: 5px 8px;
        font-size: 13px
    }
}

.index .epics {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.index .epics img {
    width: 100%
}

.index .between-news {
    margin-top: 10px
}

.index .big-image-news {
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 37.8308176101%;
    background-color: rgba(0, 0, 0, .05)
}

.index .big-image-news .hero-image {
    position: absolute;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.index .big-image-news .hero-text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    min-height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(180deg, transparent, #000)
}

.index .big-image-news .hero-links-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding: 30px 10px 5px;
    line-height: 20px;
    font-size: 12px;
    margin: 0 auto;
    font-weight: 700;
    color: #929a9e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(180deg, transparent, 85%, #000)
}

.index .big-image-news .hero-links-container .hero-links .a-reset {
    color: #fff;
    height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-right: 8px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 24px;
    transition: all .3s ease 0s
}

@media (max-width:500px) {
    .index .big-image-news .hero-links-container .hero-links .a-reset {
        padding-left: 4px;
        padding-right: 4px
    }
}

.preload .index .big-image-news .hero-links-container .hero-links .a-reset {
    transition: initial !important
}

.index .big-image-news .hero-links-container .hero-links .a-reset:last-child {
    margin-right: 0
}

.index .big-image-news .hero-links-container .hero-links .a-reset:hover {
    color: #000 !important;
    background-color: #fff !important;
    text-shadow: none !important;
    transform: scale(1.09)
}

.index .big-image-news .hero-links-container .hero-links:hover {
    color: #fff !important
}

.index .small-image-news-con {
    flex: 1 1 auto;
    height: 139px
}

.index .small-image-news {
    display: block;
    position: relative;
    height: 65px
}

.index .small-image-news .hero-text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    line-height: 14px;
    font-size: 16px;
    font-weight: 800;
    color: #929a9e;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.index .todays-matches-con {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 1px;
    padding-right: 1px;
    margin: 0 -1px 10px
}

@media (min-width:501px) {
    .index .todays-matches-con {
        display: none
    }
}

.index .todays-matches-con .block {
    margin-bottom: 1px
}

.index .columns-scrollable {
    display: flex
}

.index .columns-scrollable .col {
    flex: 1 0 0;
    margin-left: 10px;
    min-width: 0
}

.index .columns-scrollable .col:first-child {
    margin-left: 0
}

.index .columns-scrollable .col {
    flex: 1 0 calc(50% - 23px)
}

.index .columns-2 {
    display: flex
}

.index .columns-2 .col {
    flex: 1 0 0;
    margin-left: 10px;
    min-width: 0
}

.index .columns-2 .col:first-child {
    margin-left: 0
}

.index .columns-2 .col {
    flex: 1 0 calc(50% - 5px)
}

.index .match-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px
}

.index .match-table .none,
.index .match-table .tie {
    color: #929a9e
}

.index .match-table .leading {
    color: #09c100
}

.index .match-table .trailing {
    color: #fc1d1d
}

.index .matchover {
    opacity: .5;
    background-color: #364250
}

.index .match-table-team-logo {
    width: 18px;
    max-height: 100%
}

.index .match-table-name-col {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
    color: rgba(146, 154, 158, .5)
}

.index .match-table-map-col {
    white-space: nowrap;
    text-align: right;
    width: 24px;
    padding-right: 5px;
    color: rgba(146, 154, 158, .5)
}

.index .match-table-maps-col {
    text-align: center;
    width: 50px;
    border-left: 1px solid rgba(73, 88, 103, .5)
}

.index .match-table td {
    border-top: 1px solid rgba(73, 88, 103, .5);
    height: 22px;
    vertical-align: middle
}

.index .match-table tr:first-child td {
    border-top: 0
}

.index .newsheader {
    margin: 10px 0 6px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: #929a9e
}

.index .pagination-links {
    display: flex;
    justify-content: space-between
}

.index .newsline {
    display: flex;
    align-items: center;
    padding: 6px 10px
}

.index .featured {
    display: flex;
    gap: 8px;
    align-items: center
}

.index .article:visited .newstext {
    color: #646e7c
}

.index .newsline+.newsline {
    border-top: 1px solid #495867
}

.index .newsflag {
    flex: 0 0 auto;
    margin-right: 10px;
    height: 12px;
    width: 18px
}

.index .newstext {
    font-size: 14px;
    flex: 1 1 auto;
    text-decoration: none;
    color: #87a3bf;
    font-weight: 700;
    line-height: 20px
}

.index .newstext:hover {
    color: #87a3bf !important;
    cursor: pointer
}

@media (max-width:500px) {
    .index .newstext {
        font-size: 13px;
        line-height: 18px
    }
}

.index .newstc {
    font-size: 11px;
    color: hsla(0, 0%, 86.7%, .5);
    text-align: right;
    font-weight: 400;
    line-height: 11px;
    margin: -1px 0;
    min-width: 80px
}

.index .newsrecent {
    opacity: .75
}

.index .newsline:hover {
    background-color: #45515f
}

@media (min-width:501px) {
    .index .activity-con {
        display: none
    }
}

@media (max-width:500px) {
    .index .old-news-con {
        display: none
    }

    .index .button {
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.index .featured-newstext {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #929a9e
}

@media (max-width:500px) {
    .index .featured-newstext {
        font-size: 14px;
        line-height: 21px
    }
}

.index .featured-newsimage {
    width: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 3/2
}

@media (max-width:500px) {
    .index .featured-newsimage {
        width: 100px
    }
}

.index .featured-with-no-image .featured-newstext {
    font-size: 20px;
    line-height: 26px
}

.index .featured-small-newstext {
    color: rgba(145, 168, 179, .65);
    font-size: 12px;
    line-height: 16px
}

@media (max-width:500px) {
    .index .featured-small-newstext {
        font-size: 10px;
        line-height: 14px
    }
}

.index .breaking-featured {
    background: #3d413e
}

.index .breaking-featured:hover {
    background: #474840
}

.index .top20-banner {
    background-color: #364250;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    color: #fff !important;
    padding: 3px 14px;
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-bottom: 8px;
    font-weight: 700;
    background: url(/img/static/top20Widget.jpg) 100%;
    background-size: 477px 55px;
    transition: .2s ease;
    font-size: 1.32em;
    height: 47px
}

.preload .index .top20-banner {
    transition: initial !important
}

@media (max-width:500px) {
    .index .top20-banner {
        font-size: 1.2em
    }
}

.index .top20-banner .fa-chevron-right {
    transition: .2s ease
}

.preload .index .top20-banner .fa-chevron-right {
    transition: initial !important
}

.index .top20-banner .right {
    align-self: center
}

.index .top20-banner:hover {
    filter: brightness(120%)
}

.index .top20-banner:hover .fa-chevron-right {
    margin-right: -4px
}

.index .top20-banner .top20-text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.index .top20-banner .top20-presented-by {
    font-size: .7em;
    font-style: italic
}

.index .top20-banner .top20-sponsor {
    padding-left: 5px
}

.index .top20-banner .top20-sponsor img {
    width: 53px;
    padding-bottom: 2px
}

.index .tabs-wrapper {
    margin-top: 8px
}

.index .tabs-wrapper .newsheader {
    align-items: center
}

.index .tabs-wrapper .newsheader a {
    font-size: 10px;
    color: #929a9e
}

.index .tabs-wrapper .ranking-small-logo {
    max-width: 100%;
    height: auto;
    width: 50px;
    margin-left: 6px
}

.index .ranking-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.index .ranking-container .ranking-team {
    display: flex;
    padding: 0 8px;
    gap: 8px;
    align-items: center;
    border-bottom: 1px solid #495867;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index .ranking-container .ranking-team:last-child {
    border-bottom: 0
}

.index .ranking-container .ranking-team:not(.featured-team) {
    height: 42px
}

.index .ranking-container .ranking-team.featured-team {
    background: linear-gradient(90deg, #353d45 .14%, #23292f 100.14%);
    color: #fff;
    height: 60px
}

.index .ranking-container .ranking-team.featured-team .ranking-team-points {
    margin-top: -4px
}

.index .ranking-container .ranking-team.featured-team .ranking-team-name {
    flex-direction: column
}

.index .ranking-container .ranking-team.featured-team .ranking-team-logo-container {
    flex: 0 0 40px
}

.index .ranking-container .ranking-team-players {
    flex: 0 0 150px;
    position: relative;
    height: 100%;
    margin-right: -10px
}

.index .ranking-container .ranking-team-player {
    position: absolute;
    bottom: -20px
}

.index .ranking-container .ranking-team-player.player-1 {
    right: 100px
}

.index .ranking-container .ranking-team-player.player-2 {
    right: 70px
}

.index .ranking-container .ranking-team-player.player-3 {
    right: 40px
}

.index .ranking-container .ranking-team-player.player-4 {
    right: 10px
}

.index .ranking-container .ranking-team-player.player-5 {
    right: -20px
}

.index .ranking-container .ranking-team-points {
    font-size: 10px;
    opacity: .65
}

.index .ranking-container .ranking-team-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px
}

.index .ranking-container .ranking-team-logo {
    height: auto;
    max-width: 100%
}

.index .ranking-container .ranking-team-name {
    display: flex;
    flex: 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index .ranking-container .ranking-team-placement {
    font-weight: 700;
    font-size: 16px;
    flex: 0 0 20px;
    justify-content: center;
    display: flex;
    align-items: center
}

.index .ranking-container .ranking-team-name {
    font-size: 14px;
    font-weight: 700
}

.index .newsgrouping-header {
    display: inline-flex;
    background: var(--groupingTitleBackgroundColor);
    color: var(--groupingTitleTextColor);
    padding: 2px 8px;
    border-radius: 4px;
    position: relative;
    margin: 10px 0 6px;
    font-size: 11px;
    font-weight: 700
}

.index .live-dot-wrapper {
    position: relative;
    width: 13px;
    left: -3px
}

.index .live-dot {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    background-color: var(--groupingTitleTextColor);
    border-radius: 50px;
    height: 5px;
    width: 5px;
    margin-left: 4px;
    margin-right: 4px
}

.index .live-dot-animation {
    border: 2px solid var(--groupingTitleTextColor);
    background: transparent;
    border-radius: 100px;
    height: 13px;
    width: 13px;
    animation: pulse 3s ease-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: calc(50% - 8px);
    left: -2px;
    z-index: 1;
    opacity: 0
}

.old-news-con {
    margin-bottom: 10px
}

.button-more {
    font-size: 14px;
    display: block;
    padding: 5px;
    color: #87a3bf;
    background-color: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    cursor: pointer;
    text-align: center;
    margin: 10px 0 0
}

.button-more:hover {
    background-color: #45515f
}

.margin-top-16 {
    margin-top: 16px
}

.side-by-side {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media (max-width:500px) {
    .side-by-side {
        flex-direction: column
    }
}

.flex-1 {
    flex: 1
}

.align-items-center {
    align-items: center
}

.reset-overflow {
    overflow: initial
}

.pickems-cta-index {
    display: flex;
    background: no-repeat url(/img/static/gfx/pickems-cta3.png);
    background-size: cover;
    height: 83px;
    overflow: hidden;
    gap: 16px;
    color: #fff;
    align-items: center;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 4px;
    --pickemsColor: 45, 129, 183
}

@media (max-width:500px) {
    .pickems-cta-index {
        padding: 8px;
        gap: 8px;
        height: 70px
    }
}

.pickems-cta-index:hover {
    filter: brightness(110%);
    cursor: pointer
}

.pickems-cta-index .pickems-cta-countdown-wrapper {
    display: flex;
    flex: 1;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    text-align: center
}

.pickems-cta-index .pickems-cta-green,
.pickems-cta-index .pickems-cta-white {
    font-weight: 700;
    text-transform: uppercase
}

.pickems-cta-index .pickems-cta-green {
    font-size: 21px;
    color: rgb(var(--pickemsColor))
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-green {
        font-size: 16px
    }
}

.pickems-cta-index .pickems-cta-right-top {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-right-top {
        font-size: 8px
    }
}

.pickems-cta-index .pickems-cta-left {
    line-height: 20px;
    flex: 1
}

.pickems-cta-index .pickems-cta-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 140px
}

.pickems-cta-index .pickems-cta-white {
    font-size: 17px;
    color: #fff
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-white {
        font-size: 14px
    }
}

.pickems-cta-index .pickems-cta-countdown {
    box-sizing: border-box;
    height: 25px;
    width: 25px;
    background: rgba(12, 5, 30, .15);
    border: 1px solid rgba(var(--pickemsColor), .15);
    border-radius: 4px
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-countdown {
        height: 22px;
        width: 22px
    }
}

.pickems-cta-index .pickems-cta-number {
    color: rgb(var(--pickemsColor));
    font-weight: 700;
    line-height: 19px
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-number {
        font-size: 10px
    }
}

.pickems-cta-index .pickems-cta-countdown {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.pickems-cta-index .pickems-cta-interval {
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px
}

@media (max-width:500px) {
    .pickems-cta-index .pickems-cta-interval {
        font-size: 8px
    }
}

.pickems-cta-index .pickems-cta-live {
    font-weight: 700;
    background: #c10000;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 16px;
    box-shadow: 0 0 11px 2px red;
    margin-top: 2px;
    color: #fff !important
}

.pickems-cta-index .pickems-cta-ended {
    font-weight: 700;
    background: rgb(var(--pickemsColor));
    padding: 0 20px;
    border-radius: 4px;
    font-size: 16px;
    box-shadow: 0 0 11px 2px rgba(12, 5, 30, .15);
    margin-top: 2px;
    color: #fff !important
}

.newsdsl .newstext-con {
    position: relative;
    line-height: 28px;
    font-size: 16px
}

.newsdsl .newstext-con ol ::marker,
.newsdsl .newstext-con ul ::marker {
    font-weight: 700;
    color: #b9bdbf
}

.newsdsl .newstext-con ol li,
.newsdsl .newstext-con ul li {
    padding-left: 8px
}

.newsdsl .newstext-con ol li .news-block,
.newsdsl .newstext-con ul li .news-block {
    margin: 4px 0
}

@media (max-width:500px) {
    .newsdsl .newstext-con {
        font-size: 15px;
        line-height: 24.75px
    }
}

.newsdsl .newstext-con h1 {
    line-height: 1.45
}

.newsdsl .newstext-con h2 {
    line-height: 1.25;
    color: #b9bdbf
}

.fragments {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 32px;
}

.fragments .fragment {
    background: rgba(54, 66, 80, .75);
    padding: 16px;
    border-top: 3px solid #486483;
    border-radius: 4px;
    position: relative;
}

.fragments .fragment-headline-wrapper {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.fragments .fragment .fragment-headline {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #a2a7ab;
    scroll-margin-top: 50px;
    flex: 1;
}

.news-comments-wrapper {
    content-visibility: auto;
    contain: content;
    padding: 3px;
    margin: -3px
}

.newsitem {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

@media (max-width:500px) {
    .newsitem {
        padding: 15px 16px
    }
}

.newsitem img {
    max-width: 100%
}

.newsitem .headline {
    font-family: Oswald;
    padding: 0;
    font-size: 36px;
    white-space: pre-line;
    line-height: 1.2em;
    margin: 0 0 3px;
    text-transform: uppercase;
    color: #efefef;
    letter-spacing: 1px
}

.newsitem #g0_news img {
    max-width: 100%
}

.newsitem .headerimg {
    width: 100%;
    margin-top: -22.9357798165%
}

.newsitem .author-date-con {
    margin-bottom: 5px;
    font-size: 12px;
    padding: 11px 0 0;
    display: flex
}

.newsitem .author-date-con:after,
.newsitem .author-date-con:before {
    content: " ";
    display: table
}

.newsitem .author-date-con:after {
    clear: both
}

.newsitem .fa-twitter {
    margin-right: 5px
}

.newsitem .article-info {
    display: flex;
    justify-content: space-between
}

.newsitem .author {
    color: rgba(146, 154, 158, .5)
}

.newsitem .author a {
    opacity: 1
}

.newsitem .event {
    margin-right: 10px;
    float: left;
    color: rgba(146, 154, 158, .5);
    flex: 1 0 0
}

.newsitem .event img {
    max-width: 20px;
    max-height: 20px;
    opacity: 1;
    margin-right: 5px
}

.similar-news {
    padding: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-top: 1px solid #495867;
    background-color: #364250
}

.similar-news .similar-news-header {
    font-weight: 700;
    padding-bottom: 8px;
    color: rgba(146, 154, 158, .65)
}

.similar-news .similar-news-posts {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: start
}

.similar-news .similar-news-posts .similar-news-post-image {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.similar-news .similar-news-posts .similar-news-post-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.similar-news .similar-news-posts .similar-news-post-title {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    font-weight: 700;
    color: #929a9e;
    font-size: 12px;
    line-height: 17px;
    padding-top: 8px
}

.news-forum-spacer {
    margin-top: 10px
}

.text-news-with-frag-picture {
    display: flex;
    justify-content: flex-end
}

.summary-header {
    margin-top: 8px;
    position: relative;
    font-size: 12px
}

@media (max-width:500px) {
    .summary-header {
        font-size: 10px
    }
}

.news-with-frag-date {
    font-size: 12px;
    color: rgba(145, 168, 179, .65);
    margin-bottom: 4px
}

@media (max-width:500px) {
    .news-with-frag-date {
        font-size: 10px;
        margin-bottom: 2px
    }
}

.summary-headline {
    color: #435971;
    font-size: medium;
    font-weight: 700;
    padding-left: 20px
}

.news-with-fragment-headline {
    font-size: large;
    font-weight: 700;
    max-width: 450px
}

.news-summary-headlines-link {
    font-weight: 700
}

.news-with-frag-head-container {
    background: #364250;
    position: relative;
    box-sizing: border-box;
    padding: 28px;
    overflow: hidden;
    margin: -15px -30px 30px;
    border-radius: 0
}

@media (max-width:500px) {
    .news-with-frag-head-container {
        margin-top: -15px;
        margin-bottom: 8px
    }
}

.news-with-frag-head-container .fragment-jump-to-comments-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(145, 168, 179, .65);
    font-size: 11px
}

.news-with-frag-head-container .fragment-jump-to-comments-wrapper:hover {
    color: #929a9e
}

.news-with-frag-head-container ul {
    font-size: 13px;
    line-height: 22px;
    padding-inline-start: 17px;
    margin-top: 8px;
    margin-bottom: 8px
}

.news-with-frag-head-container h1 {
    font-size: 22px;
    line-height: 31px;
    margin: 0
}

@media (max-width:500px) {
    .news-with-frag-head-container h1 {
        font-size: 18px;
        line-height: 24px
    }
}

.news-with-frag-banner-content-container {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px
}

@media (max-width:500px) {
    .news-with-frag-banner-content-container {
        gap: 8px
    }
}

.news-with-frag-content-no-logo {
    display: flex;
    flex-direction: column
}

.news-with-frag-logo {
    height: 116px;
    width: 116px;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px;
    aspect-ratio: 1/1;
    flex: 0 0 116px
}

@media (max-width:500px) {
    .news-with-frag-logo {
        height: 70px;
        width: 70px;
        flex: 0 0 70px
    }
}

.take-me-back {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    align-items: center;
    background: #1b1f23;
    color: #929a9e;
    border-radius: 8px;
    z-index: 999999;
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, .1);
    padding: 12px;
    cursor: pointer;
    pointer-events: none;
    opacity: 0
}

@media (max-width:500px) {
    .take-me-back {
        display: none;
        bottom: 78px;
        padding: 8px;
        gap: 8px
    }

    .take-me-back .back-text {
        text-wrap: nowrap
    }
}

.take-me-back:hover {
    background: #23292e
}

.take-me-back:hover .icon {
    background-color: #87a3bf
}

.take-me-back.show-up {
    pointer-events: unset;
    opacity: 1;
    animation: showUp .4s ease-in-out
}

.take-me-back .icon {
    min-width: 24px;
    min-height: 24px;
    background: #435971;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 11px
}

.take-me-back .icon i {
    color: #fff
}

.take-me-back p {
    margin: 0;
    color: rgba(146, 154, 158, .65);
    line-height: 14px
}

.post-event-matches-block {
    margin-bottom: var(--smallPadding);
    max-height: 250px
}

.match-sidebar .sidebar-box .hotmatch-star-selected {
    color: #fff
}

.match-sidebar a:hover {
    background: #45515f
}

.match-sidebar .sidebar-first-level,
.match-sidebar .sidebar-second-level {
    background: inherit;
    border-top: inherit;
    box-shadow: inherit
}

.match-sidebar .sidebar-third-level {
    border-top: inherit
}

.match-sidebar .user-streams {
    width: 100%
}

.match-sidebar .connected-streams {
    color: #929a9e
}

.match-sidebar .notify-button {
    display: block;
    font-weight: 700;
    color: #32689a;
    background-color: #929a9e;
    border: 2px solid #32689a;
    padding: 6px 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 10px
}

.match-sidebar .small-event-box-con {
    display: block;
    background: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin: 0 0 5px
}

.match-sidebar .small-event-box-con:last-child {
    margin-bottom: 0
}

.match-sidebar .otherMatch {
    background-color: #2d3844
}

.match-sidebar .matchSidebarEvent .matchSidebarTeamImgContainer {
    height: 12px;
    width: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.match-sidebar .matchSidebarEvent .matchSidebarTeamImg {
    max-height: 100%;
    width: auto;
    max-width: 100%
}

.match-sidebar .matchSidebarEvent .matchSidebarTeam {
    display: flex;
    gap: 2px;
    align-items: center
}

.match-sidebar .matchSidebarEvent .matchSidebarTeam:hover {
    background: none
}

.match-sidebar .matchSidebarEvent .matchSidebarEventHeader {
    display: flex;
    gap: 4px;
    padding: 10px 5px 0;
    margin-bottom: 10px;
    align-items: center
}

.match-sidebar .matchSidebarEvent .matchSidebarEventHeader:hover {
    background: none
}

.match-sidebar .matchSidebarEvent .matchSidebarEventName {
    font-weight: 700;
    color: #929a9e;
    font-size: 14px;
    line-height: 16px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.match-sidebar .matchSidebarEvent .matchSidebarEventLogo {
    max-height: 30px;
    max-width: 30px
}

.match-sidebar .matchSidebarEvent .matchSidebarEventDataWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 5px;
    box-sizing: border-box
}

.match-sidebar .matchSidebarEvent .matchSidebarDataContainer {
    margin-bottom: 8px
}

.match-sidebar .matchSidebarEvent .matchSidebarDataContainer:hover {
    background: none
}

.match-sidebar .matchSidebarEvent .matchSidebarInfo {
    font-size: 9px;
    font-weight: 700;
    color: rgba(146, 154, 158, .65)
}

.match-sidebar .matchSidebarEvent .matchSidebarData {
    font-size: 11px;
    font-weight: 700;
    color: #929a9e
}

.match-sidebar .matchSidebarEvent .small-event-box-con {
    box-shadow: none;
    margin: 0
}

.match-sidebar .matchSidebarEvent .teamrow {
    display: flex;
    align-items: center;
    gap: 4px
}

.match-sidebar .matchSidebarEvent .teambox {
    padding: 6px 5px
}

.match-sidebar .matchSidebarEvent .sidebar-headline {
    background: #364250;
    color: rgba(146, 154, 158, .65);
    border-top: 1px solid #495867;
    margin: 0;
    padding: 5px
}

.match-sidebar .match-stream-confirm-overlay-overlay {
    width: 400px;
    padding: 10px;
    margin: 15% auto
}

.match-sidebar .modal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.match-sidebar .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    width: 500px;
    border: 1px solid #888
}

.match-sidebar .override-match-title {
    font-weight: 700
}

.match-sidebar .modal-inner {
    padding: 20px
}

.match-sidebar .override-match-confirm-buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
    justify-content: end;
    align-items: center
}

.match-comments {
    content-visibility: auto;
    contain: content;
    padding: 3px;
    margin: -3px;
    grid-area: contentCol;
    grid-row: 2
}

@media (max-width:500px) {
    .match-comments :target {
        margin-top: -130px !important;
        padding-top: 130px !important
    }
}

.body-no-scroll {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.match-page #map-stats {
    pointer-events: none
}

.match-page .match-page-analytics-section {
    display: flex;
    flex-direction: column
}

.match-page .analytics-pick-a-winner {
    display: flex;
    gap: 16px
}

@media (max-width:500px) {
    .match-page .analytics-pick-a-winner {
        flex-direction: column-reverse
    }
}

.match-page .analytics-pick-a-winner .pick-a-winner-login-prompt {
    position: absolute;
    font-size: 10px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .65;
    top: 2px
}

.match-page .analytics-pick-a-winner .pick-a-winner-team-btn-container {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container:not(.pick-a-winner-already-voted):has(.pick-a-winner-pick-btn:hover) .pick-a-winner-team-container {
    filter: saturate(0);
    opacity: .3;
    transform: scale(.95)
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container:not(.pick-a-winner-already-voted):has(.pick-a-winner-pick-btn:hover) .pick-a-winner-team-container:has(.pick-a-winner-pick-btn:hover) {
    filter: saturate(1);
    opacity: 1;
    transform: scale(1)
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper {
    flex: 1;
    max-width: 100%;
    min-width: 0
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    flex: 1;
    padding: 8px
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container.pick-a-winner-already-voted .pick-a-winner-pick-btn {
    background: rgba(146, 154, 158, .15);
    color: rgba(146, 154, 158, .45)
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container:not(.pick-a-winner-already-voted) .pick-a-winner-pick-btn:hover {
    color: #fff !important;
    background: #59728e
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-content {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
    background: #364250;
    border-radius: 4px;
    position: relative
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-top {
    display: flex;
    gap: 8px
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-name {
    font-size: 13px;
    font-weight: 700
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-line-container {
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100px;
    position: relative;
    align-items: center;
    display: flex
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-percentage-wrapper {
    display: flex
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-bottom {
    gap: 4px;
    display: flex;
    flex-direction: column
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-percentage {
    flex: 1;
    display: flex;
    font-weight: 700
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-percentage.team-2 {
    flex-direction: row-reverse;
    text-align: right
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-line {
    background: var(--teamColor);
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 4px 0 0 4px
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-line.team-2 {
    left: inherit;
    right: 0;
    border-radius: 0 4px 4px 0
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-line.team-2:after {
    content: "";
    display: block;
    position: absolute;
    height: calc(100% + 7px);
    width: 1px;
    border: 2px solid #364250;
    background: #929a9e;
    left: -1px;
    top: -5px;
    z-index: 7
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-pick-btn {
    display: inline-flex;
    background: #435971;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 700;
    color: #fff;
    font-size: 10px;
    width: 36px;
    text-align: center;
    justify-content: center;
    cursor: not-allowed
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-container {
    display: flex;
    flex: 1;
    gap: 8px;
    transition: .1s ease
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-container.canvote .pick-a-winner-pick-btn {
    cursor: pointer
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-container.team-2 {
    flex-direction: row-reverse;
    text-align: right
}

.match-page .analytics-pick-a-winner .pick-a-winner-wrapper .pick-a-winner-container .pick-a-winner-team-container.team-2 .pick-a-winner-team-btn-container {
    align-items: end
}

.match-page .old-matchup-wrapper {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #40454c;
    color: #fff !important;
    gap: 8px;
    margin-bottom: 16px;
    background: url(/img/static/gfx/bg_current_match.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width:500px) {
    .match-page .old-matchup-wrapper {
        padding: 8px;
        text-align: center;
        display: block;
        margin-top: 16px
    }
}

.match-page .old-matchup-wrapper h2 {
    margin-bottom: 0
}

.match-page .old-matchup-icon {
    flex: 0 0 100px;
    font-size: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .old-matchup-icon {
        display: none
    }
}

.match-page .old-matchup-matchup-container {
    display: flex;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    flex-wrap: wrap;
    gap: 8px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

@media (max-width:500px) {
    .match-page .old-matchup-matchup-container {
        gap: 4px
    }
}

.match-page .old-matchup-time {
    font-size: 24px;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .old-matchup-time {
        font-size: 18px
    }
}

.match-page .old-matchup-date {
    font-size: 10px;
    opacity: .65;
    margin-top: -8px
}

@media (max-width:500px) {
    .match-page .old-matchup-date {
        font-size: 9px;
        margin-top: -6px
    }
}

.match-page .old-matchup-teamname {
    font-weight: 700
}

.match-page .old-matchup-team {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px
}

@media (max-width:500px) {
    .match-page .old-matchup-team {
        gap: 4px
    }
}

.match-page .old-matchup-team.first-team {
    justify-content: flex-end
}

.match-page .old-matchup-vs {
    flex: 0 0 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media (max-width:500px) {
    .match-page .old-matchup-vs {
        flex: 0 0 85px
    }
}

.match-page .old-matchup-button {
    flex: 0 0 100%;
    border-radius: 4px
}

.match-page .old-matchup-right {
    padding-right: 16px;
    padding-bottom: 16px
}

@media (max-width:500px) {
    .match-page .old-matchup-right {
        padding: 0
    }
}

.match-page .old-matchup-team-logo-container {
    height: 35px;
    width: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .match-page .old-matchup-team-logo-container {
        height: 25px;
        width: 25px;
        flex: 0 0 25px
    }
}

.match-page .old-matchup-team-logo-container img {
    max-width: 100%;
    height: auto
}

.match-page .old-matchup-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    background: #435971;
    font-weight: 700
}

.match-page .old-matchup-button:hover {
    cursor: pointer;
    background: #59728e
}

@media (max-width:500px) {
    .match-page .betting-section .g-grid .mobile-normal-priority {
        order: 2
    }

    .match-page .betting-section .g-grid .mobile-high-priority {
        order: 1
    }

    .match-page .betting-section .col-6 {
        flex: 0 0 100%
    }
}

.match-page .betting-section .fantasy-provider {
    margin-bottom: 8px;
    display: block
}

.match-page .betting-section .fantasy-provider:last-child {
    margin-bottom: 0
}

.match-page .betting-section .fantasy-provider-img {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    max-width: 100%;
    aspect-ratio: 311/90
}

@media (max-width:500px) {
    .match-page .betting-section .fantasy-provider-img {
        width: 100%
    }
}

@media (max-width:500px) {
    .match-page .betting-section .g-grid {
        flex-wrap: wrap
    }

    .match-page .betting-section .g-grid .col-4,
    .match-page .betting-section .g-grid .col-6,
    .match-page .betting-section .g-grid .col-8 {
        flex: 0 0 100%
    }
}

.match-page .avp-player-ui {
    --avp-main-width: 638px;
    --avp-main-height: 359px;
    --avp-view-width: 340px !important;
    --avp-view-height: 359px
}

.match-page .avp-bottom-right .avp-source {
    width: 340px !important;
    height: 190px !important
}

.match-page .stream-takeover-container {
    margin-bottom: 18px
}

.match-page .stream-takeover-container .v-wrapper {
    width: 100%;
    height: 100%;
    background: #000;
    aspect-ratio: 16/9
}

.match-page .stream-takeover-container .v-wrapper .video {
    width: 100%
}

.match-page .matchpage-after-betting-web {
    width: 638px;
    height: 290px;
    margin-bottom: 8px
}

.match-page .matchpage-after-betting-mobile {
    width: 320px;
    height: 250px;
    margin-bottom: 8px
}

.match-page .chinaAd {
    margin-top: 5px
}

.match-page .csgofastbetting {
    margin-bottom: 5px
}

.match-page .matchpage-1 {
    margin-top: 16px
}

.match-page .matchpage-1 img {
    max-width: 100%
}

.match-page .matchpage-2,
.match-page .matchpage-3,
.match-page .matchpage-4,
.match-page .matchpage-5,
.match-page .matchpage-6,
.match-page .matchpage-7,
.match-page .matchpage-8,
.match-page .matchpage-9 {
    margin-top: 6px
}

.match-page .matchpage-2 img,
.match-page .matchpage-3 img,
.match-page .matchpage-4 img,
.match-page .matchpage-5 img,
.match-page .matchpage-6 img,
.match-page .matchpage-7 img,
.match-page .matchpage-8 img,
.match-page .matchpage-9 img {
    max-width: 100%
}

.match-page .mpv-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.match-page .full-width {
    flex: 1 1 100%;
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width:500px) {
    .match-page .full-width {
        margin-top: 16px;
        overflow: hidden;
        margin-bottom: 8px
    }
}

.match-page .card-game {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-top: 18px;
    background: #781144;
    background-image: url(/img/static/gfx/epics/phone.png), linear-gradient(180deg, #781144 0, #382233 80%);
    background-repeat: no-repeat;
    background-position: center 220px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#781144", endColorstr="#382233", GradientType=0);
    color: #fff;
    padding-top: 16px;
    height: 473px;
    overflow: hidden;
    text-align: center
}

@media (max-width:500px) {
    .match-page .card-game {
        height: 95px;
        padding-top: 0;
        margin-top: 0;
        display: flex;
        background-position: center 5px;
        background-image: url(/img/static/gfx/epics/phone.png);
        background-size: 90px
    }
}

.match-page .card-game .card-logo {
    text-align: center
}

@media (max-width:500px) {
    .match-page .card-game .card-logo {
        margin-top: 10px
    }
}

.match-page .card-game .card-logo .logo {
    width: 70px
}

@media (max-width:500px) {
    .match-page .card-game .card-logo .logo {
        width: 55px
    }
}

.match-page .card-game .text-section {
    text-align: center;
    margin-top: 10px
}

@media (max-width:500px) {
    .match-page .card-game .text-section {
        flex: 0 0 33.3%;
        align-self: center
    }
}

.match-page .card-game .text-section .big-text {
    font-family: impact, sans-serif !important;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 4px
}

@media (max-width:500px) {
    .match-page .card-game .text-section .big-text {
        font-size: 16px;
        line-height: 1.4
    }
}

.match-page .card-game .text-section .small-text {
    width: 150px;
    font-size: 12px;
    margin: 8px auto
}

.match-page .card-game .featured-card {
    margin-top: 44px;
    margin-bottom: 12px;
    cursor: pointer;
    perspective: 600;
    position: relative;
    height: 190px
}

@media (max-width:500px) {
    .match-page .card-game .featured-card {
        flex: 0 0 33.3%;
        height: 83px;
        margin-top: 26px;
        display: inline-block;
        margin-bottom: 0
    }
}

@keyframes testhest {
    0% {
        transform: rotateY(0deg)
    }

    45% {
        transform: rotateY(0deg)
    }

    55% {
        transform: rotateY(180deg)
    }

    to {
        transform: rotateY(180deg)
    }
}

.match-page .card-game .featured-card .card {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    animation-name: testhest;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate;
    width: 100%
}

.preload .match-page .card-game .featured-card .card {
    transition: initial !important
}

.match-page .card-game .featured-card .side img:hover {
    filter: brightness(120%)
}

.match-page .card-game .featured-card .card .side {
    backface-visibility: hidden;
    border-radius: 6px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%
}

.match-page .card-game .featured-card .card .back {
    transform: rotateY(180deg)
}

.match-page .card-game .featured-card img {
    width: 110px
}

@media (max-width:500px) {
    .match-page .card-game .featured-card img {
        width: 50px
    }
}

.match-page .card-game .cta-container {
    flex: 0 0 33.3%
}

.match-page .card-game .cta-button {
    background-color: #2aa;
    padding: 3px 8px;
    margin-bottom: 12px;
    font-size: 16px
}

@media (max-width:500px) {
    .match-page .card-game .cta-button {
        font-size: 14px;
        margin-bottom: 0;
        padding: 1px 4px;
        display: inline-block;
        margin-top: 10px
    }
}

.match-page .card-game .cta-button:hover {
    background-color: #2dc3c3
}

.match-page .videoWrapper.errorHelp:before {
    content: "If the stream does not load a browser plugin (like AdBlock) might be blocking it. Try disabling it.";
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.match-page .section-spacer {
    height: 18px
}

.match-page .box-headline {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    background-color: #364250;
    border-bottom: 1px solid #495867;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px
}

.match-page .flex-align-center {
    display: flex;
    align-items: center
}

.match-page .box-footerline {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px;
    display: flex;
    justify-content: center;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.match-page .box-footerline:hover {
    background-color: #45515f
}

.match-page .padding {
    padding: 10px
}

.match-page .left-right-padding,
.match-page .small-padding {
    padding-left: 5px;
    padding-right: 5px
}

.match-page .viewers-padding {
    padding-right: 3px
}

.match-page .headline {
    color: #929a9e;
    font-size: 14px;
    font-weight: 700
}

.match-page .headline .subtext {
    font-size: 12px;
    margin-left: 5px;
    font-weight: 400
}

.match-page .past-matches-header {
    display: grid;
    grid-template-columns: auto 100px;
    margin-bottom: 2px
}

.match-page .past-matches-header .toggle-container {
    justify-content: flex-end;
    display: flex;
    z-index: 999
}

.match-page .past-matches-header .toggle-container .toggle {
    color: #929a9e;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.match-page .past-matches-header .toggle-container .toggle:first-child {
    margin-right: 8px
}

.match-page .past-matches-header .toggle-container .selected {
    font-weight: 700;
    background-color: #435971;
    color: #fff;
    padding: 1px 5px 2px;
    border-radius: 5px
}

.match-page .flexbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.match-page .nowrap {
    flex-wrap: nowrap
}

.match-page .quarter-width {
    flex: 1 1 147px;
    margin-right: 5px;
    margin-left: 5px
}

.match-page .three-quarter-width {
    flex: 1 1 400px;
    margin-right: 5px;
    margin-left: 5px
}

.match-page .half-width {
    flex: 1 1;
    min-width: 260px;
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width:500px) {
    .match-page .half-width {
        margin-top: 10px
    }
}

.match-page .fix-half-width-margin {
    margin-right: -5px;
    margin-left: -5px
}

.match-page .flexbox-column {
    display: flex;
    flex-direction: column
}

.match-page .table {
    width: 100%;
    border-collapse: collapse
}

.match-page .table .draw-cell {
    max-width: 80px;
    width: 80px
}

@media (max-width:500px) {
    .match-page .table .draw-cell {
        max-width: 40px;
        width: 40px
    }
}

.match-page .table.no-draw .draw-cell {
    display: none
}

.match-page .teamName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.match-page .flagAlign {
    display: flex;
    flex-direction: row;
    align-items: center
}

.match-page .flagAlign.maps-indicator-offset {
    position: relative;
    left: -1px
}

.match-page .flagAlign.no-maps-indicator-offset {
    position: relative;
    left: -5px
}

@media (max-width:500px) {
    .match-page .flagAlign.no-maps-indicator-offset {
        left: auto
    }
}

.match-page .flag {
    margin-right: 5px
}

.match-page .won {
    color: #09c100
}

.match-page .lost {
    color: #fc1d1d
}

@media (max-width:500px) {

    .match-page #betting:target,
    .match-page #lineups:target,
    .match-page #map-stats:target,
    .match-page #match-stats:target,
    .match-page #past-matches:target {
        margin-top: -130px !important;
        padding-top: 130px !important
    }
}

.match-page .video-container {
    margin-bottom: 18px
}

@media (max-width:500px) {
    .match-page .video-container {
        margin-top: 10px
    }
}

.match-page .stream-thumb-container {
    background: #000;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .17), 0 2px 7px rgba(0, 0, 0, .16);
    padding-bottom: 56.25%;
    margin-bottom: 18px
}

@media (max-width:500px) {
    .match-page .stream-thumb-container {
        margin-top: 10px
    }
}

.match-page .stream-thumb-container .fa-play {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    z-index: 2;
    font-size: 32px;
    transform: translate(-50%, -50%)
}

.match-page .stream-thumb-container:hover {
    cursor: pointer;
    filter: brightness(110%)
}

.match-page .stream-thumb-container .streams-now-playing-thumb {
    width: 100%;
    position: absolute
}

.match-page .stream-thumb-container .thumb-blur {
    opacity: .5
}

.match-page .teamsBoxDropdown {
    transform: translateY(-200px);
    opacity: 0;
    position: fixed;
    top: 46px;
    transition: .5s ease;
    max-width: 638px;
    width: 100%;
    z-index: 9999;
    padding-top: 8px;
    background: #364250;
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    row-gap: 8px
}

@media (max-width:500px) {
    .match-page .teamsBoxDropdown {
        left: 0
    }
}

.match-page .teamsBoxDropdown a {
    color: #929a9e
}

.match-page .teamsBoxDropdown.active {
    transform: translateY(0);
    opacity: 1
}

.match-page .teamsBoxDropdown .teamName {
    font-weight: 700
}

.match-page .teamsBoxDropdown .dropdownNav {
    grid-column: 1/4;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #495867
}

.match-page .teamsBoxDropdown .dropdownNav a {
    padding: 2px 8px 4px
}

@media (max-width:500px) {
    .match-page .teamsBoxDropdown .dropdownNav a {
        padding: 2px 4px 4px
    }
}

.match-page .teamsBoxDropdown .dropdownTimeAndEvent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 14px
}

.match-page .teamsBoxDropdown .dropdownTimeAndEvent .withScore .score {
    display: flex;
    justify-content: center;
    gap: 2px;
    font-weight: 700;
    font-size: 14px
}

.match-page .teamsBoxDropdown .dropdownTimeAndEvent .withScore .time {
    font-weight: 400;
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.match-page .teamsBoxDropdown .time {
    color: #929a9e;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.match-page .teamsBoxDropdown .date {
    color: rgba(145, 168, 179, .65);
    font-size: 10px;
    text-align: center
}

.match-page .teamsBoxDropdown .logo {
    max-height: 100%;
    width: auto
}

.match-page .teamsBoxDropdown .dropdownTeam {
    display: flex;
    gap: 8px;
    align-items: center
}

.match-page .teamsBoxDropdown .dropdownTeam.team1 {
    flex-direction: row-reverse
}

html.no-spoiler .match-page .teamsBox .lost,
html.no-spoiler .match-page .teamsBox .won {
    visibility: hidden
}

.match-page .ct {
    color: #2c6ea4
}

.match-page .t {
    color: #e0a42d
}

.match-page .border-bottom {
    border-bottom: 1px solid #495867
}

.match-page .border-top {
    border-top: 1px solid #495867
}

.match-page .border-left {
    border-left: 1px solid #495867
}

.match-page .border-right {
    border-right: 1px solid #495867
}

.match-page .teamsBox {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.match-page .teamsBox .noteam {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 0
}

.match-page .teamsBox .noteam .logo {
    max-height: 100%;
    width: auto;
    align-self: center;
    margin: 5px
}

.match-page .teamsBox .team {
    position: relative;
    flex: 1 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden
}

.match-page .teamsBox .team .logo {
    max-height: 100%;
    width: auto;
    align-self: center;
    max-width: 120px
}

@media (max-width:500px) {
    .match-page .teamsBox .team .logo {
        max-width: 90%
    }
}

.match-page .teamsBox .team .team1 {
    position: absolute;
    opacity: .2;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%
}

@media (max-width:500px) {
    .match-page .teamsBox .team .team1 {
        width: 100%;
        height: 100%;
        max-width: inherit
    }
}

.match-page .teamsBox .team .team1-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, rgba(45, 56, 68, 0) 50%, #2d3844);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: -1px;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.match-page .teamsBox .team .team2 {
    position: absolute;
    opacity: .2;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%
}

@media (max-width:500px) {
    .match-page .teamsBox .team .team2 {
        width: 100%;
        height: 100%;
        max-width: inherit
    }
}

.match-page .teamsBox .team .team2-gradient {
    width: 100%;
    height: 215px;
    position: absolute;
    background: linear-gradient(-90deg, rgba(45, 56, 68, 0) 50%, #2d3844);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

.match-page .teamsBox .clearfix {
    clear: both
}

.match-page .teamsBox .timeAndEvent {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    max-width: 33%;
}

.match-page .teamsBox .timeAndEvent .time {
    padding-bottom: 45px;
    padding-left: 15px;
    font-weight: 700;
    font-size: 15px;
    max-width: 100%;
    color: #fff;
    filter: drop-shadow(3px 3px 3px #000);
}

.match-page .teamsBox .timeAndEvent .date {
    font-size: 10px;
    max-width: 100%
}

.match-page .teamsBox .timeAndEvent .text {
    font-weight: 700;
    max-width: 100%
}

.match-page .teamsBox .timeAndEvent .countdown {
    font-size: 16px;
    font-weight: 700;
    max-width: 100%;
    margin-bottom: 4px
}

.match-page .teamsBox .timeAndEvent .dummy-spacer {
    height: 10px
}

@media (max-width:500px) {
    .match-page .teamsBox .timeAndEvent .dummy-spacer {
        height: 0
    }
}

.match-page .teamsBox .timeAndEvent .event {
    padding-top: 35px;
    padding-left: 15px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    filter: drop-shadow(3px 3px 3px #000);
}

.match-page .teamsBox .matchNotificationPost {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

@media (max-width:500px) {
    .match-page .teamsBox .matchNotificationPost {
        right: -4px;
        top: -4px
    }
}

.match-page .teamsBox .disable-button-con,
.match-page .teamsBox .notify-button-con {
    width: 24px;
    height: 24px;
    display: inline-flex;
    color: #fff;
    background-color: #435971;
    cursor: pointer;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.match-page .teamsBox .disable-button-con:hover,
.match-page .teamsBox .notify-button-con:hover {
    background-color: #59728e !important
}

@media (max-width:500px) {
    .match-page .maps {
        margin-top: 8px
    }
}

.match-page .maps.g-grid {
    margin-bottom: -16px;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .match-page .maps.g-grid {
        margin-bottom: -8px
    }
}

.match-page .maps.g-grid .col-6 {
    min-width: 0
}

.match-page .maps.g-grid .col-6.col-5-small {
    overflow: hidden
}

@media (max-width:500px) {

    .match-page .maps.g-grid .col-6,
    .match-page .maps.g-grid .col-6:last-child {
        padding-bottom: 8px
    }

    .match-page .maps.g-grid .col-6.col-7-small {
        flex: 0 0 58.3333333333%
    }

    .match-page .maps.g-grid .col-6.col-5-small {
        flex: 0 0 41.6666666667%
    }
}

@media screen and (max-width:359px) {
    .match-page .maps.g-grid .col-6 .results {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px
    }

    .match-page .maps.g-grid .col-6.col-5-small,
    .match-page .maps.g-grid .col-6.col-7-small {
        flex: 0 0 100%
    }
}

.match-page .maps .minimap {
    width: 100%
}

.match-page .maps .mapholder {
    position: relative;
    margin-bottom: 8px
}

.match-page .maps .mapholder .optional {
    opacity: .3
}

html.no-spoiler .match-page .maps .mapholder {
    opacity: 1 !important
}

html.no-spoiler .match-page .maps .mapholder .optional {
    opacity: 1
}

.match-page .maps .mapholder .spacing {
    margin-bottom: 2px
}

.match-page .maps .mapholder .map-name-holder {
    position: relative;
    padding-bottom: 10.3054140127%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

.match-page .maps .mapholder .map-name-holder img {
    height: auto;
    max-width: 100%
}

.match-page .maps .below-vetos-placement {
    align-self: center;
    margin-top: 8px
}

.match-page .maps .mapname {
    position: absolute;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    font-size: 13px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:500px) {
    .match-page .maps .mapname {
        font-size: 10px;
        margin-top: 1px
    }
}

.match-page .maps .results {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box;
    background-color: #2d3844;
    display: flex;
    height: 40px;
    padding: 2px 0 0
}

@media (max-width:500px) {
    .match-page .maps .results {
        font-size: 11px;
        padding-left: 0;
        padding-right: 0
    }
}

.match-page .maps .results .results-left,
.match-page .maps .results .results-right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 0 43%;
    display: flex
}

.match-page .maps .results .results-left .results-team-score,
.match-page .maps .results .results-right .results-team-score {
    margin-top: -3px
}

@media (max-width:500px) {

    .match-page .maps .results .results-left .results-team-score,
    .match-page .maps .results .results-right .results-team-score {
        margin-top: 0
    }
}

.match-page .maps .results .results-left.pick,
.match-page .maps .results .results-right.pick {
    position: relative
}

.match-page .maps .results .results-left.pick:after,
.match-page .maps .results .results-right.pick:after {
    display: block;
    position: absolute;
    content: "Pick";
    font-size: 9px;
    text-transform: uppercase;
    bottom: 2px;
    color: #fff;
    border-radius: 4px;
    padding: 0 4px;
    background-color: #435971;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    height: 11px;
    line-height: 11px
}

.match-page .maps .results .results-left.lost .results-teamlogo-container,
.match-page .maps .results .results-right.lost .results-teamlogo-container {
    opacity: .5;
    filter: grayscale(1)
}

.match-page .maps .results .results-left.lost .results-teamname,
.match-page .maps .results .results-right.lost .results-teamname {
    font-weight: 500;
    color: rgba(146, 154, 158, .65)
}

.match-page .maps .results .results-left.won,
.match-page .maps .results .results-right.won {
    font-weight: 700
}

.match-page .maps .results .results-left.won .results-teamname,
.match-page .maps .results .results-right.won .results-teamname {
    opacity: 1;
    color: #929a9e
}

.match-page .maps .results .results-right {
    flex-direction: row-reverse;
    text-align: right
}

.match-page .maps .results .results-right .results-teamlogo-container {
    margin-left: 8px;
    margin-right: 5px
}

.match-page .maps .results .results-right.pick:after {
    right: 0
}

@media (max-width:500px) {
    .match-page .maps .results .results-right.pick:after {
        right: 2px
    }
}

.match-page .maps .results .results-left.pick:after {
    left: 1px
}

.match-page .maps .results .results-left .results-teamlogo-container {
    margin-right: 8px;
    margin-left: 5px
}

.match-page .maps .results .results-teamlogo-container {
    flex: 0 0 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 20px;
    position: relative;
    top: 3px
}

.match-page .maps .results .results-teamlogo-container .logo {
    max-height: 100%;
    width: auto;
    height: auto;
    max-width: 100%
}

.match-page .maps .results .results-center {
    flex: 0 0 14%;
    position: relative;
    text-align: center;
    justify-content: center;
    display: flex
}

.match-page .maps .results .results-center .results-center-half-score {
    position: absolute;
    bottom: 0;
    width: 210px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 11px;
    margin-bottom: 1px
}

@media (max-width:500px) {
    .match-page .maps .results .results-center .results-center-half-score {
        font-size: 9px;
        margin-bottom: 3px
    }
}

.match-page .maps .results .results-stats {
    top: 1px;
    position: relative;
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    float: right;
    font-size: 10px;
    border: 1px solid #495867;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px
}

@media (max-width:500px) {
    .match-page .maps .results .results-stats {
        font-size: 9px
    }
}

.match-page .maps .results .results-stats:hover {
    color: #929a9e !important;
    background-color: #45515f
}

html.no-spoiler .match-page .maps .results {
    display: none
}

.match-page .maps .veto-box {
    margin-bottom: 10px
}

.match-page .maps .veto-box .preformatted-text {
    white-space: pre-line;
    word-wrap: break-word
}

.match-page .maps .mapholder:last-child {
    margin-bottom: 0
}

.match-page .streams {
    width: calc(100% - 1px)
}

.match-page .streams .no-more-vods {
    padding: 5px
}

.match-page .streams .stream-mini-icon {
    height: 14px;
    width: 18px;
    margin-right: 5px
}

.match-page .streams .stream-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer
}

.match-page .streams .stream-box.gotv {
    cursor: default;
    word-break: break-word
}

.match-page .streams .stream-box .stream-flag {
    margin-right: 5px
}

.match-page .streams .stream-box .viewers {
    margin-left: auto
}

.match-page .streams .stream-box .watchbox-right {
    flex: 0 0 auto;
    min-width: 0;
    align-self: center;
    display: flex;
    align-items: center
}

.match-page .streams .stream-box .fa-external-link-square {
    font-size: 15px
}

.match-page .streams .stream-box-embed {
    flex: 1 1 auto;
    margin-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.match-page .streams .external-stream {
    flex-grow: 0
}

.match-page .streams .external-stream-logo {
    border-radius: 3px;
    margin-left: 4px
}

.match-page .streams .all-streams {
    text-align: center;
    cursor: pointer
}

.match-page .streams .stream-box a {
    width: 100%;
    display: flex;
    align-items: center
}

.match-page .streams .popup {
    width: 13px
}

.match-page .streams .selected,
.match-page .streams .stream-box:hover {
    background-color: #45515f
}

.match-page .streams .faceit-watch {
    background-color: #f50;
    color: #fff !important;
    font-weight: 700
}

.match-page .streams .faceit-watch:hover {
    background-color: #fc6c24;
    color: #fff !important
}

.match-page .streams .blast-watch {
    background-color: #152166;
    color: #fff !important;
    font-weight: 700
}

.match-page .streams .blast-watch:hover {
    background-color: #1e2e86;
    color: #fff !important
}

.match-page .streams .kick-watch {
    background-color: #141517;
    color: #fff !important;
    font-weight: 700
}

.match-page .streams .kick-watch:hover {
    background-color: #2d2f33
}

.match-page .streams .hltv-live {
    font-weight: 700;
    background-color: #435971;
    color: #fff
}

.match-page .streams .hltv-live:hover {
    color: #fff !important;
    background-color: #59728e
}

.match-page .streams .hltv-live a {
    color: #fff !important
}

.match-page .streams .hltv-live a:hover {
    color: #fff !important;
    background-color: #59728e
}

.match-page .streams .hltv-live .hltv-live-beta {
    font-size: 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 2px;
    padding-right: 2px;
    float: right;
    font-weight: 400
}

.match-page .below-streams {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

@media (max-width:500px) {
    .match-page .below-streams {
        margin-top: 0
    }
}

.match-page .highlights .grid {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch
}

.match-page .highlights .grid .col {
    flex: 1 0 30%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    min-width: 130px
}

.match-page .highlights .grid .col.selected .highlight {
    background-color: #45515f
}

.match-page .highlights .grid .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.match-page .highlights .highlight {
    box-sizing: border-box;
    height: 100%;
    background-color: #2d3844;
    cursor: pointer
}

.match-page .highlights .highlight:hover {
    background-color: #45515f
}

.match-page .highlights .dust2 {
    background-blend-mode: overlay;
    background-image: url(/img/static/match/highlights/dust2.png), linear-gradient(90deg, #232d38, hsla(0, 0%, 100%, 0))
}

.match-page .regional-vVP3JBh5AswY4yBD-list .compare .team-cell {
    width: 33.333333% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .match-page .regional-vVP3JBh5AswY4yBD-list .compare .team-cell {
        width: 23.333333% !important
    }
}

.match-page .matchpage-analytics-section {
    display: flex;
    flex-direction: column
}

.match-page .matchpage-analytics-section .new-button {
    background-color: #435971;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 10px;
    float: right
}

@media (max-width:500px) {
    .match-page .matchpage-analytics-section .new-button {
        font-size: 8px
    }
}

.match-page .matchpage-analytics-section .headline {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.match-page .matchpage-analytics-center-container {
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #000;
    padding: 8px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: relative;
    flex: 1;
    justify-content: space-around
}

.match-page .matchpage-analytics-center-container:before {
    background: url(/img/static/statsmatchmaps/all.png) no-repeat scroll 100% 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .35;
    background-size: cover;
    z-index: 1
}

.match-page .matchpage-analytics-center-container:after {
    background: linear-gradient(90deg, #2990d8 0, hsla(0, 0%, 100%, 0) 50%, #f0b412);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-size: cover;
    z-index: 3;
    pointer-events: none
}

.match-page .matchpage-analytics-center-container:hover {
    color: #fff !important
}

.match-page .matchpage-analytics-center-container .text-wrapper {
    position: relative;
    z-index: 2;
    padding: 8px 16px;
    margin-top: -8px;
    font-weight: 700
}

.match-page .matchpage-analytics-center-container .match-insight {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    filter: drop-shadow(0 0 10px #80a0c1)
}

.match-page .matchpage-analytics-center-container .did-you-know {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .65)
}

.match-page .matchpage-analytics-center-container .analytics-center-button {
    position: relative;
    z-index: 2;
    height: 42px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    background-color: #435971;
    padding: 2px 8px;
    border-radius: 3px
}

.match-page .matchpage-analytics-center-container .analytics-center-button:hover {
    background-color: #59728e !important
}

@media (max-width:500px) {
    .match-page .pick-a-winner {
        padding: 10px 10px 0;
        font-weight: 700;
        padding: 8px !important;
        height: 74px
    }

    .match-page .pick-a-winner .pick-a-winner-team {
        box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .2);
        width: 100%;
        background-color: #232d38;
        height: 58px;
        margin-bottom: 10px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
        z-index: 0
    }

    .match-page .pick-a-winner .pick-a-winner-team-name {
        font-size: 14px;
        max-width: 140px;
        margin: 0 auto;
        color: #b9bdbf
    }

    .match-page .pick-a-winner .pick-a-winner-team-bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 5px;
        z-index: -1;
        overflow: hidden
    }

    .match-page .pick-a-winner .pick-a-winner-team-bg .logo {
        opacity: .1;
        height: 150%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        position: relative;
        right: 50px;
        bottom: 10px;
        transform: rotate(10deg)
    }

    .match-page .pick-a-winner .pick-a-winner-team-2-bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 5px;
        z-index: -1;
        overflow: hidden
    }

    .match-page .pick-a-winner .pick-a-winner-team-2-bg .logo {
        opacity: .1;
        height: 150%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        position: relative;
        left: 50px;
        bottom: 10px;
        transform: rotate(-10deg)
    }

    .match-page .pick-a-winner .canvote {
        cursor: pointer
    }

    .match-page .pick-a-winner .percentage {
        margin-top: -4px
    }

    .match-page .pick-a-winner .pick-a-winner-team.canvote:hover {
        background-color: #45515f
    }

    .match-page .pick-a-winner .flexbox-column {
        flex-direction: row;
        margin-left: -8px;
        height: 100%;
        align-items: center
    }

    .match-page .pick-a-winner .flexbox-column .pick-a-winner-extra {
        flex: 1 1 100%;
        padding-left: 8px;
        box-sizing: border-box;
        width: 100%;
        flex: 0 0 50%;
        height: 100%
    }

    .match-page .pick-a-winner .flexbox-column .pick-a-winner-team {
        margin-bottom: 0 !important;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        justify-content: center;
        padding: 0;
        max-width: inherit
    }
}

@media (min-width:501px) {
    .match-page .pick-a-winner {
        padding: 10px 10px 0;
        font-weight: 700
    }

    .match-page .pick-a-winner .pick-a-winner-team {
        box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .2);
        width: 100%;
        background-color: #232d38;
        height: 58px;
        margin-bottom: 10px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        position: relative;
        z-index: 0
    }

    .match-page .pick-a-winner .pick-a-winner-team-name {
        font-size: 14px;
        max-width: 140px;
        margin: 0 auto;
        color: #b9bdbf
    }

    .match-page .pick-a-winner .pick-a-winner-team-bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 5px;
        z-index: -1;
        overflow: hidden
    }

    .match-page .pick-a-winner .pick-a-winner-team-bg .logo {
        opacity: .1;
        height: 150%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        position: relative;
        right: 50px;
        bottom: 10px;
        transform: rotate(10deg)
    }

    .match-page .pick-a-winner .pick-a-winner-team-2-bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 5px;
        z-index: -1;
        overflow: hidden
    }

    .match-page .pick-a-winner .pick-a-winner-team-2-bg .logo {
        opacity: .1;
        height: 150%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
        position: relative;
        left: 50px;
        bottom: 10px;
        transform: rotate(-10deg)
    }

    .match-page .pick-a-winner .canvote {
        cursor: pointer
    }

    .match-page .pick-a-winner .percentage {
        margin-top: -4px
    }

    .match-page .pick-a-winner .pick-a-winner-team.canvote:hover {
        background-color: #45515f
    }
}

.match-page .pick-a-winner-wide {
    padding: 10px 10px 0;
    font-weight: 700;
    padding: 8px !important;
    height: 74px
}

.match-page .pick-a-winner-wide .pick-a-winner-team {
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .2);
    width: 100%;
    background-color: #232d38;
    height: 58px;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 0
}

.match-page .pick-a-winner-wide .pick-a-winner-team-name {
    font-size: 14px;
    max-width: 140px;
    margin: 0 auto;
    color: #b9bdbf
}

.match-page .pick-a-winner-wide .pick-a-winner-team-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px;
    z-index: -1;
    overflow: hidden
}

.match-page .pick-a-winner-wide .pick-a-winner-team-bg .logo {
    opacity: .1;
    height: 150%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    position: relative;
    right: 50px;
    bottom: 10px;
    transform: rotate(10deg)
}

.match-page .pick-a-winner-wide .pick-a-winner-team-2-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px;
    z-index: -1;
    overflow: hidden
}

.match-page .pick-a-winner-wide .pick-a-winner-team-2-bg .logo {
    opacity: .1;
    height: 150%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    position: relative;
    left: 50px;
    bottom: 10px;
    transform: rotate(-10deg)
}

.match-page .pick-a-winner-wide .canvote {
    cursor: pointer
}

.match-page .pick-a-winner-wide .percentage {
    margin-top: -4px
}

.match-page .pick-a-winner-wide .pick-a-winner-team.canvote:hover {
    background-color: #45515f
}

.match-page .pick-a-winner-wide .flexbox-column {
    flex-direction: row;
    margin-left: -8px;
    height: 100%;
    align-items: center
}

.match-page .pick-a-winner-wide .flexbox-column .pick-a-winner-extra {
    flex: 1 1 100%;
    padding-left: 8px;
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 50%;
    height: 100%
}

.match-page .pick-a-winner-wide .flexbox-column .pick-a-winner-team {
    margin-bottom: 0 !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding: 0;
    max-width: inherit
}

.match-page .motm-countdown {
    font-size: 12px
}

.match-page .motm-player-con {
    display: flex;
    padding: 10px;
    margin-bottom: 5px
}

.match-page .motm-img-con {
    flex: 0 0 100px;
    position: relative
}

.match-page .motm-img {
    width: 100px;
    height: 100px
}

.match-page .motm-vote {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background-color: #32689a;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    padding: 0 5px;
    border: 0;
    cursor: pointer
}

.match-page .motm-vote[disabled] {
    cursor: not-allowed;
    opacity: .5
}

.match-page .motm-data-logo-con {
    position: relative;
    flex: 1 0 0
}

.match-page .motm-team-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
    width: 100px;
    z-index: 1;
    opacity: .25
}

.match-page .motm-player-data {
    margin-left: 10px;
    position: relative;
    z-index: 2
}

.match-page .motm-nick {
    font-weight: 700;
    border-bottom: 1px solid #495867
}

.match-page .motm-data-row {
    font-size: 10px;
    border-bottom: 1px dashed #495867
}

.match-page .motm-progress-bar {
    background-color: rgba(50, 104, 154, .5)
}

.match-page .motm-progress-bar-filled {
    position: relative;
    background-color: #32689a;
    font-size: 10px;
    font-weight: 700;
    text-align: right;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 0
}

.match-page .motm-progress-bar-text {
    padding-right: 5px;
    padding-left: 5px
}

.match-page .motm-vote-bubble1,
.match-page .motm-vote-bubble2,
.match-page .motm-vote-bubble3,
.match-page .motm-vote-bubble4 {
    position: absolute;
    display: block;
    animation: bubble-up 1s linear 1
}

.match-page .motm-vote-bubble1:before,
.match-page .motm-vote-bubble2:before,
.match-page .motm-vote-bubble3:before,
.match-page .motm-vote-bubble4:before {
    display: block;
    border-radius: 10px;
    padding: 4px;
    width: 11px;
    height: 11px;
    content: "" !important;
    background: #1f4266 url(/img/newwidgets/1x-small.png);
    background-position: 50% 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat
}

.match-page .motm-vote-bubble1:before {
    animation: wiggle-1 1s linear 1
}

.match-page .motm-vote-bubble2:before {
    animation: wiggle-2 1s linear 1
}

.match-page .motm-vote-bubble3:before {
    animation: wiggle-3 1s linear 1
}

.match-page .motm-vote-bubble4:before {
    animation: wiggle-4 1s linear 1
}

@keyframes wiggle-1 {
    0% {
        opacity: 1;
        transform: translateX(-5px)
    }

    25% {
        transform: translateX(-25px)
    }

    65% {
        transform: translateX(15px)
    }

    to {
        opacity: 0;
        transform: translateX(-25px)
    }
}

@keyframes wiggle-2 {
    0% {
        opacity: 1;
        transform: translateX(-5px)
    }

    25% {
        transform: translateX(15px)
    }

    65% {
        transform: translateX(-25px)
    }

    to {
        opacity: 0;
        transform: translateX(15px)
    }
}

@keyframes wiggle-3 {
    0% {
        opacity: 1;
        transform: translateX(-5px)
    }

    25% {
        transform: translateX(-15px)
    }

    65% {
        transform: translateX(5px)
    }

    to {
        opacity: 0;
        transform: translateX(-15px)
    }
}

@keyframes wiggle-4 {
    0% {
        opacity: 1;
        transform: translateX(-5px)
    }

    25% {
        transform: translateX(5px)
    }

    65% {
        transform: translateX(-15px)
    }

    to {
        opacity: 0;
        transform: translateX(5px)
    }
}

@keyframes bubble-up {
    0% {
        bottom: 0;
        opacity: 1
    }

    to {
        bottom: 70px;
        opacity: .1
    }
}

.match-page #matchpage_1 {
    margin-top: 10px;
    background-color: rgba(0, 0, 0, .05)
}

.match-page #matchpage_1 img {
    width: 100%
}

.match-page .lineups .logo {
    display: inline;
    max-height: 24px;
    width: auto;
    height: auto;
    max-width: 24px;
    margin-right: 5px
}

.match-page .lineups .lineup {
    padding: 0;
    justify-content: space-between
}

.match-page .lineups .lineup .flex-align-center {
    flex: 1;
    min-width: 0
}

.match-page .lineups .lineup .teamRanking {
    font-size: 12px
}

.match-page .lineups .lineup .teamRanking span {
    font-weight: 400;
    color: rgba(146, 154, 158, .65)
}

.match-page .lineups .lineup .teamRanking a {
    font-weight: 700;
    color: #929a9e;
    background-color: #364250;
    border-radius: 4px;
    padding: 4px 8px;
    transition: .2s ease
}

.preload .match-page .lineups .lineup .teamRanking a {
    transition: initial !important
}

@media (max-width:500px) {
    .match-page .lineups .lineup .teamRanking a {
        padding: 4px 8px
    }
}

.match-page .lineups .lineup .teamRanking a:hover {
    background-color: #45515f;
    cursor: pointer
}

.match-page .lineups .lineup:last-child {
    margin-bottom: 0
}

.match-page .lineups .lineup .flagAlign {
    justify-content: center
}

.match-page .lineups .players {
    padding-right: 5px;
    padding-top: 5px
}

.match-page .lineups .players .player-compare.flagAlign.active {
    background-color: #435971;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 1px;
    color: #fff
}

.match-page .lineups .player-image {
    padding-bottom: 0
}

.match-page .lineups .player {
    padding-left: 5px;
    max-width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.match-page .lineups .player-photo {
    width: 100%;
    aspect-ratio: 1/1
}

.match-page .headline-subtext {
    opacity: .65
}

@media (max-width:500px) {
    .match-page .headline-subtext {
        margin-top: 6px;
        font-size: 7px
    }
}

.match-page .map-stats-infobox {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: row
}

.match-page .map-stats-infobox .map-stats-infobox-left {
    flex: 1;
    background: #2f3338;
    color: hsla(0, 0%, 100%, .45)
}

.match-page .map-stats-infobox .map-stats-infobox-right {
    flex: 1;
    display: flex;
    flex-direction: column
}

.match-page .map-stats-infobox .map-stats-infobox-right.no-veto .map-stats-infobox-stats,
.match-page .map-stats-infobox .map-stats-infobox-right.no-veto .team {
    padding: 0 8px
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-right.no-veto .map-stats-infobox-stats {
        padding-left: 8px
    }
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-right.no-veto .map-stats-infobox-stats.team2 {
        padding-right: 8px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-legend-wrapper {
    margin: 4px 16px;
    display: flex;
    gap: 16px
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-legend-wrapper {
        gap: 8px;
        font-size: 9px;
        margin: 4px 8px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-legend-wrapper .map-stats-infobox-legend {
    display: flex;
    align-items: center;
    gap: 4px
}

.match-page .map-stats-infobox .map-stats-infobox-legend-wrapper .map-stats-infobox-legend:before {
    content: "";
    display: block;
    height: 10px;
    width: 10px
}

.match-page .map-stats-infobox .map-stats-infobox-legend-wrapper .map-stats-infobox-legend.legend-1:before {
    background: #79622f
}

.match-page .map-stats-infobox .map-stats-infobox-legend-wrapper .map-stats-infobox-legend.legend-2:before {
    background: #3e6081
}

.match-page .map-stats-infobox .map-stats-infobox-tabs {
    display: flex;
    background: #4d5359;
    margin: 16px;
    border-radius: 4px;
    height: 34px;
    align-items: center;
    position: relative;
    border: 2px solid #4d5359;
    box-sizing: border-box;
    line-height: normal
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-tabs {
        margin: 8px;
        font-size: 10px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-tabs:has(button:first-of-type.active) {
    --active: 0
}

.match-page .map-stats-infobox .map-stats-infobox-tabs:has(button:nth-of-type(2).active) {
    --active: 1
}

.match-page .map-stats-infobox .map-stats-infobox-tabs:has(button:nth-of-type(3).active) {
    --active: 2
}

.match-page .map-stats-infobox .map-stats-infobox-tabs:after {
    pointer-events: none;
    content: "";
    width: 94.3px;
    height: 30px;
    border-radius: 4px;
    background: #252c33;
    position: absolute;
    translate: calc(var(--active, 0)*100%) 0;
    transition-duration: .25s;
    transition: background;
    transition-timing-function: var(--ease, ease);
    outline: 2px solid transparent;
    box-sizing: border-box
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-tabs:after {
        width: 33.3%
    }
}

.match-page .map-stats-infobox .map-stats-infobox-tabs .map-stats-infobox-tab {
    flex: 1;
    color: hsla(0, 0%, 100%, .45);
    border: 0;
    position: relative;
    z-index: 1;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    height: 100%;
    width: unset;
    place-items: center;
    transition: background, color;
    transition-duration: .25s;
    transition-timing-function: var(--ease, ease)
}

.match-page .map-stats-infobox .map-stats-infobox-tabs .map-stats-infobox-tab:not(.active):hover {
    background: #3e464e;
    border-radius: 4px
}

.match-page .map-stats-infobox .map-stats-infobox-tabs .map-stats-infobox-tab.active {
    font-weight: 700;
    color: #fff
}

.match-page .map-stats-infobox .map-stats-infobox-subtext {
    text-align: center
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-subtext {
        font-size: 9px;
        line-height: 11px;
        margin: 0 8px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.match-page .map-stats-infobox .map-stats-infobox-chart-wrapper {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-chart-wrapper {
        flex-direction: column-reverse;
        margin-top: 16px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-header {
    padding: 8px 0;
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #495867;
    background-color: #364250
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-header {
        padding: 4px 0
    }
}

.match-page .map-stats-infobox .map-stats-infobox-header .team {
    width: 50%;
    padding: 0 8px;
    width: 100%
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-header .team {
        text-align: left;
        padding-left: 4px;
        padding-right: 0
    }
}

.match-page .map-stats-infobox .map-stats-infobox-header .team.team2 {
    text-align: right;
    justify-self: end
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-header .team.team2 {
        padding-left: 0;
        padding-right: 4px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-header .team img {
    height: 40px
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-header .team img {
        height: 30px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-header .team .team-name {
    margin-top: 2px;
    margin-bottom: -2px;
    display: block;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-header .team .team-name {
        font-size: 11px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps {
    display: flex;
    gap: 16px;
    flex-direction: row;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #495867
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps {
        padding: 0;
        gap: 8px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps.active {
    background: rgba(67, 89, 113, .3) !important;
    opacity: 1 !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps.active .map-stats-infobox-winpercentage {
    opacity: 1
}

.match-page .map-stats-infobox .map-stats-infobox-maps.active.not-picked .map-stats-infobox-ban {
    background-color: red !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps.active.not-picked .map-stats-infobox-pick {
    background-color: green !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps:nth-child(odd) {
    background-color: #364250
}

.match-page .map-stats-infobox .map-stats-infobox-maps:last-child {
    border-bottom: none !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps.not-picked {
    opacity: .35;
    transition: .2s ease
}

.preload .match-page .map-stats-infobox .map-stats-infobox-maps.not-picked {
    transition: initial !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps.not-picked:hover {
    opacity: .75
}

.match-page .map-stats-infobox .map-stats-infobox-maps.not-picked:hover .map-stats-infobox-ban {
    background-color: red !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps.not-picked .map-stats-infobox-ban {
    background-color: #282828 !important
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-container {
    border-radius: 3px;
    width: 80px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4);
    overflow: hidden
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-container {
        box-shadow: none !important
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-holder {
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-holder {
        background-color: inherit;
        padding-bottom: 0;
        height: inherit;
        overflow: inherit;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-holder img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    height: 30px;
    top: -5px
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-holder .mapname {
    position: absolute;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    font-size: 13px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-mapname-holder .mapname {
        color: #929a9e;
        text-shadow: none;
        text-align: center;
        position: inherit;
        transform: inherit;
        top: inherit;
        font-size: 9px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats {
    width: 50%;
    position: relative;
    padding: 0 30px
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats {
        text-align: left;
        padding-left: 18px;
        padding-right: 0
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 {
    text-align: right
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 .map-stats-infobox-ban,
.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 .map-stats-infobox-pick {
    right: -12px;
    left: unset
}

@media (max-width:500px) {

    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 .map-stats-infobox-ban,
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 .map-stats-infobox-pick {
        left: unset !important;
        right: -11px
    }
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats.team2 {
        text-align: right;
        padding-right: 18px;
        padding-left: 0
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-pick {
    transform: rotate(90deg);
    transform-origin: left bottom 0;
    display: inline-block;
    color: #fff;
    position: absolute;
    background: green;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
    font-size: 9px;
    left: 8px;
    top: -10px;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-pick {
        font-size: 8px;
        line-height: 10px;
        left: 4px !important;
        top: -7px;
        padding: 0 4px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-ban {
    transform: rotate(90deg);
    transform-origin: left bottom 0;
    display: inline-block;
    color: #fff;
    position: absolute;
    background: red;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
    font-size: 9px;
    left: 8px;
    top: -6px;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-ban {
        font-size: 8px;
        height: 10px;
        line-height: 10px;
        left: 4px !important;
        top: -7px;
        padding: 0 4px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-winpercentage {
    font-size: 24px;
    opacity: .65
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-winpercentage {
        font-size: 15px;
        line-height: 22px
    }
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-winpercentage.advantage {
    opacity: 1;
    font-weight: 700
}

.match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-maps-played {
    font-size: 10px;
    opacity: .65;
    margin-top: -10px
}

@media (max-width:500px) {
    .match-page .map-stats-infobox .map-stats-infobox-maps .map-stats-infobox-stats .map-stats-infobox-maps-played {
        font-size: 8px;
        margin-top: -5px
    }
}

.match-page .vrs-forecast-container {
    --rowHeight: 48px;
    display: flex;
    padding: 8px
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container {
        --rowHeight: 42px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:first-child .vrs-forecast-points,
.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:first-child .vrs-forecast-ranking {
    position: relative;
    top: 1px
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:last-child {
    justify-content: end
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:last-child .vrs-forecast-points,
.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:last-child .vrs-forecast-ranking-wrapper {
    position: relative;
    top: -5px
}

.match-page .vrs-forecast-container .vrs-forecast-ranking-wrapper {
    display: flex;
    gap: 2px
}

.match-page .vrs-forecast-container .vrs-forecast-points {
    font-size: 11px;
    font-weight: 700;
    display: flex;
    gap: 2px;
    align-items: baseline
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container .vrs-forecast-points {
        font-size: 10px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-ranking {
    font-size: 9px;
    background: #000;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
    margin-top: -1px;
    padding: 0 4px
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container .vrs-forecast-ranking {
        font-size: 8px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-ranking.unchanged {
    background: rgba(0, 0, 0, .1);
    color: rgba(145, 168, 179, .65)
}

.match-page .vrs-forecast-container .vrs-forecast-ranking.rising {
    background: green;
    color: #fff
}

.match-page .vrs-forecast-container .vrs-forecast-ranking.falling {
    background: #fc1d1d;
    color: #fff
}

.match-page .vrs-forecast-container .vrs-forecast-small-points {
    font-size: 9px;
    font-weight: 400;
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container .vrs-forecast-small-points {
        font-size: 8px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-team-row {
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 700
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container .vrs-forecast-team-row {
        font-size: 11px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-team-rows {
    flex: 1
}

.match-page .vrs-forecast-container .vrs-forecast-left-numbers {
    flex: 0 1 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.match-page .vrs-forecast-container .vrs-forecast-left,
.match-page .vrs-forecast-container .vrs-forecast-middle,
.match-page .vrs-forecast-container .vrs-forecast-right {
    border-right: 1px solid #495867
}

.match-page .vrs-forecast-container .vrs-forecast-left:last-child,
.match-page .vrs-forecast-container .vrs-forecast-middle:last-child,
.match-page .vrs-forecast-container .vrs-forecast-right:last-child {
    border-right: 0
}

.match-page .vrs-forecast-container .vrs-forecast-left {
    flex: 1
}

.match-page .vrs-forecast-container .vrs-forecast-middle,
.match-page .vrs-forecast-container .vrs-forecast-right {
    flex: 0 0 29%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width:500px) {

    .match-page .vrs-forecast-container .vrs-forecast-middle,
    .match-page .vrs-forecast-container .vrs-forecast-right {
        flex: 0 0 23%
    }
}

.match-page .vrs-forecast-container .vrs-forecast-middle .unchanged,
.match-page .vrs-forecast-container .vrs-forecast-right .unchanged {
    opacity: .5
}

.match-page .vrs-forecast-container .vrs-forecast-left {
    display: flex;
    justify-content: space-between
}

.match-page .vrs-forecast-container .vrs-forecast-header {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 1px));
    padding: 0 4px;
    border-radius: 7px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    border: 4px solid #2d3844;
    text-align: center;
    z-index: 1;
    background: #000;
    color: #fff;
    line-height: 14px
}

@media (max-width:500px) {
    .match-page .vrs-forecast-container .vrs-forecast-header {
        font-size: 8px
    }
}

.match-page .vrs-forecast-container .vrs-forecast-header.current {
    background: #495867;
    color: rgba(145, 168, 179, .65)
}

.match-page .vrs-forecast-container .vrs-forecast-header.win-header {
    background: green;
    color: #fff
}

.match-page .vrs-forecast-container .vrs-forecast-header.lose-header {
    background: #fc1d1d;
    color: #fff
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper,
.match-page .vrs-forecast-container .vrs-forecast-team-row {
    position: relative;
    height: var(--rowHeight)
}

.match-page .vrs-forecast-container .vrs-forecast-numbers-wrapper:last-child,
.match-page .vrs-forecast-container .vrs-forecast-team-row:last-child {
    border-top: 1px solid #495867
}

.match-page #chart {
    height: 300px;
    align-self: center;
    overflow: visible
}

@media (max-width:500px) {
    .match-page #chart {
        height: unset;
        width: 100%;
        min-height: 170px;
        overflow: hidden
    }
}

.match-page #chart text {
    fill: hsla(0, 0%, 100%, .35);
    font-size: 11px;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.match-page #chart text.highlight {
    fill: hsla(0, 0%, 100%, .85);
    font-weight: 700
}

.match-page #chart text:hover {
    fill: #fff
}

@media (max-width:500px) {
    .match-page #chart text {
        font-size: 8px
    }
}

.match-page .background-polygon {
    fill: #404348;
    stroke: #555;
    stroke-width: 1
}

.match-page .overlay {
    stroke-width: 1
}

.match-page .overlay#overlay1 {
    fill: rgba(189, 139, 32, .5);
    stroke: #bd8b20
}

.match-page .overlay#overlay2 {
    fill: rgba(72, 136, 195, .5);
    stroke: #4888c3
}

.match-page .marker {
    fill: none;
    stroke: #5e6165;
    stroke-width: 1
}

.match-page .beta-text {
    font-size: 9px;
    opacity: .65;
    margin-left: 5px;
    border: 1px solid #3c4a58;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
    top: -1px
}

.match-page .matches {
    table-layout: fixed
}

.match-page .past-matches .past-matches-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-grid {
        grid-template-columns: 1fr
    }
}

.match-page .past-matches .past-matches-time-ago {
    display: none
}

.match-page .past-matches .past-matches-team {
    position: relative
}

.match-page .past-matches tr:not(.no-week):hover .past-matches-name-time .past-matches-time-ago {
    display: flex
}

.match-page .past-matches tr:not(.no-week):hover .past-matches-teamname {
    width: 110px
}

.match-page .past-matches .past-matches-empty-row {
    height: inherit
}

.match-page .past-matches .past-matches-empty-row td {
    height: 176px
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-empty-row td {
        height: 40px
    }
}

.match-page .past-matches .past-matches-empty-row .past-matches-empty {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    opacity: .4
}

.match-page .past-matches .past-matches-streak {
    color: #f05929;
    font-weight: 700
}

.match-page .past-matches .past-matches-streak .fa {
    margin-right: 4px
}

.match-page .past-matches .past-matches-scroll-area {
    max-height: 178px;
    overflow-y: auto;
    flex: 1 auto
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-scroll-area {
        height: 147px
    }
}

.match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area {
    background-color: #364250
}

.match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area .past-matches-table {
    height: 100%
}

.match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area .past-matches-table .past-matches-empty-row {
    display: flex;
    height: 100%
}

.match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area .past-matches-table .past-matches-empty-row td {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%
}

.match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area .past-matches-table .past-matches-empty-row td .past-matches-empty {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-scroll-area.collapsed-scroll-area {
        height: 42px
    }
}

.match-page .past-matches .past-matches-scroll-area::-webkit-scrollbar {
    width: 8px !important;
    height: 4px
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-scroll-area::-webkit-scrollbar {
        height: 0;
        width: 0;
        display: none
    }
}

.match-page .past-matches .past-matches-scroll-area::-webkit-scrollbar-thumb,
.match-page .past-matches .past-matches-scroll-area::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.match-page .past-matches .past-matches-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    position: relative
}

.match-page .past-matches .past-matches-table .past-matches-time-ago {
    position: absolute;
    height: 32px;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .65;
    right: 0;
    top: 0
}

.match-page .past-matches .past-matches-table .past-matches-time-ago .past-matches-cell {
    display: none
}

.match-page .past-matches .past-matches-table .past-matches-team {
    width: 100%;
    box-sizing: border-box;
    padding-left: 16px
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-table .past-matches-team {
        padding-left: 8px
    }
}

.match-page .past-matches .past-matches-table .past-matches-score {
    width: 55px;
    box-sizing: border-box;
    padding-right: 8px
}

.match-page .past-matches .past-matches-table .past-matches-score .past-matches-cell {
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center
}

.match-page .past-matches .past-matches-table .past-matches-score .past-matches-cell:hover {
    color: #fff !important
}

.match-page .past-matches .past-matches-table .past-matches-score .won {
    background-color: green;
    color: #fff
}

.match-page .past-matches .past-matches-table .past-matches-score .lost {
    background-color: #fc1d1d;
    color: #fff
}

.match-page .past-matches .past-matches-table tr {
    height: 32px
}

.match-page .past-matches .past-matches-table tr:nth-child(odd) {
    background-color: #364250
}

.match-page .past-matches .past-matches-table tr:hover .past-matches-time-ago .past-matches-cell {
    display: flex
}

.match-page .past-matches .past-matches-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column
}

.match-page .past-matches .past-matches-headline {
    display: flex;
    height: 42px;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 16px;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #495867
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-headline {
        padding: 4px 8px
    }
}

.match-page .past-matches .past-matches-headline:after {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    top: 42px;
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .1));
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.match-page .past-matches .past-matches-map {
    width: 45px;
    text-align: center
}

.match-page .past-matches .past-matches-map .past-matches-cell {
    font-weight: 700;
    text-transform: uppercase
}

.match-page .past-matches .past-matches-map .past-matches-cell a {
    color: rgba(146, 154, 158, .65)
}

.match-page .past-matches .past-matches-bottom-right {
    display: flex;
    align-items: center
}

.match-page .past-matches .past-matches-bottom-right-numbers {
    background-color: #435971;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 700
}

.match-page .past-matches .past-matches-bottom-right-numbers:hover {
    cursor: pointer;
    background-color: #59728e
}

.match-page .past-matches .past-matches-bottom-win-text {
    margin-right: 8px
}

.match-page .past-matches .past-matches-bottom-left {
    flex: 1 auto;
    align-items: center;
    justify-content: flex-start
}

.match-page .past-matches .past-matches-logo-container {
    max-height: 42px;
    max-width: 67px;
    flex: 1 auto
}

.match-page .past-matches .past-matches-bottom {
    position: relative;
    border-top: 1px solid #495867;
    display: flex;
    justify-content: space-between;
    height: 42px;
    padding: 8px 16px;
    box-sizing: border-box;
    align-items: center
}

@media (max-width:500px) {
    .match-page .past-matches .past-matches-bottom {
        padding: 4px 8px
    }
}

.match-page .past-matches .past-matches-bottom:after {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    bottom: 42px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.match-page .past-matches .past-matches-teamname {
    flex: 1 auto
}

.match-page .past-matches .flag {
    margin-right: 4px
}

.match-page .head-to-head {
    margin-bottom: 10px
}

.match-page .head-to-head .logo {
    max-height: 25px;
    width: auto;
    height: auto;
    max-width: 25px
}

.match-page .head-to-head .flexbox-center {
    justify-content: center;
    align-items: center
}

.match-page .head-to-head .team1 {
    justify-content: flex-start;
    align-items: center;
    flex: 1 1;
    flex-wrap: nowrap
}

.match-page .head-to-head .team1 .logo {
    margin-right: 5px
}

.match-page .head-to-head .grow {
    flex: 1 0 auto
}

.match-page .head-to-head .team2 {
    flex: 1 1;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap
}

.match-page .head-to-head .team2 .logo {
    margin-left: 5px
}

.match-page .head-to-head .right-border {
    border-right: 1px solid #495867
}

.match-page .head-to-head .left-border {
    border-left: 1px solid #495867
}

.match-page .head-to-head .description {
    font-size: 12px
}

@media (max-width:500px) {
    .match-page .head-to-head .teamName {
        display: none
    }
}

.match-page .head-to-head-listing {
    border-top: 0;
    font-size: 12px
}

.match-page .head-to-head-listing .flagAlign {
    max-width: 100px !important
}

.match-page .head-to-head-listing .winner {
    font-weight: 700
}

.match-page .head-to-head-listing .underlined {
    text-decoration: underline
}

.match-page .head-to-head-listing tr:hover,
.match-page .head-to-head-listing tr:nth-child(odd):hover {
    background: #45515f
}

.match-page .head-to-head-listing .date {
    white-space: nowrap;
    text-align: center
}

.match-page .head-to-head-listing.show-all {
    cursor: pointer
}

.match-page .head-to-head-listing .new-match-begin {
    border-top: 1px solid #495867
}

.match-page .head-to-head-listing .event {
    width: 35%;
    max-width: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.match-page .head-to-head-listing .team1 {
    white-space: nowrap;
    padding-left: 10px
}

.match-page .head-to-head-listing .team2 {
    white-space: nowrap;
    padding-left: 10px
}

.match-page .head-to-head-listing .alt {
    background-color: #232d38
}

.match-page .head-to-head-listing .row {
    padding-top: 2px;
    height: 30px
}

.match-page .head-to-head-listing td {
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

.match-page .head-to-head-listing td:first-child {
    border-left: 0
}

.match-page .head-to-head-listing td:last-child {
    border-right: 0
}

.match-page .head-to-head-listing .left-padding {
    padding-left: 10px
}

.match-page .head-to-head-listing .right-padding {
    padding-right: 10px
}

.match-page .head-to-head-listing .result {
    text-align: center
}

.match-page .head-to-head-listing .map {
    font-weight: 400;
    opacity: .5;
    text-align: center
}

.match-page .head-to-head-listing .bold {
    font-weight: 700
}

.match-page .head-to-head-listing .show-all {
    cursor: pointer
}

.match-page .head-to-head-listing .logo-only {
    text-align: center
}

.match-page .head-to-head-listing .logo-only .logo {
    width: 20px
}

.match-page .matchstats {
    font-size: 12px
}

.match-page .matchstats .section-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .match-page .matchstats .section-header {
        margin-top: 8px
    }
}

.match-page .matchstats .containers {
    display: flex;
    gap: 12px
}

.match-page .matchstats .containers .eco-adjusted-container .toggle-eco-adjusted {
    transition: .2s ease;
    align-items: center;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #364250;
    color: rgba(146, 154, 158, .65)
}

.preload .match-page .matchstats .containers .eco-adjusted-container .toggle-eco-adjusted {
    transition: initial !important
}

.match-page .matchstats .containers .eco-adjusted-container .toggle-eco-adjusted.enabled {
    font-weight: 700;
    background-color: #2d6da3;
    color: #fff
}

.match-page .matchstats .containers .ct-t-stats-container {
    display: flex;
    align-items: center
}

.match-page .matchstats .containers .ct-t-stats-container .description {
    opacity: .65;
    margin-right: 4px
}

.match-page .matchstats .containers .ct-t-stats-container .all-stats,
.match-page .matchstats .containers .ct-t-stats-container .ct-stats-only,
.match-page .matchstats .containers .ct-t-stats-container .t-stats-only {
    background-color: #364250;
    padding: 3px 8px 2px;
    color: rgba(146, 154, 158, .65);
    border-right: 1px solid #495867;
    transition: .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {

    .match-page .matchstats .containers .ct-t-stats-container .all-stats,
    .match-page .matchstats .containers .ct-t-stats-container .ct-stats-only,
    .match-page .matchstats .containers .ct-t-stats-container .t-stats-only {
        padding: 3px 16px 2px
    }
}

.match-page .matchstats .containers .ct-t-stats-container .all-stats:hover,
.match-page .matchstats .containers .ct-t-stats-container .ct-stats-only:hover,
.match-page .matchstats .containers .ct-t-stats-container .t-stats-only:hover {
    cursor: pointer;
    background-color: #45515f
}

.match-page .matchstats .containers .ct-t-stats-container .all-stats {
    border-radius: 4px 0 0 4px
}

.match-page .matchstats .containers .ct-t-stats-container .t-stats-only {
    border-radius: 0
}

.match-page .matchstats .containers .ct-t-stats-container .ct-stats-only {
    border-radius: 0 4px 4px 0;
    border-right: 0
}

.match-page .matchstats .containers .ct-t-stats-container .active {
    background-color: #435971;
    color: #fff;
    font-weight: 700
}

.match-page .matchstats .containers .ct-t-stats-container .active:hover {
    background-color: #59728e !important
}

.match-page .matchstats .ratingDesc {
    display: flex;
    flex-direction: column;
    font-size: 9px;
    font-weight: 400;
    margin-top: -8px
}

.match-page .matchstats .table {
    margin-top: 10px;
    background-color: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.match-page .matchstats tr:hover,
.match-page .matchstats tr:nth-child(odd):hover {
    background: #45515f
}

.match-page .matchstats tr:first-child:hover {
    background: #232d38
}

.match-page .matchstats .header {
    font-size: 12px;
    justify-content: space-between
}

.match-page .matchstats .players {
    width: 100%
}

@media (max-width:500px) {
    .match-page .matchstats .players {
        max-width: 91px
    }
}

.match-page .matchstats .logo {
    margin-right: 5px
}

.match-page .matchstats .team {
    font-size: 14px
}

.match-page .matchstats .header-row {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #495867
}

.match-page .matchstats .small {
    width: 20px
}

.match-page .matchstats .medium {
    width: 40px
}

.match-page .matchstats .large {
    width: 50px
}

.match-page .matchstats .roundSwing {
    width: 45px
}

.match-page .matchstats .plus-minus {
    width: 30px
}

.match-page .matchstats .adr {
    width: 32px
}

.match-page .matchstats .kast {
    width: 40px
}

.match-page .matchstats .rating {
    width: 39px;
    font-weight: 700
}

.match-page .matchstats tr {
    height: 30px
}

.match-page .matchstats td {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

@media (max-width:500px) {
    .match-page .matchstats td {
        padding-left: 5px;
        padding-right: 5px
    }
}

.match-page .matchstats td:first-child {
    border-left: 0
}

.match-page .matchstats td:last-child {
    border-right: 0
}

.match-page .matchstats tr:nth-child(2n) {
    border-top: 1px solid #495867;
    border-bottom: 1px solid #495867
}

.match-page .matchstats tr:nth-child(odd) {
    background-color: #232d38
}

.match-page .matchstats tr:last-child {
    border-bottom: 0
}

.match-page .matchstats .left-padding {
    padding-left: 10px
}

.match-page .matchstats .right-padding {
    padding-right: 10px
}

.match-page .matchstats .spacer {
    height: 10px
}

.match-page .align-logo {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    left: -6px
}

@media (max-width:500px) {
    .match-page .align-logo {
        left: -1px
    }
}

.match-page .stats-content {
    display: none
}

.match-page .stats-content .table {
    table-layout: fixed
}

.match-page #all-content {
    display: block
}

.match-page .stats-detailed-stats,
.match-page .stats-menu-link {
    font-weight: 400;
    cursor: pointer;
    color: #87a3bf
}

.match-page .win-o-meter {
    padding: 16px 8px 8px;
    display: flex;
    background-size: cover;
    background-position: 50% 30%;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.match-page .win-o-meter .map-over {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: hsla(0, 0%, 100%, .5);
    padding-bottom: 8px
}

.match-page .win-o-meter .overtime {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: hsla(0, 0%, 100%, .5)
}

.match-page .win-o-meter .win-o-meter-team {
    flex: 1 0 10%;
    text-align: center;
    font-weight: 700;
    font-size: 13px
}

.match-page .win-o-meter .win-o-meter-team img {
    max-width: 25px;
    height: auto;
    max-height: 25px;
    width: 100%;
    margin-bottom: 5px
}

.match-page .win-o-meter .win-o-meter-team span {
    width: 100%;
    display: block
}

.match-page .win-o-meter .win-o-meter-line-container {
    width: 80%;
    align-items: center;
    display: flex;
    margin-top: 4px
}

.match-page .win-o-meter .win-o-meter-line-container .team-offset {
    position: relative;
    top: 10px;
    color: #fff;
    font-weight: 700
}

.match-page .win-o-meter .win-o-meter-line-container .probability-divider-line {
    display: inline-block;
    height: 15px;
    width: 2px;
    background-color: #fff;
    top: -23px;
    position: relative
}

.match-page .win-o-meter .win-o-meter-line-container .offset-ot-1 {
    top: -31px;
    text-align: center
}

.match-page .win-o-meter .win-o-meter-line-container .offset-ot-2 {
    top: -39px;
    text-align: center
}

.match-page .win-o-meter .win-o-meter-line-container div {
    will-change: transform;
    transition: 2s ease
}

.preload .match-page .win-o-meter .win-o-meter-line-container div {
    transition: initial !important
}

.match-page .win-o-meter .win-o-meter-line-container .win-o-meter-line {
    height: 10px
}

.match-page .win-o-meter .win-o-meter-line-container .team2 .team-offset {
    float: right
}

.match-page .win-o-meter .win-o-meter-line-container .ot {
    font-size: 9px;
    background-color: hsla(0, 0%, 80.8%, .8)
}

.match-page .lineups-compare-container {
    display: flex;
    background-image: linear-gradient(136deg, #1b1f23, #3a4755);
    max-height: 251px;
    overflow: hidden;
    color: #fff
}

@media (max-width:500px) {
    .match-page .lineups-compare-container {
        max-height: inherit
    }
}

.match-page .lineups-compare-container .lineups-compare-playername {
    color: #fff;
    z-index: 9;
    position: absolute;
    bottom: 24px;
    width: calc(100% - 32px);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 16px;
    text-shadow: 0 1px 2px #000, 0 0 14px #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-playername {
        bottom: 16px
    }
}

.match-page .lineups-compare-container .lineups-compare-left,
.match-page .lineups-compare-container .lineups-compare-right {
    flex: 0 0 32%;
    position: relative
}

@media (max-width:500px) {

    .match-page .lineups-compare-container .lineups-compare-left,
    .match-page .lineups-compare-container .lineups-compare-right {
        flex: 0 0 37%
    }
}

.match-page .lineups-compare-container .lineups-compare-left img,
.match-page .lineups-compare-container .lineups-compare-right img {
    position: absolute
}

.match-page .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo-container {
    left: 0
}

.match-page .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo {
    left: -28px
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo {
        left: -60px
    }
}

.match-page .lineups-compare-container .lineups-compare-left .lineups-compare-square {
    animation: squareLeft .4s
}

.match-page .lineups-compare-container .lineups-compare-left .lineups-compare-bodyshot {
    animation: bodyshotLeft .4s
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-left .lineups-compare-bodyshot {
        left: -40px;
        animation: bodyshotSmallLeft .4s
    }
}

.match-page .lineups-compare-container .lineups-compare-bodyshot-container {
    display: block;
    height: 100%
}

.match-page .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo-container {
    right: 0
}

.match-page .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo {
    right: -28px
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo {
        right: -60px
    }
}

.match-page .lineups-compare-container .lineups-compare-right .lineups-compare-square {
    animation: squareRight .4s
}

.match-page .lineups-compare-container .lineups-compare-right .lineups-compare-bodyshot {
    animation: bodyshotRight2 .4s
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-right .lineups-compare-bodyshot {
        animation: bodyshotSmallRight2 .4s;
        right: -40px
    }
}

@keyframes bodyshotRight2 {
    0% {
        opacity: 0;
        right: -10px
    }

    to {
        opacity: 1;
        right: 0
    }
}

@keyframes bodyshotSmallRight2 {
    0% {
        opacity: 0;
        right: -50px
    }

    to {
        opacity: 1;
        right: -40px
    }
}

.match-page .lineups-compare-container .lineups-compare-middle {
    flex: 1;
    z-index: 99;
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 8px;
    padding-bottom: 12px
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-middle {
        padding-bottom: 4px;
        padding-top: 4px
    }
}

.match-page .lineups-compare-container .lineups-compare-teamlogo-container {
    height: 220px;
    width: 220px;
    position: absolute;
    top: -40px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-teamlogo-container {
        height: 180px;
        width: 180px;
        top: 10px
    }
}

.match-page .lineups-compare-container .lineups-compare-teamlogo {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 100%;
    opacity: .35;
    filter: blur(2px)
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-teamlogo {
        max-width: 180px;
        max-height: 180px
    }
}

.match-page .lineups-compare-container .lineups-compare-square {
    height: 130px;
    width: 130px;
    top: 40%;
    left: 50%;
    border-radius: 110px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .35), 0 1px 5px 0 rgba(0, 0, 0, .76);
    transform: translate(-50%, -40%);
    background-color: #fff
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-square {
        height: 95px;
        width: 95px
    }
}

@media only screen and (max-width:344px) {
    .match-page .lineups-compare-container .lineups-compare-square {
        height: 75px;
        width: 75px;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.match-page .lineups-compare-container .lineups-compare-bodyshot {
    width: 100%;
    bottom: 0;
    max-height: 213px;
    width: auto
}

@media screen and (max-width:500px) and (min-width:425px) {
    .match-page .lineups-compare-container .lineups-compare-bodyshot {
        width: 130%;
        bottom: -30px;
        max-height: inherit
    }
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-bodyshot {
        width: 140%;
        max-height: inherit
    }
}

.match-page .lineups-compare-container table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.match-page .lineups-compare-container table td {
    padding: 0;
    height: 23px
}

@media (max-width:500px) {
    .match-page .lineups-compare-container table td {
        height: 20px
    }
}

@media only screen and (max-width:344px) {
    .match-page .lineups-compare-container table .table-header {
        font-size: 9px !important
    }
}

.match-page .lineups-compare-container table .table-header {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d1e3f5;
    filter: drop-shadow(0 0 10px #80a0c1);
    height: 20px;
    padding: 0
}

@media (max-width:500px) {
    .match-page .lineups-compare-container table .table-header {
        font-size: 10px
    }
}

.match-page .lineups-compare-container table .table-subheader {
    font-size: 8px;
    opacity: .45;
    font-weight: 400;
    height: 20px;
    padding: 0;
    vertical-align: top
}

@media (max-width:500px) {
    .match-page .lineups-compare-container table .table-subheader {
        font-size: 7px;
        height: 13px
    }
}

.match-page .lineups-compare-container table tbody .statRow {
    background: linear-gradient(90deg, rgba(209, 227, 245, 0) 0, rgba(209, 227, 245, 0) 50%, rgba(209, 227, 245, 0));
    transition: .2s ease
}

.preload .match-page .lineups-compare-container table tbody .statRow {
    transition: initial !important
}

.match-page .lineups-compare-container table tbody .statRow:hover {
    background: linear-gradient(90deg, rgba(209, 227, 245, 0) 0, rgba(209, 227, 245, .2) 50%, rgba(209, 227, 245, 0))
}

.match-page .lineups-compare-container table tbody .statRow:hover .lineups-compare-middle-table-center-stat,
.match-page .lineups-compare-container table tbody .statRow:hover .lineups-compare-middle-table-stat {
    opacity: .85
}

.match-page .lineups-compare-container table tbody .statRow:hover .best-stat {
    opacity: 1
}

.match-page .lineups-compare-container table .center {
    text-align: center
}

.match-page .lineups-compare-container table .compare-button {
    height: 30px;
    font-size: 11px;
    opacity: .65;
    transition: .2s ease
}

.preload .match-page .lineups-compare-container table .compare-button {
    transition: initial !important
}

@media (max-width:500px) {
    .match-page .lineups-compare-container table .compare-button {
        font-size: 9px
    }
}

.match-page .lineups-compare-container table .compare-button a {
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 2px 4px;
    transition: .2s ease;
    cursor: pointer
}

.preload .match-page .lineups-compare-container table .compare-button a {
    transition: initial !important
}

.match-page .lineups-compare-container table .compare-button a:hover {
    opacity: 1;
    background-color: #fff;
    color: #313a44 !important
}

.match-page .lineups-compare-container table .compare-button:hover {
    opacity: 1
}

.match-page .lineups-compare-container .outerCol {
    width: 33px
}

.match-page .lineups-compare-container .centerCol {
    width: 100%
}

.match-page .lineups-compare-container .right-stat {
    text-align: right
}

.match-page .lineups-compare-container .lineups-compare-middle-table-center-stat {
    opacity: .65;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-middle-table-center-stat {
        font-size: 7px
    }
}

.match-page .lineups-compare-container .lineups-compare-middle-table-stat {
    width: 20px;
    opacity: .65
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-middle-table-stat {
        font-size: 10px
    }
}

.match-page .lineups-compare-container .best-stat {
    font-weight: 700;
    opacity: 1;
    color: #eaf5ff;
    filter: drop-shadow(0 0 10px #80a0c1)
}

.match-page .lineups-compare-container .lineups-compare-player-links {
    position: absolute;
    bottom: 8px;
    display: flex;
    width: 100%;
    justify-content: center
}

.match-page .lineups-compare-container .lineups-compare-player-links a {
    z-index: 9;
    font-size: 11px;
    margin-right: 8px;
    color: #fff;
    background-color: #435971;
    transition: .2s ease;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    cursor: pointer
}

.preload .match-page .lineups-compare-container .lineups-compare-player-links a {
    transition: initial !important
}

@media (max-width:500px) {
    .match-page .lineups-compare-container .lineups-compare-player-links a {
        font-size: 9px;
        margin-right: 4px
    }
}

.match-page .lineups-compare-container .lineups-compare-player-links a:hover {
    background-color: #59728e;
    color: #fff !important
}

.match-page .lineups-compare-container .lineups-compare-player-links a:last-child {
    margin-right: 0
}

.match-page .vod-popup-wrapper {
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0
}

.match-page .vod-popup-wrapper * {
    box-sizing: border-box
}

.match-page .vod-popup-wrapper h2 {
    font-size: 24px;
    margin: 8px 0;
    line-height: 120%;
    color: hsla(0, 0%, 100%, .9)
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper h2 {
        font-size: 18px;
        margin: 0
    }
}

.match-page .vod-popup-wrapper h4 {
    line-height: 100%;
    margin: 8px 0 16px;
    font-weight: 300;
    font-size: 16px;
    color: hsla(0, 0%, 100%, .6)
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper h4 {
        font-size: 14px
    }
}

.match-page .vod-popup-wrapper .vod-popup-overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .65);
    display: flex;
    align-items: center;
    justify-content: center
}

.match-page .vod-popup-wrapper .vod-popup {
    width: 802px;
    padding: 16px;
    color: hsla(0, 0%, 100%, .6);
    background: #151515;
    opacity: .85;
    box-shadow: 0 0 16.3529px rgba(0, 0, 0, .55)
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper .vod-popup {
        width: 80%
    }
}

.match-page .vod-popup-wrapper .vod-top-wrap {
    display: flex;
    gap: 16px
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper .vod-top-wrap {
        flex-direction: column
    }
}

.match-page .vod-popup-wrapper .vod-left-box {
    height: 390px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 480px;
    color: #fff
}

.match-page .vod-popup-wrapper .vod-left-box:hover {
    color: #fff !important
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper .vod-left-box {
        flex: 0 0 220px
    }
}

.match-page .vod-popup-wrapper .vod-radar-bg {
    width: 80%;
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    opacity: .25
}

.match-page .vod-popup-wrapper .box-gradient-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(50.08% 50% at 50.08% 50%, transparent 0, rgba(0, 0, 0, .7) 100%);
    border: .8px solid hsla(0, 0%, 100%, .2);
    z-index: -1
}

.match-page .vod-popup-wrapper .vod-box-sponsor-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.match-page .vod-popup-wrapper .vod-box-sponsor-content .vod-popup-sponsor-logo {
    width: 90%;
    margin-top: -8px
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper .vod-box-sponsor-content .vod-popup-sponsor-logo {
        margin-top: 0
    }
}

.match-page .vod-popup-wrapper .vod-text-box {
    overflow: hidden;
    font-size: 14px
}

@media (max-width:500px) {
    .match-page .vod-popup-wrapper .vod-text-box {
        font-size: 13px
    }
}

.match-page .vod-popup-wrapper .vod-text-box a {
    color: #87a3bf
}

.match-page .vod-popup-wrapper .vod-text-box a:hover {
    opacity: .75;
    color: #87a3bf !important
}

.match-page .vod-popup-wrapper .vod-separator {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) -13.66%, #fff 50.69%, hsla(0, 0%, 100%, 0) 112.42%);
    height: 2px;
    opacity: .4
}

.match-page .vod-popup-wrapper .vod-settings {
    margin: 16px 0
}

.match-page .vod-popup-wrapper .vod-settings ul {
    margin: 0;
    padding-left: 24px;
    line-height: 125%
}

.match-page .vod-popup-wrapper .vod-settings ul li {
    overflow: visible
}

.match-page .vod-popup-wrapper .vod-bottom-wrap {
    font-size: 13px;
    margin: 14px 0 8px
}

.match-page .vod-popup-wrapper .vod-loading-status {
    margin: 8px 0 4px
}

@keyframes vod-status {
    0% {
        content: "Loading event..."
    }

    40% {
        content: "Connecting to server..."
    }

    80% {
        content: "Delivering demo..."
    }

    to {
        content: "Download starting..."
    }
}

.match-page .vod-popup-wrapper .vod-loading-status:after {
    content: "";
    animation: vod-status 6s;
    animation-fill-mode: forwards;
    font-weight: 800
}

.match-page .vod-popup-wrapper .vod-loading-wrap {
    position: relative
}

.match-page .vod-popup-wrapper .vod-loading-bar {
    height: 4px;
    background: #000;
    width: 100%;
    position: absolute
}

@keyframes vod-loading {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.match-page .vod-popup-wrapper .loading-progress {
    animation: vod-loading 5s ease;
    background: linear-gradient(270deg, #24ff00, #2c6700)
}

.match-page .below-gamelog {
    margin-top: 8px
}

.match-page .pre-scoreboard-placement {
    margin-top: 8px;
    margin-bottom: 8px
}

.show-all {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-top: 10px;
    text-align: center;
    padding: 6px 0;
    font-weight: 700;
    color: #32689a
}

.show-all:hover {
    background-color: #45515f
}

.vrs-popup {
    max-width: 250px;
    font-size: 10px;
    line-height: 14px;
    padding: 4px
}

.vrs-special {
    font-size: 10px;
    line-height: 14px;
    padding-top: 4px
}

.matches .live-link {
    width: 100%
}

.matches .section-spacer {
    height: 18px
}

.matches .table {
    width: 100%;
    border-collapse: collapse
}

.matches .table .header {
    height: 28px;
    font-size: 10px;
    background-color: #2d3844
}

.matches .line-align {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 1%;
    flex: 1 1 1px
}

.matches .stars {
    height: 17px;
    font-weight: 700;
    padding-left: 5px;
    justify-content: flex-end
}

.matches .logo {
    max-width: 25px;
    max-height: 25px
}

.matches .live-matches {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-bottom: -10px
}

.matches .live-match {
    flex: 1 0 40%;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    min-width: 300px
}

.matches .live-match .standard-box:hover {
    background-color: #45515f !important
}

.matches .live-match .standard-box .header {
    background-color: inherit
}

.matches .live-match .live-match-header {
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-bottom: 1px solid #495867
}

.matches .live-match .live-match-header .event-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 700
}

.matches .live-match .live-match-header .event-logo {
    width: 20px;
    margin-right: 5px
}

.matches .live-match .scores {
    padding: 0 10px 3px;
    background-color: #364250
}

.matches .no-height {
    padding: 0;
    height: 0
}

.matches .trailing {
    opacity: .5;
    color: #929a9e;
    font-weight: 400
}

.matches .leading {
    color: #929a9e;
    font-weight: 700
}

.matches .bestof {
    text-align: left
}

.matches .mapscore {
    font-weight: 700
}

.matches .map {
    text-align: center
}

.matches .map.bo1 {
    text-align: right
}

.matches .logo-container {
    min-width: 30px;
    text-align: left
}

.matches .total {
    width: 15%;
    text-align: center;
    font-weight: 700
}

html.no-spoiler .matches .total {
    visibility: hidden
}

.matches .star {
    font-size: 8px;
    margin-right: 2px
}

.matches .star:last-child {
    margin-right: 0
}

.matches .teams {
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    max-width: 0
}

.matches .teams .team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.matches .section-spacer {
    height: 10px
}

.matches .upcoming-matches {
    font-size: 12px
}

.matches .upcoming-matches .match-day:first-child {
    margin-top: 0
}

.matches .upcoming-matches .table {
    table-layout: fixed
}

.matches .upcoming-matches .upcoming-match {
    padding: 10px
}

.matches .upcoming-matches .upcoming-match:hover {
    background-color: #45515f !important
}

.matches .upcoming-matches .upcoming-match .time {
    width: 40px;
    font-weight: 700;
    color: #b9bdbf
}

.matches .upcoming-matches .upcoming-match .logo {
    max-width: 15px;
    max-height: 20px;
    margin-right: 5px
}

.matches .upcoming-matches .upcoming-match .placeholder-text-cell {
    text-align: center
}

.matches .upcoming-matches .upcoming-match .team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.matches .upcoming-matches .upcoming-match .event-logo {
    width: 19px;
    height: 19px;
    margin-right: 5px
}

.matches .upcoming-matches .upcoming-match .vs {
    opacity: .5;
    width: 5%
}

@media (min-width:501px) {
    .matches .upcoming-matches .upcoming-match .event {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:500px) {
    .matches .upcoming-matches .upcoming-match .event {
        text-align: center;
        width: 30px
    }
}

.matches .upcoming-matches .upcoming-match .event-name {
    opacity: .85
}

@media (max-width:500px) {
    .matches .upcoming-matches .upcoming-match .event-name {
        display: none
    }
}

.matches .upcoming-matches .upcoming-match .star-cell {
    text-align: right;
    width: 51px
}

.matches .upcoming-matches .upcoming-match .star-cell .map-and-stars {
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.matches .upcoming-matches .upcoming-match .star-cell .map-and-stars .map,
.matches .upcoming-matches .upcoming-match .star-cell .map-and-stars .stars {
    line-height: 14px
}

.matches .upcoming-matches .upcoming-match .star-cell .map-and-stars .map {
    text-align: right
}

.matches .upcoming-matches .upcoming-match .star-cell .map-text {
    opacity: .5
}

.matches .upcoming-matches .upcoming-match:nth-child(odd) {
    background-color: #232d38
}

.matches .upcoming-matches .upcoming-match:not(:last-child) {
    margin-bottom: 3px
}

.matches .featured-match {
    color: #87a3bf
}

.matches .match-day {
    margin-top: 18px
}

.matches .match {
    display: flex
}

.matches .match .analytics-entrance-link-container {
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
    flex: 0 0 50px;
    align-items: center;
    display: flex;
    padding-left: 8px
}

@media (max-width:500px) {
    .matches .match .analytics-entrance-link-container {
        flex: 0 0 32px
    }
}

.matches .match .analytics-entrance-link {
    width: 42px;
    text-align: center;
    color: #fff;
    background-color: #435971;
    border-radius: 4px;
    transition: .2s ease;
    font-size: 11px
}

.preload .matches .match .analytics-entrance-link {
    transition: initial !important
}

@media (max-width:500px) {
    .matches .match .analytics-entrance-link {
        font-size: 10px;
        width: 24px
    }
}

.matches .match .analytics-entrance-link:hover {
    background-color: #59728e;
    color: #fff !important
}

.matches .match .analytics-entrance-link i {
    margin-right: 5px
}

@media (max-width:500px) {
    .matches .match .analytics-entrance-link i {
        margin-right: 0
    }
}

.cols1101 .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent {
    flex: 0 0 230px
}

@media (max-width:500px) {
    .cols1101 .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent {
        flex: 0 0 40px
    }
}

.cols0101 {
    overflow: visible
}

.cols0101 .mainContent {
    overflow: visible;
    margin: 0;
    padding: 0
}

@media (max-width:500px) {
    .cols0101 .mainContent {
        overflow: hidden;
        padding: 3px;
        margin: -3px
    }
}

@media screen and (max-width:500px) and (max-width:360px) {
    .cols0101 .mainContent {
        padding: 0;
        margin: 0
    }
}

.cols0101 .mt-16 {
    margin-top: 16px
}

.cols0101 .sticky {
    position: sticky;
    top: 62px
}

@media screen and (max-width:580px) {
    .cols0101 .standardPageGrid {
        grid-template-areas: "mainContent mainContent"
    }
}

@media screen and (min-width:581px) and (max-width:741px) {
    .cols0101 .standardPageGrid {
        grid-template-areas: "mainContent mainContent"
    }
}

.mb-8 {
    margin-bottom: 8px !important
}

.mt-8 {
    margin-top: 8px !important
}

.center-step iframe {
    margin-left: 50%;
    transform: translate(-50%)
}

.h-250 {
    min-height: 250px
}

.h-90 {
    min-height: 90px;
    max-height: 90px
}

@media screen and (max-width:741px) {
    .w-700 {
        display: none
    }
}

.standardPageGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-rows: 1fr;
    gap: 16px 16px;
    grid-template-areas: "mainContent sidebar"
}

@media (max-width:500px) {
    .standardPageGrid {
        grid-template-areas: "mainContent mainContent"
    }
}

.standardPageGrid.noSidebar {
    grid-template-areas: "mainContent mainContent"
}

@media (-ms-high-contrast:none) {
    .standardPageGrid {
        display: -ms-grid;
        -ms-grid-columns: 1fr 300px;
        -ms-grid-rows: 1fr
    }

    .mainContent {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .newSidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

@media (-ms-high-contrast:none) and (max-width:500px) {
    .standardPageGrid {
        -ms-grid-columns: 1fr
    }
}

.newMatches .ven-mob {
    margin-top: 10px
}

.newMatches .esportal {
    width: 100%
}

.newMatches #matches_top {
    margin-bottom: 5px
}

@media (max-width:500px) {
    .newMatches .scorebot .gamelog .gamelogBox {
        height: 20px;
        font-size: 9px;
        line-height: 2.2
    }
}

.newMatches .matchpage-KqV8yrAj-container {
    margin: 8px 0
}

.newMatches .matchpage-KqV8yrAj-container.gtSmartphone-only {
    flex-basis: 728px;
    min-height: 90px;
    display: flex
}

.newMatches .matchpage-KqV8yrAj-container.gtSmartphone-only>.wide-oxVVUdvP123Gazx {
    flex-grow: 1
}

.newMatches .matchpage-KqV8yrAj-container.gtSmartphone-only .y-x {
    max-width: 728px;
    aspect-ratio: 728/90;
    flex: 1;
    margin: 0 auto
}

.newMatches .matchpage-KqV8yrAj-container img {
    max-width: 100%
}

.newMatches .newMatchesEmptystateContainer {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 40px;
    text-align: center;
    font-size: 16px;
    color: rgba(146, 154, 158, .65)
}

.newMatches .newMatchesEmptystateContainer .match-filter-warning-disable-container {
    margin-top: 16px
}

.newMatches .newMatchesEmptystateContainer .match-filter-warning-disable-container .fa-star {
    margin-right: 8px !important
}

.newMatches .newMatchesEmptystateContainer .match-filter-warning-disable {
    cursor: pointer;
    background-color: #435971;
    color: #fff !important;
    padding: 4px 16px;
    border-radius: 4px
}

.newMatches .newMatchesEmptystateContainer .match-filter-warning-disable:hover {
    background-color: #59728e;
    color: #fff !important
}

.newMatches .fa-star.faded {
    opacity: .3
}

.newMatches .mainContent {
    grid-area: mainContent
}

.newMatches .newSidebar {
    grid-area: sidebar
}

@media (max-width:500px) {
    .newMatches .newSidebar {
        display: none
    }
}

.newMatches .newSidebar>div:first-child {
    margin-top: 32px
}

.newMatches .star-filter-btn {
    margin-left: 3px;
    cursor: pointer;
    display: inline-block
}

.newMatches .matchesFeaturedMatchContainer {
    display: flex;
    height: 190px;
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: linear-gradient(109.61deg, #364759 1.14%, #101b27);
    overflow: hidden;
    color: #fff;
    margin-top: 32px
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedPlaceholderText {
    position: absolute;
    text-align: center;
    top: 57px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    margin: 0 40px;
    font-size: 11px;
    border-radius: 4px;
    padding: 4px;
    color: hsla(0, 0%, 100%, .8);
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer {
        height: 105px
    }
}

.newMatches .matchesFeaturedMatchContainer:hover {
    color: #fff !important;
    filter: brightness(1.13)
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar {
    margin-bottom: 16px;
    height: 166px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchTeamLineup {
    margin-top: 16px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchMiddle .matchesFeaturedMatchStars {
    background-color: inherit
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchMiddle .fa-star {
    font-size: 13px;
    margin-right: 4px;
    top: 2px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchMiddle .matchesFeaturedMatchTime {
    font-size: 22px;
    font-weight: 700;
    margin-top: -5px;
    position: absolute;
    left: -69px;
    top: 29px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchMiddle .matchesFeaturedMatchTitle {
    position: absolute;
    left: -70px;
    text-align: left
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchMiddle .matchesFeaturedMatchStarsContainer {
    position: absolute;
    right: -80px;
    top: 11px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchTeamLineupBodyshot {
    width: 60px;
    top: 43px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchTeamLineupBodyshot.missingBodyshot {
    width: 55px;
    top: 48px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchTeamContainerTeamNameContainer {
    font-size: 14px;
    margin: 0 8px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .matchesFeaturedMatchTeamContainerTeamNameTeamLogoContainer {
    flex: 0 0 20px;
    height: 20px;
    width: 20px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team1 .matchesFeaturedMatchTeamLineupBodyshot:first-child {
    left: 0
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
    left: 22px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
    left: 44px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
    left: 66px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
    left: 88px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team2 .matchesFeaturedMatchTeamLineupBodyshot:first-child {
    right: 0
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
    right: 22px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
    right: 44px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
    right: 66px
}

.newMatches .matchesFeaturedMatchContainer.matchesFeaturedMatchSidebar .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
    right: 88px
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchStarsContainer {
    display: flex;
    justify-content: center
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchStars {
    padding: 0 4px;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 4px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchStars {
        line-height: 14px
    }
}

.newMatches .matchesFeaturedMatchContainer .fa-star {
    color: #efb41d;
    font-size: 9px;
    margin-right: 2px;
    position: relative;
    top: -1px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .fa-star {
        font-size: 6px;
        top: -2px
    }
}

.newMatches .matchesFeaturedMatchContainer .fa-star:last-child {
    margin-right: 0
}

.newMatches .matchesFeaturedMatchContainer .fa-star.faded {
    color: #fff
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamContainerTeamNameContainer {
    flex-direction: row-reverse
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamContainerTeamLogoContainer {
    left: -100px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamContainerTeamLogoContainer {
        left: -60px
    }
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:first-child {
    left: 0
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
    left: 32px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
        left: 20px
    }
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
    left: 64px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
        left: 40px
    }
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
    left: 96px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
        left: 60px
    }
}

.newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
    left: 128px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team1 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
        left: 80px
    }
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamContainerTeamLogoContainer {
    right: -100px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamContainerTeamLogoContainer {
        right: -60px
    }
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:first-child {
    right: 0
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
    right: 32px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(2) {
        right: 20px
    }
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
    right: 64px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(3) {
        right: 40px
    }
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
    right: 96px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(4) {
        right: 60px
    }
}

.newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
    right: 128px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .team2 .matchesFeaturedMatchTeamLineupBodyshot:nth-child(5) {
        right: 80px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle .matchesFeaturedMatchTitle {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle .matchesFeaturedMatchTitle {
        font-size: 11px;
        margin-top: 2px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle .matchesFeaturedMatchTime {
    font-size: 24px;
    font-weight: 700;
    margin-top: 4px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle .matchesFeaturedMatchTime {
        font-size: 14px;
        margin-top: -4px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamLogoContainer {
    display: flex;
    flex: 0 0 250px;
    height: 250px;
    width: 250px;
    align-items: center;
    justify-content: center;
    opacity: .2;
    position: absolute;
    top: -30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamLogoContainer {
        flex: 0 0 150px;
        height: 150px;
        width: 150px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamLogoContainer .matchesFeaturedMatchTeamContainerTeamLogo {
    max-height: 100%;
    max-width: 100%;
    height: 100%
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainer {
    flex: 1 0 40%
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchMiddle {
    width: 140px;
    height: 100%;
    text-align: center
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineup {
    position: relative;
    height: 105px;
    margin-top: 24px;
    z-index: 1
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineup {
        height: 50px;
        margin-top: 16px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineupBodyshot {
    position: absolute;
    width: 100px;
    height: auto
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineupBodyshot {
        width: 50px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineupBodyshot.missingBodyshot {
    width: 95px;
    top: 7px
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamLineupBodyshot.missingBodyshot {
        width: 50px;
        top: 0
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameContainer {
    display: flex;
    margin: 0 16px;
    background-color: #f6f6f3;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 2
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameContainer {
        margin: 0 8px;
        font-size: 12px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameContainer .matchesFeaturedMatchTeamContainerTeamName {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameTeamLogoContainer {
    height: 32px;
    width: 32px;
    display: flex;
    flex: 0 0 32px;
    padding: 8px;
    background-color: #2e4156;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameTeamLogoContainer {
        height: 22px;
        width: 22px;
        flex: 0 0 22px;
        padding: 4px
    }
}

.newMatches .matchesFeaturedMatchContainer .matchesFeaturedMatchTeamContainerTeamNameTeamLogoContainer .matchesFeaturedMatchTeamContainerTeamNameTeamLogo {
    max-width: 100%;
    max-height: 100%
}

.newMatches .matchesFeaturedOverride {
    margin-bottom: 8px
}

.newMatches .headline-flex {
    display: flex;
    height: 32px;
    align-items: center;
    margin: 0;
    justify-content: space-between;
    position: relative;
    z-index: 3
}

.newMatches .headline-flex.no-shadow {
    box-shadow: none
}

.newMatches .headline-flex .fa-star,
.newMatches .headline-flex .fa-star-o {
    font-size: 12px;
    position: relative;
    top: 1px;
    padding: 6px;
    border-radius: 4px;
    display: inline;
    height: 32px;
    width: 32px
}

.newMatches .headline-flex .matchpage-star-unselected:hover {
    background-color: #45515f;
    cursor: pointer
}

.newMatches .headline-flex .matchpage-star-selected {
    display: none;
    background-color: #435971;
    color: #fff
}

.newMatches .upcoming-headline {
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    color: rgba(146, 154, 158, .65)
}

.newMatches .liveMatchesSection {
    margin-bottom: 16px
}

.newMatches .liveMatchesSection .liveMatchesContainer {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.newMatches .liveMatchesSection .matchTeamName {
    width: 60%
}

.newMatches .liveMatchesSection .matchTeamScore {
    width: 40px;
    flex: 0 0 40px;
    text-align: right
}

.newMatches .liveMatchesSection .currentMapScore {
    font-weight: 700;
    font-size: 14px
}

html.no-spoiler .newMatches .liveMatchesSection .currentMapScore {
    visibility: hidden
}

@media (max-width:500px) {
    .newMatches .liveMatchesSection .currentMapScore {
        font-size: 12px
    }
}

.newMatches .liveMatchesSection .mapScore {
    margin-left: 1px;
    opacity: .65;
    font-size: 10px
}

html.no-spoiler .newMatches .liveMatchesSection .mapScore span {
    visibility: hidden
}

.newMatches .liveMatchesContainer .extraContent,
.newMatches .upcomingMatchesContainer .extraContent {
    margin-bottom: 16px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .extraContent,
    .newMatches .upcomingMatchesContainer .extraContent {
        margin-bottom: 8px
    }
}

.newMatches .liveMatchesContainer .upcomingMatchesSection,
.newMatches .upcomingMatchesContainer .upcomingMatchesSection {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 16px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .upcomingMatchesSection,
    .newMatches .upcomingMatchesContainer .upcomingMatchesSection {
        margin-bottom: 8px
    }
}

.newMatches .liveMatchesContainer .fa-star,
.newMatches .upcomingMatchesContainer .fa-star {
    margin-right: 1px
}

.newMatches .liveMatchesContainer .fa-star:last-child,
.newMatches .upcomingMatchesContainer .fa-star:last-child {
    margin-right: 0
}

.newMatches .liveMatchesContainer .matchDayHeadline,
.newMatches .upcomingMatchesContainer .matchDayHeadline {
    display: flex;
    background-color: #364250;
    font-size: 16px;
    padding-left: 16px;
    height: 42px;
    align-items: center;
    font-weight: 700;
    border-top: 1px solid #495867;
    border-bottom: 1px solid #495867;
    border-left: 3px solid #435971
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .matchDayHeadline,
    .newMatches .upcomingMatchesContainer .matchDayHeadline {
        height: 32px;
        padding-left: 8px
    }
}

.newMatches .liveMatchesContainer .liveMatch-container,
.newMatches .upcomingMatchesContainer .liveMatch-container {
    position: relative
}

.newMatches .liveMatchesContainer .liveMatch-container .scorebot-container,
.newMatches .upcomingMatchesContainer .liveMatch-container .scorebot-container {
    max-height: 0;
    overflow: hidden;
    transition: .35s ease
}

.newMatches .liveMatchesContainer .liveMatch-container .scorebot-container.expanded,
.newMatches .upcomingMatchesContainer .liveMatch-container .scorebot-container.expanded {
    max-height: none
}

.newMatches .liveMatchesContainer .liveMatch-container .expand-match-btn,
.newMatches .upcomingMatchesContainer .liveMatch-container .expand-match-btn {
    text-align: center;
    font-weight: 700;
    color: rgba(146, 154, 158, .65);
    font-size: 12px;
    cursor: pointer
}

.newMatches .liveMatchesContainer .liveMatch-container .expand-match-btn.expanded,
.newMatches .upcomingMatchesContainer .liveMatch-container .expand-match-btn.expanded {
    width: 102px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: rgba(38, 52, 67, .6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    bottom: 0;
    border-radius: 10px 10px 0 0;
    padding-bottom: 2px;
    padding-top: 4px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch-container .expand-match-btn.expanded,
    .newMatches .upcomingMatchesContainer .liveMatch-container .expand-match-btn.expanded {
        width: 60px;
        font-size: 9px
    }
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch-container .expand-match-btn,
    .newMatches .upcomingMatchesContainer .liveMatch-container .expand-match-btn {
        font-size: 9px;
        margin-top: -8px;
        padding-top: 8px;
        position: relative;
        z-index: 2
    }
}

.newMatches .liveMatchesContainer .liveMatch-container,
.newMatches .liveMatchesContainer .upcomingMatch,
.newMatches .upcomingMatchesContainer .liveMatch-container,
.newMatches .upcomingMatchesContainer .upcomingMatch {
    border-bottom: 1px solid #495867
}

.newMatches .liveMatchesContainer .liveMatch-container:nth-child(odd),
.newMatches .liveMatchesContainer .upcomingMatch:nth-child(odd),
.newMatches .upcomingMatchesContainer .liveMatch-container:nth-child(odd),
.newMatches .upcomingMatchesContainer .upcomingMatch:nth-child(odd) {
    background-color: #364250
}

.newMatches .liveMatchesContainer .upcomingMatchPlacement,
.newMatches .upcomingMatchesContainer .upcomingMatchPlacement {
    background-color: rgba(0, 0, 0, .5)
}

.newMatches .liveMatchesContainer .upcomingMatchPlacement .v-wrapper,
.newMatches .upcomingMatchesContainer .upcomingMatchPlacement .v-wrapper {
    margin-bottom: 0
}

.newMatches .liveMatchesContainer .upcomingMatchPlacement .smartphone-top-widget,
.newMatches .upcomingMatchesContainer .upcomingMatchPlacement .smartphone-top-widget {
    margin-top: 0;
    margin-bottom: 0
}

.newMatches .liveMatchesContainer .liveMatch,
.newMatches .liveMatchesContainer .upcomingMatch,
.newMatches .upcomingMatchesContainer .liveMatch,
.newMatches .upcomingMatchesContainer .upcomingMatch {
    display: flex;
    cursor: pointer;
    padding: 0 16px;
    height: 52px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch,
    .newMatches .liveMatchesContainer .upcomingMatch,
    .newMatches .upcomingMatchesContainer .liveMatch,
    .newMatches .upcomingMatchesContainer .upcomingMatch {
        padding: 0 8px;
        height: 42px
    }
}

.newMatches .liveMatchesContainer .liveMatch.highlightedMatch,
.newMatches .liveMatchesContainer .upcomingMatch.highlightedMatch,
.newMatches .upcomingMatchesContainer .liveMatch.highlightedMatch,
.newMatches .upcomingMatchesContainer .upcomingMatch.highlightedMatch {
    background-color: rgba(86, 167, 255, .3) !important
}

.newMatches .liveMatchesContainer .liveMatch.highlightedMatch:nth-child(odd),
.newMatches .liveMatchesContainer .upcomingMatch.highlightedMatch:nth-child(odd),
.newMatches .upcomingMatchesContainer .liveMatch.highlightedMatch:nth-child(odd),
.newMatches .upcomingMatchesContainer .upcomingMatch.highlightedMatch:nth-child(odd) {
    background-color: rgba(86, 167, 255, .2)
}

.newMatches .liveMatchesContainer .liveMatch.highlightedMatch.removeBackground:hover,
.newMatches .liveMatchesContainer .upcomingMatch.highlightedMatch.removeBackground:hover,
.newMatches .upcomingMatchesContainer .liveMatch.highlightedMatch.removeBackground:hover,
.newMatches .upcomingMatchesContainer .upcomingMatch.highlightedMatch.removeBackground:hover {
    background-color: rgba(86, 167, 255, .4) !important
}

.newMatches .liveMatchesContainer .liveMatch.highlightedMatch.removeBackground.oddRowBgColor,
.newMatches .liveMatchesContainer .upcomingMatch.highlightedMatch.removeBackground.oddRowBgColor,
.newMatches .upcomingMatchesContainer .liveMatch.highlightedMatch.removeBackground.oddRowBgColor,
.newMatches .upcomingMatchesContainer .upcomingMatch.highlightedMatch.removeBackground.oddRowBgColor {
    background-color: rgba(86, 167, 255, .2) !important
}

.newMatches .liveMatchesContainer .liveMatch.highlightedMatch.removeBackground.oddRowBgColor:hover,
.newMatches .liveMatchesContainer .upcomingMatch.highlightedMatch.removeBackground.oddRowBgColor:hover,
.newMatches .upcomingMatchesContainer .liveMatch.highlightedMatch.removeBackground.oddRowBgColor:hover,
.newMatches .upcomingMatchesContainer .upcomingMatch.highlightedMatch.removeBackground.oddRowBgColor:hover {
    background-color: rgba(86, 167, 255, .4) !important
}

.newMatches .liveMatchesContainer .liveMatch:last-child,
.newMatches .liveMatchesContainer .upcomingMatch:last-child,
.newMatches .upcomingMatchesContainer .liveMatch:last-child,
.newMatches .upcomingMatchesContainer .upcomingMatch:last-child {
    border-bottom: 0
}

.newMatches .liveMatchesContainer .liveMatch:hover,
.newMatches .liveMatchesContainer .upcomingMatch:hover,
.newMatches .upcomingMatchesContainer .liveMatch:hover,
.newMatches .upcomingMatchesContainer .upcomingMatch:hover {
    background-color: #45515f !important
}

.newMatches .liveMatchesContainer .liveMatch.removeBackground:nth-child(odd),
.newMatches .liveMatchesContainer .upcomingMatch.removeBackground:nth-child(odd),
.newMatches .upcomingMatchesContainer .liveMatch.removeBackground:nth-child(odd),
.newMatches .upcomingMatchesContainer .upcomingMatch.removeBackground:nth-child(odd) {
    background-color: inherit
}

.newMatches .liveMatchesContainer .liveMatch.removeBackground.oddRowBgColor,
.newMatches .liveMatchesContainer .upcomingMatch.removeBackground.oddRowBgColor,
.newMatches .upcomingMatchesContainer .liveMatch.removeBackground.oddRowBgColor,
.newMatches .upcomingMatchesContainer .upcomingMatch.removeBackground.oddRowBgColor {
    background-color: #364250
}

.newMatches .liveMatchesContainer .liveMatch .matchAnalytics,
.newMatches .liveMatchesContainer .upcomingMatch .matchAnalytics,
.newMatches .upcomingMatchesContainer .liveMatch .matchAnalytics,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchAnalytics {
    flex: 0 0 45px;
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.newMatches .liveMatchesContainer .liveMatch .matchAnalytics .fa-bar-chart,
.newMatches .liveMatchesContainer .upcomingMatch .matchAnalytics .fa-bar-chart,
.newMatches .upcomingMatchesContainer .liveMatch .matchAnalytics .fa-bar-chart,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchAnalytics .fa-bar-chart {
    margin-right: 5px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .matchAnalytics .fa-bar-chart,
    .newMatches .liveMatchesContainer .upcomingMatch .matchAnalytics .fa-bar-chart,
    .newMatches .upcomingMatchesContainer .liveMatch .matchAnalytics .fa-bar-chart,
    .newMatches .upcomingMatchesContainer .upcomingMatch .matchAnalytics .fa-bar-chart {
        margin-right: 0
    }
}

.newMatches .liveMatchesContainer .liveMatch .matchAnalytics .analyticsLink,
.newMatches .liveMatchesContainer .upcomingMatch .matchAnalytics .analyticsLink,
.newMatches .upcomingMatchesContainer .liveMatch .matchAnalytics .analyticsLink,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchAnalytics .analyticsLink {
    background-color: #435971;
    color: #fff;
    padding: 1px 8px;
    border-radius: 4px
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch,
.newMatches .liveMatchesContainer .liveMatch .match,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch,
.newMatches .liveMatchesContainer .upcomingMatch .match,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch,
.newMatches .upcomingMatchesContainer .liveMatch .match,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch,
.newMatches .upcomingMatchesContainer .upcomingMatch .match {
    display: flex;
    flex: 1 auto;
    max-width: calc(100% - 45px)
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch,
    .newMatches .liveMatchesContainer .liveMatch .match,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch,
    .newMatches .liveMatchesContainer .upcomingMatch .match,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch,
    .newMatches .upcomingMatchesContainer .liveMatch .match,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match {
        max-width: calc(100% - 48px)
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchInfoEmpty,
.newMatches .liveMatchesContainer .liveMatch .match .matchInfoEmpty,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchInfoEmpty,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchInfoEmpty,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchInfoEmpty,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchInfoEmpty,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchInfoEmpty,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchInfoEmpty {
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 auto;
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    text-align: center
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch .matchInfoEmpty,
    .newMatches .liveMatchesContainer .liveMatch .match .matchInfoEmpty,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchInfoEmpty,
    .newMatches .liveMatchesContainer .upcomingMatch .match .matchInfoEmpty,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchInfoEmpty,
    .newMatches .upcomingMatchesContainer .liveMatch .match .matchInfoEmpty,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchInfoEmpty,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchInfoEmpty {
        line-height: 1;
        font-size: 11px
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchInfo,
.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTeams,
.newMatches .liveMatchesContainer .liveMatch .match .matchInfo,
.newMatches .liveMatchesContainer .liveMatch .match .matchTeams,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchInfo,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTeams,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchInfo,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTeams,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchInfo,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTeams,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchInfo,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTeams,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchInfo,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTeams,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchInfo,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTeams {
    display: flex;
    flex-direction: column
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchRating,
.newMatches .liveMatchesContainer .liveMatch .match .matchRating,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchRating,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchRating,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchRating,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchRating,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchRating,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchRating {
    font-size: 6px;
    margin-top: -4px;
    margin-bottom: 1px
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchRating.matchLive,
.newMatches .liveMatchesContainer .liveMatch .match .matchRating.matchLive,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchRating.matchLive,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchRating.matchLive,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchRating.matchLive,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchRating.matchLive,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchRating.matchLive,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchRating.matchLive {
    margin-top: 1px
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchMeta,
.newMatches .liveMatchesContainer .liveMatch .match .matchMeta,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchMeta,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchMeta,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchMeta,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchMeta,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchMeta,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchMeta {
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .45)
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch .matchMeta,
    .newMatches .liveMatchesContainer .liveMatch .match .matchMeta,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchMeta,
    .newMatches .liveMatchesContainer .upcomingMatch .match .matchMeta,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchMeta,
    .newMatches .upcomingMatchesContainer .liveMatch .match .matchMeta,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchMeta,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchMeta {
        font-size: 7px;
        position: relative;
        top: -1px
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchInfo,
.newMatches .liveMatchesContainer .liveMatch .match .matchInfo,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchInfo,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchInfo,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchInfo,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchInfo,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchInfo,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchInfo {
    margin-right: 16px;
    justify-content: center;
    flex: 0 0 34px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch .matchInfo,
    .newMatches .liveMatchesContainer .liveMatch .match .matchInfo,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchInfo,
    .newMatches .liveMatchesContainer .upcomingMatch .match .matchInfo,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchInfo,
    .newMatches .upcomingMatchesContainer .liveMatch .match .matchInfo,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchInfo,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchInfo {
        flex: 0 0 33px
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTime,
.newMatches .liveMatchesContainer .liveMatch .match .matchTime,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTime,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTime,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTime,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTime,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTime,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTime {
    font-weight: 700
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTime.matchLive,
.newMatches .liveMatchesContainer .liveMatch .match .matchTime.matchLive,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTime.matchLive,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTime.matchLive,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTime.matchLive,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTime.matchLive,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTime.matchLive,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTime.matchLive {
    background-color: #fc1d1d;
    color: #fff;
    border-radius: 4px;
    height: 18px;
    text-align: center
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTime.matchLive,
    .newMatches .liveMatchesContainer .liveMatch .match .matchTime.matchLive,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTime.matchLive,
    .newMatches .liveMatchesContainer .upcomingMatch .match .matchTime.matchLive,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTime.matchLive,
    .newMatches .upcomingMatchesContainer .liveMatch .match .matchTime.matchLive,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTime.matchLive,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTime.matchLive {
        font-size: 9px;
        line-height: 1.4;
        height: 12px
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTeams,
.newMatches .liveMatchesContainer .liveMatch .match .matchTeams,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTeams,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTeams,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTeams,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTeams,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTeams,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTeams {
    flex: 1 auto;
    justify-content: space-evenly
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchEvent,
.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchStar,
.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTeam,
.newMatches .liveMatchesContainer .liveMatch .match .matchEvent,
.newMatches .liveMatchesContainer .liveMatch .match .matchStar,
.newMatches .liveMatchesContainer .liveMatch .match .matchTeam,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchEvent,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchStar,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTeam,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchEvent,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchStar,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTeam,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchEvent,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchStar,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTeam,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchEvent,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchStar,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTeam,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchEvent,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchStar,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTeam,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchStar,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTeam {
    display: flex
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchTeam,
.newMatches .liveMatchesContainer .liveMatch .match .matchTeam,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchTeam,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchTeam,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchTeam,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchTeam,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchTeam,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchTeam {
    align-items: center
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchStar,
.newMatches .liveMatchesContainer .liveMatch .match .matchStar,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchStar,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchStar,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchStar,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchStar,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchStar,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchStar {
    align-items: center;
    font-size: 16px;
    color: rgba(146, 154, 158, .4);
    margin-right: 16px
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchEvent,
.newMatches .liveMatchesContainer .liveMatch .match .matchEvent,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchEvent,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchEvent,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchEvent,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchEvent,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchEvent,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent {
    align-items: center;
    flex: 0 0 160px;
    font-size: 10px;
    color: rgba(146, 154, 158, .45)
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .liveMatch .matchEvent,
    .newMatches .liveMatchesContainer .liveMatch .match .matchEvent,
    .newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchEvent,
    .newMatches .liveMatchesContainer .upcomingMatch .match .matchEvent,
    .newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchEvent,
    .newMatches .upcomingMatchesContainer .liveMatch .match .matchEvent,
    .newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchEvent,
    .newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent {
        flex: 0 0 40px;
        justify-content: center
    }
}

.newMatches .liveMatchesContainer .liveMatch .liveMatch .matchEvent .matchEventName,
.newMatches .liveMatchesContainer .liveMatch .match .matchEvent .matchEventName,
.newMatches .liveMatchesContainer .upcomingMatch .liveMatch .matchEvent .matchEventName,
.newMatches .liveMatchesContainer .upcomingMatch .match .matchEvent .matchEventName,
.newMatches .upcomingMatchesContainer .liveMatch .liveMatch .matchEvent .matchEventName,
.newMatches .upcomingMatchesContainer .liveMatch .match .matchEvent .matchEventName,
.newMatches .upcomingMatchesContainer .upcomingMatch .liveMatch .matchEvent .matchEventName,
.newMatches .upcomingMatchesContainer .upcomingMatch .match .matchEvent .matchEventName {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.newMatches .liveMatchesContainer .liveMatch .matchEventLogoContainer,
.newMatches .liveMatchesContainer .upcomingMatch .matchEventLogoContainer,
.newMatches .upcomingMatchesContainer .liveMatch .matchEventLogoContainer,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchEventLogoContainer {
    display: flex;
    height: 25px;
    width: 25px;
    flex: 0 0 25px;
    margin-right: 8px
}

@media (max-width:500px) {

    .newMatches .liveMatchesContainer .liveMatch .matchEventLogoContainer,
    .newMatches .liveMatchesContainer .upcomingMatch .matchEventLogoContainer,
    .newMatches .upcomingMatchesContainer .liveMatch .matchEventLogoContainer,
    .newMatches .upcomingMatchesContainer .upcomingMatch .matchEventLogoContainer {
        margin-right: 0
    }
}

.newMatches .liveMatchesContainer .liveMatch .matchTeamLogoContainer,
.newMatches .liveMatchesContainer .upcomingMatch .matchTeamLogoContainer,
.newMatches .upcomingMatchesContainer .liveMatch .matchTeamLogoContainer,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchTeamLogoContainer {
    display: flex;
    height: 16px;
    width: 16px;
    flex: 0 0 16px;
    margin-right: 4px
}

.newMatches .liveMatchesContainer .liveMatch .matchEventLogo,
.newMatches .liveMatchesContainer .liveMatch .matchTeamLogo,
.newMatches .liveMatchesContainer .upcomingMatch .matchEventLogo,
.newMatches .liveMatchesContainer .upcomingMatch .matchTeamLogo,
.newMatches .upcomingMatchesContainer .liveMatch .matchEventLogo,
.newMatches .upcomingMatchesContainer .liveMatch .matchTeamLogo,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchEventLogo,
.newMatches .upcomingMatchesContainer .upcomingMatch .matchTeamLogo {
    max-width: 100%;
    max-height: 100%
}

.newMatches .featuredNewsContainer {
    margin-top: 16px
}

.newMatches .featuredNewsContainer .featuredNewsImageContainer {
    margin-bottom: 8px;
    display: block
}

.newMatches .featuredNewsContainer .featuredNewsImageContainer:hover {
    filter: brightness(1.13)
}

.newMatches .featuredNewsContainer .featuredNewsImageContainer:last-child {
    margin-bottom: 0
}

.newMatches .featuredNewsContainer .featuredNewsImageContainer .featuredNewsImage {
    max-width: 100%
}

.newMatches .latestNewsContainer {
    margin-top: 16px
}

.newMatches .latestNewsContainer .latestNewsPost {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #495867;
    transition: .2s ease
}

.newMatches .latestNewsContainer .latestNewsPost:hover {
    background-color: rgba(45, 56, 68, .3)
}

.newMatches .latestNewsContainer .latestNewsPost:last-child {
    border-bottom: 0
}

.newMatches .latestNewsContainer .latestNewsMeta {
    opacity: .65;
    font-size: 11px
}

.newMatches .latestNewsContainer .latestNewsTitle {
    font-weight: 700
}

.newMatches .latestNewsContainer .latestNewsImageContainer {
    height: 59px;
    width: 99px;
    display: flex;
    flex: 0 0 99px;
    margin-right: 8px
}

.newMatches .latestNewsContainer .latestNewsImage {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.newMatches .mach-filter-wrapper {
    position: relative
}

.newMatches .match-filter-empty-warning {
    display: none
}

.newMatches .match-filter-empty-warning .match-filter-warning-disable {
    color: #87a3bf
}

.newMatches .highlightedMatch .fa-bell {
    color: #dee4ea
}

.newMatches .toggle-match-icon-hidden {
    display: none
}

.newMatches .toggle-match-icon-hidden .fa-bell {
    color: #dee4ea
}

.newMatches .match-filter {
    margin-bottom: 8px
}

.newMatches .match-filter .filter-headline {
    font-size: 10px;
    font-weight: 700;
    opacity: .5;
    margin-bottom: 4px;
    margin-top: -8px
}

.newMatches .match-filter .match-filter-box {
    position: relative
}

@media (max-width:500px) {
    .newMatches .match-filter .match-filter-box {
        position: relative
    }

    .newMatches .match-filter .match-filter-box:after {
        content: "";
        display: block;
        height: 100%;
        width: 19px;
        position: absolute;
        right: -3px;
        top: 0;
        background: linear-gradient(90deg, rgba(27, 31, 35, 0), #1b1f23)
    }
}

.newMatches .match-filter .filter-main-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 8px
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-main-content {
        grid-template-columns: repeat(5, calc(50% - 40px));
        padding: 3px 8px 3px 16px;
        overflow: scroll;
        margin: -3px -16px
    }
}

.newMatches .match-filter .filter-main-content .extraSpacer {
    height: 8px;
    width: 8px
}

.newMatches .match-filter .filter-custom-content {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    max-height: 0;
    position: relative;
    margin-top: 0;
    transition: .2s ease;
    opacity: 0;
    pointer-events: none
}

.newMatches .match-filter .filter-custom-content.show {
    max-height: 100px;
    margin-top: 8px;
    opacity: 1;
    pointer-events: all
}

.newMatches .match-filter .filter-custom-content .custom-content-header {
    font-size: 10px;
    font-weight: 700;
    opacity: .65;
    margin-bottom: 2px
}

.newMatches .match-filter .filter-custom-content .star-filter {
    border-right: 1px solid #000;
    flex: 0 0 55px;
    padding: 16px;
    text-align: center
}

.newMatches .match-filter .filter-custom-content .star-filter i {
    font-size: 40px
}

.newMatches .match-filter .filter-custom-content .event-type {
    border-right: 1px solid #495867;
    padding: 8px
}

.newMatches .match-filter .filter-custom-content .event {
    padding: 8px
}

.newMatches .match-filter .filter-custom-content .event .event-logo {
    width: 20px
}

.newMatches .match-filter .filter-custom-content .event .events-container {
    display: flex
}

.newMatches .match-filter .filter-custom-content .event .featured-event-tooltip {
    display: none
}

.newMatches .match-filter .filter-custom-content .event .event-button {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    border: 1px solid #495867;
    margin-right: 4px;
    background-color: #2d3844;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-custom-content .event .event-button {
        width: 24px;
        height: 24px
    }
}

.newMatches .match-filter .filter-custom-content .event .event-button:hover {
    background-color: #45515f
}

.newMatches .match-filter .filter-custom-content .event .event-button.selected {
    background-color: #435971;
    color: #fff
}

.newMatches .match-filter .filter-custom-content .event .expand-event-button {
    margin-right: 0;
    font-weight: 700;
    color: rgba(146, 154, 158, .5);
    cursor: pointer;
    text-align: center;
    width: 32px;
    height: 32px
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-custom-content .event .expand-event-button {
        width: 24px;
        height: 24px
    }
}

.newMatches .match-filter .filter-custom-content .event .event-custom-container {
    position: relative
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-custom-content .event .event-custom-container {
        position: inherit
    }
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup {
    display: none;
    position: absolute;
    overflow-y: scroll;
    width: 250px;
    height: 300px;
    top: 40px;
    left: -180px;
    background-color: #2d3844;
    border: 1px solid #495867;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1));
    z-index: 4;
    padding: 5px
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-custom-content .event .event-filter-popup {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row {
    display: flex;
    padding: 5px;
    align-items: center;
    cursor: pointer;
    position: relative
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row:hover {
    background-color: #45515f
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row:nth-child(odd) {
    background-color: #364250
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row:nth-child(odd):hover {
    background-color: #45515f
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row .event-img {
    flex: 0 0 25px;
    padding: 5px
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row .event-img img {
    width: 25px
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row .event-name {
    flex: 1 1 auto
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row .event-checkbox {
    flex: 0 0 20px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.newMatches .match-filter .filter-custom-content .event .event-filter-popup .event-row .container-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.newMatches .match-filter .filter-custom-content .team {
    padding: 8px
}

.newMatches .match-filter .event-filter-link {
    display: inline-flex;
    padding: 0 8px;
    height: 32px;
    border-radius: 4px;
    background-color: #2d3844;
    border: 1px solid #495867;
    margin-left: 4px;
    color: inherit;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .newMatches .match-filter .event-filter-link {
        padding: 0 4px;
        font-size: 10px;
        height: 24px
    }
}

.newMatches .match-filter .event-filter-link:hover {
    background-color: #45515f;
    cursor: pointer
}

.newMatches .match-filter .event-filter-link:first-child {
    margin-left: 0
}

.newMatches .match-filter .event-filter-link.active {
    background-color: #435971;
    color: #fff;
    font-weight: 700
}

.newMatches .match-filter .event-filter-link.active:hover {
    color: #fff !important
}

.newMatches .match-filter .filter-button-link {
    color: inherit;
    text-decoration: none;
    display: contents
}

.newMatches .match-filter .filter-button {
    display: flex;
    border-radius: 4px;
    padding: 4px 2px 4px 8px;
    font-size: 11px;
    align-items: center;
    color: rgba(146, 154, 158, .65);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-left: 3px solid rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.newMatches .match-filter .filter-button:hover {
    background-color: #45515f;
    cursor: pointer
}

.newMatches .match-filter .filter-button.selected {
    background-color: #435971;
    color: #dee4ea;
    border-left: 3px solid #435971
}

.newMatches .match-filter .filter-button .fa-desktop {
    font-size: 16px
}

.newMatches .match-filter .filter-button .fa-star,
.newMatches .match-filter .filter-button .fa-trophy {
    font-size: 18px
}

.newMatches .match-filter .filter-button .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    font-size: 20px
}

@media (max-width:500px) {
    .newMatches .match-filter .filter-button .icon {
        margin-right: 4px
    }
}

.newMatches .match-filter .filter-button .button-title {
    font-weight: 700
}

.newMatches .match-filter .filter-button .custom-icon {
    height: 20px;
    width: 20px
}

.featured-event-tooltip-content {
    background-color: #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    font-size: 11px;
    line-height: 1.55;
    padding: 8px;
    color: #fff
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div.event-tooltip-black-arrow {
    border-top-color: #000
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div.event-tooltip-black-arrow {
    border-bottom-color: #000
}

.events-page .sub-navigation {
    margin-bottom: 8px
}

.events-page #events_1 {
    margin-top: 18px
}

.events-page #events_1 img {
    width: 100%
}

.events-page .tab-holder {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    display: inline-flex;
    flex-direction: row;
    position: relative;
    z-index: 1;
    max-width: 95%
}

.events-page .tab {
    transition: background-color .2s ease;
    cursor: pointer;
    float: left;
    padding: 5px 7px;
    border-right: 1px solid #495867;
    border-bottom: 1px solid #495867;
    flex: 0 1 auto
}

.preload .events-page .tab {
    transition: initial !important
}

.events-page .tab:last-child {
    border-right: none
}

.events-page .tab:hover {
    background-color: #45515f
}

.events-page .tab.active {
    background-color: #2d3844;
    font-weight: 700;
    border-bottom: none !important
}

.events-page .tab img {
    height: 20px;
    width: 20px;
    margin-right: 5px
}

@media (max-width:500px) {
    .events-page .tab img {
        margin-right: 0
    }
}

.events-page .tab-content-holder {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .25);
    padding: 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 18px
}

.events-page .tab-content-holder .content {
    background-color: #364250
}

.events-page .tab-content-holder .no-events {
    padding-bottom: 10px
}

.events-page .tab-content-holder .result-con:nth-child(2n) {
    background-color: rgba(0, 0, 0, .06)
}

.events-page .padding {
    padding: 10px
}

.events-page .pagination-component {
    font-size: 12px;
    line-height: 25px
}

.events-page .pagination-component .pagination-next,
.events-page .pagination-component .pagination-prev {
    line-height: 21px
}

.events-page .flex-column {
    display: flex;
    flex-direction: column
}

.events-page .spacer {
    height: 10px
}

.events-page .header {
    display: flex;
    justify-content: space-between;
    font-weight: 700
}

.events-page .filter-types .filter {
    font-weight: 700;
    height: 18px;
    font-size: 10px
}

.events-page .filter:not(:first-child) {
    margin-left: 5px
}

.events-page .events-holder {
    margin-top: 5px
}

.events-page .event-button,
.events-page .event-button-gray {
    display: block;
    font-weight: 700;
    padding: 6px 0;
    text-align: center;
    margin-bottom: 5px
}

.events-page .event-button {
    color: #87a3bf;
    background-color: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.events-page .event-button:hover {
    background-color: #797979
}

.events-page .event-button-gray {
    background-color: #2d3844;
    opacity: .5;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.events-page .event-button-gray:hover {
    background-color: #2d3844;
    opacity: .8
}

.events-page .event .headline {
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    background-color: #364250
}

.events-page .event .headline .event-name {
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    padding-left: 4px;
    padding-right: 4px
}

.events-page .event .event-data {
    border-top: 1px solid #495867;
    display: flex;
    justify-content: flex-start
}

.events-page .event .event-data .logo {
    text-align: center;
    padding-right: 10px
}

.events-page .event .event-data .logo img {
    max-width: 100%;
    max-height: 80px
}

.events-page .event .event-data .logo {
    width: 25%;
    flex: 0 1 auto
}

.events-page .event .event-data .info {
    width: 100%;
    display: flex;
    flex-direction: column
}

.events-page .event .event-data .info .data {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 700
}

.events-page .event .event-data .info .data .data-headline {
    font-size: 11px;
    font-weight: 400;
    line-height: 1em
}

.events-page .event .teams-attending-headline {
    font-size: 12px
}

.events-page .event .teams-attending {
    margin-top: 10px;
    display: flex;
    flex-direction: column
}

.events-page .flag {
    margin-right: 5px
}

.events-page .event-status-headline {
    font-size: 20px;
    color: #b9bdbf;
    opacity: 1;
    font-weight: 700;
    margin-bottom: 5px
}

.galleries .gallery-grid-con {
    overflow-y: hidden
}

.galleries .gallery-grid {
    padding: 16px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
}

@media (max-width:500px) {
    .galleries .gallery-grid {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
    }
}

.galleries .gallery-grid .col {
    transition: .2s ease
}

.preload .galleries .gallery-grid .col {
    transition: initial !important
}

.galleries .gallery-grid .col:hover {
    filter: brightness(120%)
}

.galleries .odd-col-spacer.odd-col-spacer {
    padding-bottom: 0
}

.galleries .preview-holder {
    position: relative;
    padding-bottom: 66.8874172%;
    height: 0;
    overflow: hidden;
    background-color: #000
}

.galleries .preview-img {
    width: 100%
}

.galleries .preview-overlay {
    color: inherit;
    font-weight: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    color: #929a9e;
    font-weight: 700
}

.galleries .gallery-name {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    bottom: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    background-image: linear-gradient(180deg, transparent, #000)
}

.galleries .gallery-day {
    font-weight: 400
}

.ranking .region-asia {
    color: #fff !important;
    background: #e59613 !important
}

.ranking .region-eu {
    color: #fff !important;
    background: #039 !important
}

.ranking .region-america {
    color: #fff !important;
    background: #b31942 !important
}

.ranking .nav {
    width: 100%;
    background-color: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap
}

.ranking .nav .navItem {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    color: #929a9e;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    flex: 1
}

.ranking .nav .navItem:last-child {
    border-right: none
}

.ranking .nav .navItem.valve-ranking-nav {
    background-color: rgba(228, 135, 23, .12)
}

.ranking .nav .navItem.valve-ranking-nav:hover {
    border-bottom: 3px solid rgba(228, 135, 23, .45) !important
}

.ranking .nav .navItem.valve-ranking-nav.active {
    border-bottom: 3px solid rgba(228, 135, 23, .45)
}

.ranking .nav .navItem.valve-ranking-nav.inactive {
    border-bottom: 3px solid rgba(228, 135, 23, .1490196078)
}

.ranking .nav .navItem.valve-ranking-divider {
    border-left: 1px solid #495867
}

.ranking .nav .inactive {
    border-bottom: 3px solid #2d3844
}

.ranking .nav .inactive:hover {
    border-bottom: 3px solid #435971
}

.ranking .nav .active {
    font-weight: 700;
    opacity: 1;
    border-bottom: 3px solid #435971
}

.ranking .nav .region-selector.closed {
    display: none
}

.ranking .nav .ranking-open-region-selector {
    cursor: pointer
}

.ranking .nav .sub-region-button {
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex
}

@media (max-width:500px) {
    .ranking .nav .sub-region-button {
        font-size: 11px;
        height: 26px
    }
}

.ranking .nav .valve-region-selector {
    text-align: center;
    display: flex;
    gap: 16px
}

@media (max-width:500px) {
    .ranking .nav .valve-region-selector {
        gap: 8px
    }
}

.ranking .nav .sub-region-valve-bodyshot-wrapper {
    position: relative;
    bottom: 12px
}

@media (max-width:500px) {
    .ranking .nav .sub-region-valve-bodyshot-wrapper {
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.ranking .nav .sub-region-valve-flag {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .4;
    left: 0;
    position: absolute;
    z-index: 0
}

.ranking .nav .sub-region-valve-wrapper {
    flex: 1;
    height: 150px;
    background: #000;
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

@media (max-width:500px) {
    .ranking .nav .sub-region-valve-wrapper {
        height: 100px
    }
}

.ranking .nav .sub-region-valve-wrapper:hover {
    filter: brightness(.8)
}

.ranking .nav .sub-region-valve-wrapper:after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    height: 40px;
    background: linear-gradient(0deg, #26282a 15%, transparent);
    width: 100%;
    position: absolute;
    z-index: 1
}

@media (max-width:500px) {
    .ranking .nav .sub-region-valve-wrapper:after {
        height: 25px
    }
}

.ranking .nav .bodyshot-1 {
    left: -16%
}

.ranking .nav .bodyshot-2 {
    left: 4%
}

.ranking .nav .bodyshot-3 {
    left: 24%
}

.ranking .nav .bodyshot-4 {
    left: 44%
}

.ranking .nav .bodyshot-5 {
    left: 64%
}

.ranking .nav .sub-region-valve-bodyshot {
    max-width: 100px;
    position: absolute
}

@media (max-width:500px) {
    .ranking .nav .sub-region-valve-bodyshot {
        max-width: 70px
    }
}

.ranking .regional-ranking-header {
    margin-top: 8px;
    font-size: 19px;
    color: #929a9e;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0
}

@media (max-width:500px) {
    .ranking .regional-ranking-header {
        font-size: 12px
    }
}

.ranking .regional-ranking-header .regional-ranking-header-text {
    display: flex;
    gap: 8px;
    align-items: center
}

.ranking .regional-ranking-header .regional-beta-icon {
    font-size: 11px;
    color: rgba(145, 168, 179, .65);
    border: 1px solid rgba(145, 168, 179, .65);
    border-radius: 4px;
    height: 17px;
    padding: 0 4px;
    text-transform: uppercase
}

@media (max-width:500px) {
    .ranking .regional-ranking-header .regional-beta-icon {
        font-size: 9px;
        height: 15px;
        padding: 0 2px
    }
}

.ranking .region-selector {
    box-sizing: border-box;
    flex: 0 0 100%;
    background-color: #364250;
    border-top: 1px solid #495867;
    padding: 8px;
    height: 100%;
    -moz-column-count: 3;
    column-count: 3
}

@media (max-width:500px) {
    .ranking .region-selector {
        -moz-column-count: 2;
        column-count: 2;
        padding: 8px
    }
}

.ranking .region-selector .sub-region-name {
    font-weight: 700;
    font-size: 16px;
    color: #929a9e;
    display: block;
    margin-top: 16px
}

.ranking .region-selector .sub-region-name:first-child {
    margin-top: 0
}

.ranking .region-selector .ranking-country img {
    margin-right: 5px;
    margin-top: -3px
}

.ranking .ranked-team {
    margin-top: 8px;
    position: relative;
    cursor: pointer
}

.ranking .ranked-team .team-logo {
    height: 28px;
    max-width: 28px;
    margin-right: 10px;
    margin-left: 5px;
    flex: 0 0 28px
}

@media (max-width:500px) {
    .ranking .ranked-team .team-logo {
        margin-right: 4px;
        flex: 0 0 20px;
        max-width: 20px;
        margin-left: 2px
    }
}

.ranking .ranked-team .team-logo img {
    width: 100%;
    max-height: 100%
}

.ranking .ranked-team .ranking-header {
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    background-color: rgba(35, 45, 56, .8);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .ranking .ranked-team .ranking-header {
        padding-right: 6px;
        padding-left: 6px
    }
}

.ranking .ranked-team .ranking-header .relative {
    width: 100%
}

.ranking .ranked-team .ranking-header .teamLine {
    width: 100%;
    position: absolute;
    bottom: -6px;
    display: flex;
    align-items: center
}

.ranking .ranked-team .ranking-header .sectionTeamPlayers {
    transition: .3s
}

.preload .ranking .ranked-team .ranking-header .sectionTeamPlayers {
    transition: initial !important
}

.ranking .ranked-team .ranking-header .sectionTeamPlayers.teamLineExpanded {
    bottom: -13px;
    transition: .3s ease
}

.preload .ranking .ranked-team .ranking-header .sectionTeamPlayers.teamLineExpanded {
    transition: initial !important
}

.ranking .ranked-team .ranking-header .playersLine {
    width: 100%;
    position: absolute;
    bottom: -20px;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s ease
}

.preload .ranking .ranked-team .ranking-header .playersLine {
    transition: initial !important
}

.ranking .ranked-team .ranking-header .playersLine.fadedDown {
    bottom: -27px;
    opacity: 0;
    transition: .3s ease
}

.preload .ranking .ranked-team .ranking-header .playersLine.fadedDown {
    transition: initial !important
}

.ranking .ranked-team .ranking-header .rankingNicknames {
    display: inline-block;
    opacity: .65;
    font-size: 10px
}

.ranking .ranked-team .ranking-header .rankingNicknames :after {
    content: " •"
}

.ranking .ranked-team .ranking-header .rankingNicknames:last-child :after {
    content: ""
}

@media (max-width:500px) {
    .ranking .ranked-team .ranking-header .rankingNicknames {
        font-size: 9px
    }
}

.ranking .ranked-team .ranking-header .position {
    margin-right: 5px;
    font-weight: 700;
    font-size: 14px;
    width: 22px
}

.ranking .ranked-team .ranking-header .position.wide-position {
    width: 36px;
    text-align: center
}

.ranking .ranked-team .ranking-header .name {
    margin-right: 5px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .ranking .ranked-team .ranking-header .name {
        font-size: 14px
    }
}

.ranking .ranked-team .ranking-header .points {
    white-space: nowrap;
    margin-right: 5px;
    font-size: 11px;
    flex: 1
}

@media (max-width:500px) {
    .ranking .ranked-team .ranking-header .points {
        font-size: 10px
    }
}

.ranking .ranked-team .ranking-header .region {
    background: rgba(146, 154, 158, .25);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 1px 4px 0;
    border-radius: 4px;
    margin-left: 12px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.ranking .ranked-team .ranking-header .region.sub-region {
    border: 1px solid #495867;
    color: rgba(145, 168, 179, .65) !important;
    background: transparent !important
}

@media (max-width:500px) {
    .ranking .ranked-team .ranking-header .region {
        font-size: 9px;
        margin-left: 4px
    }
}

.ranking .ranked-team .ranking-header .details {
    font-size: 12px
}

.ranking .ranked-team .ranking-header .filler {
    flex: 1
}

.ranking .ranked-team .ranking-header .positive {
    color: #09c100
}

.ranking .ranked-team .ranking-header .negative {
    color: #fc1d1d
}

.ranking .ranked-team .ranking-header .new {
    white-space: nowrap;
    font-size: 11px
}

.ranking .ranked-team .ranking-header:hover {
    background-color: #45515f
}

.ranking .ranked-team .bg-holder {
    background-blend-mode: overlay;
    background-color: rgba(45, 56, 68, .8);
    background-position: 100%;
    background-repeat: no-repeat
}

.ranking .ranked-team .lineup-con {
    border-top: 1px solid #495867
}

.ranking .ranked-team .lineup {
    padding-top: 5px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0
}

.ranking .ranked-team .playerPicture {
    width: 100%
}

.ranking .ranked-team .player-holder {
    width: 20%;
    max-width: 1px
}

.ranking .ranked-team .player-holder a {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ranking .ranked-team .nick {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #929a9e !important;
    text-align: center;
    white-space: nowrap
}

.ranking .ranked-team .nick img {
    width: 18px;
    height: 12px;
    margin-right: 5px
}

.ranking .ranked-team .more {
    line-height: 26px;
    height: 26px;
    text-align: center;
    display: flex;
    padding: 4px 0;
    margin: 0 8px;
    border-top: 1px solid #495867
}

.ranking .ranked-team .more .moreLink {
    transition: .1s;
    font-size: 11px;
    flex: 1 1 50%;
    text-align: center;
    font-weight: 700;
    border-radius: 8px;
    color: rgba(146, 154, 158, .8)
}

.preload .ranking .ranked-team .more .moreLink {
    transition: initial !important
}

.ranking .ranked-team .more .moreLink:hover {
    background-color: #232d38;
    border-radius: 8px;
    color: #929a9e
}

.ranking .max-width img {
    max-width: 100%
}

.ranking .description-box {
    margin-top: 15px;
    opacity: .75
}

.ranking .description-box h1 {
    margin-top: 0;
    margin-bottom: 3px
}

.ranking .description-box h2 {
    margin-bottom: 3px
}

.ranking .valve-ranking-region {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 16px
}

@media (max-width:500px) {
    .ranking .valve-ranking-region {
        padding: 16px 8px 8px
    }
}

.ranking .valve-ranking-region-spot {
    border: 1px solid #495867;
    border-radius: 4px;
    padding: 16px
}

@media (max-width:500px) {
    .ranking .valve-ranking-region-spot {
        padding: 8px
    }
}

.ranking .valve-ranking-region-spot.not-qualified .ranking-header {
    opacity: .55;
    filter: saturate(0)
}

.ranking .valve-ranking-region-header {
    font-weight: 700;
    font-size: 16px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 4px
}

.ranking .valve-ranking-region-header .region {
    background: rgba(146, 154, 158, .25);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 1px 4px 0;
    border-radius: 4px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.ranking .valve-ranking-region-spot-header {
    font-size: 10px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    color: rgba(146, 154, 158, .65);
    margin-bottom: -6px;
    margin-top: -32px;
    height: 31px;
    background: #2d3844;
    font-weight: 700
}

@media (max-width:500px) {
    .ranking .valve-ranking-region-spot-header {
        margin-top: -21px;
        height: 25px
    }
}

.ranking .valve-ranking-region-spot-header .spot-divider {
    flex: 1;
    min-width: 8px;
    height: 1px;
    background: #495867
}

.ranking .valve-ranking-region-spot-header a {
    color: inherit;
    font-weight: inherit;
    background: #435971;
    color: #fff;
    border-radius: 4px;
    padding: 0 8px
}

.ranking .valve-ranking-region-spot-header a:hover {
    background: #59728e;
    color: #fff !important
}

.ranking .ranking-vrs-logo-wrapper {
    display: flex;
    gap: 8px;
    flex: 1;
    align-items: center
}

.ranking .ranking-vrs-events-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px
}

.ranking .ranking-vrs-event {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    padding: 8px;
    color: #929a9e;
    gap: 16px;
    align-items: center
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event {
        gap: 8px
    }
}

.ranking .ranking-vrs-event:hover {
    background: #45515f
}

.ranking .ranking-vrs-event .ranking-grey {
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-grey {
        font-size: 10px
    }
}

.ranking .ranking-vrs-event .ranking-vrs-event-logo {
    width: 40px;
    height: 40px;
    flex: 0 0 40px
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-vrs-event-logo {
        width: 20px;
        height: 20px;
        flex: 0 0 20px
    }
}

.ranking .ranking-vrs-event .ranking-vrs-event-logo img {
    width: 100%;
    max-height: 100%
}

.ranking .ranking-vrs-event .ranking-vrs-event-header {
    font-weight: 700;
    font-size: 12px;
    color: #929a9e
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-vrs-event-header {
        font-size: 10px
    }
}

.ranking .ranking-vrs-event .ranking-vrs-event-date {
    font-weight: 700;
    font-size: 12px
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-vrs-event-date {
        font-size: 11px
    }
}

.ranking .ranking-vrs-event .ranking-vrs-event-spots {
    justify-items: right
}

.ranking .ranking-vrs-event .ranking-vrs-event-spots .ranking-vrs-event-spots-counts {
    display: flex;
    gap: 2px
}

.ranking .ranking-vrs-event .ranking-vrs-event-spots .ranking-vrs-event-spots-counts .rank-count {
    display: flex;
    gap: 4px;
    border-radius: 4px;
    padding: 0 8px 0 4px;
    font-weight: 700;
    font-size: 12px;
    color: #929a9e;
    background: rgba(146, 154, 158, .2)
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-vrs-event-spots .ranking-vrs-event-spots-counts .rank-count {
        font-size: 9px;
        padding-left: 0
    }
}

.ranking .ranking-vrs-event .ranking-vrs-event-spots .ranking-vrs-event-spots-counts .rank-count .count {
    border-right: 1px solid rgba(146, 154, 158, .2);
    flex: 0 0 20px;
    width: 20px;
    display: flex;
    text-align: center;
    justify-content: center
}

@media (max-width:500px) {
    .ranking .ranking-vrs-event .ranking-vrs-event-spots .ranking-vrs-event-spots-counts .rank-count .count {
        flex: 0 0 14px;
        width: 14px
    }
}

.ranking-details .the-team-logo {
    height: 30px
}

.ranking-details .section-spacer {
    height: 18px
}

.ranking-details .event-logo,
.ranking-details .team-logo {
    height: 14px;
    margin-right: 5px
}

.ranking-details .type-column {
    width: 50px;
    text-align: center
}

.ranking-details .type-column td {
    opacity: .5
}

.ranking-details .result-column {
    width: 50px;
    text-align: center
}

.ranking-details td.type-column {
    opacity: .5
}

.ranking-details .ranking-details-placement {
    width: 45px
}

.ranking-details .ranking-details-event,
.ranking-details .ranking-details-match {
    width: 100%;
    text-align: left
}

.ranking-details .ranking-details-relevance {
    width: 65px
}

.ranking-details .ranking-details-lineup {
    width: 45px
}

.presented-by-row {
    display: flex;
    justify-content: space-between
}

.presented-by-row a:hover {
    color: rgba(146, 154, 158, .5) !important
}

.presented-by-row .presented-by-img img,
.presented-by-row .presented-by img {
    width: 50px
}

.world-ranking-logo {
    height: 100px;
    overflow: hidden;
    background-color: #0e2b39;
    display: flex;
    border-top: 5px solid #37a0d8;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    padding: 16px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .world-ranking-logo {
        font-size: 18px;
        height: 80px
    }
}

.world-ranking-logo:hover {
    color: #fff !important
}

.world-ranking-logo .world-ranking-right img {
    height: 60px;
    aspect-ratio: auto
}

@media (max-width:500px) {
    .world-ranking-logo .world-ranking-right img {
        height: 45px
    }
}

.world-ranking-banner img {
    aspect-ratio: 638/100;
    max-width: 100%
}

.vrs-ranking-button {
    background: #c16f0c;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 4px;
    height: 17px;
    line-height: 17px
}

.valve-ranking-details .region-asia {
    color: #fff !important;
    background: #e59613 !important
}

.valve-ranking-details .region-eu {
    color: #fff !important;
    background: #039 !important
}

.valve-ranking-details .region-america {
    color: #fff !important;
    background: #b31942 !important
}

.valve-ranking-details .ranked-team {
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer
}

.valve-ranking-details .ranked-team .team-logo {
    height: 28px;
    max-width: 28px;
    margin-right: 10px;
    margin-left: 5px;
    flex: 0 0 28px
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .team-logo {
        margin-right: 4px;
        flex: 0 0 20px;
        max-width: 20px;
        margin-left: 2px
    }
}

.valve-ranking-details .ranked-team .team-logo img {
    width: 100%;
    max-height: 100%
}

.valve-ranking-details .ranked-team .ranking-header {
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .ranking-header {
        padding-right: 6px;
        padding-left: 6px
    }
}

.valve-ranking-details .ranked-team .ranking-header .relative {
    width: 100%
}

.valve-ranking-details .ranked-team .ranking-header .teamLine {
    width: 100%;
    position: absolute;
    bottom: -6px;
    display: flex;
    align-items: center
}

.valve-ranking-details .ranked-team .ranking-header .sectionTeamPlayers {
    transition: .3s
}

.preload .valve-ranking-details .ranked-team .ranking-header .sectionTeamPlayers {
    transition: initial !important
}

.valve-ranking-details .ranked-team .ranking-header .sectionTeamPlayers.teamLineExpanded {
    bottom: -13px;
    transition: .3s ease
}

.preload .valve-ranking-details .ranked-team .ranking-header .sectionTeamPlayers.teamLineExpanded {
    transition: initial !important
}

.valve-ranking-details .ranked-team .ranking-header .playersLine {
    width: 100%;
    position: absolute;
    bottom: -20px;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s ease
}

.preload .valve-ranking-details .ranked-team .ranking-header .playersLine {
    transition: initial !important
}

.valve-ranking-details .ranked-team .ranking-header .rankingNicknames {
    display: inline-block;
    opacity: .65;
    font-size: 10px
}

.valve-ranking-details .ranked-team .ranking-header .rankingNicknames :after {
    content: " •"
}

.valve-ranking-details .ranked-team .ranking-header .rankingNicknames:last-child :after {
    content: ""
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .ranking-header .rankingNicknames {
        font-size: 9px
    }
}

.valve-ranking-details .ranked-team .ranking-header .position {
    margin-right: 5px;
    font-weight: 700;
    font-size: 14px;
    width: 22px
}

.valve-ranking-details .ranked-team .ranking-header .position.wide-position {
    width: 36px;
    text-align: center
}

.valve-ranking-details .ranked-team .ranking-header .name {
    margin-right: 5px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .ranking-header .name {
        font-size: 14px
    }
}

.valve-ranking-details .ranked-team .ranking-header .points {
    white-space: nowrap;
    margin-right: 5px;
    font-size: 11px;
    flex: 1
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .ranking-header .points {
        font-size: 10px
    }
}

.valve-ranking-details .ranked-team .ranking-header .region {
    background: rgba(146, 154, 158, .25);
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 1px 4px 0;
    border-radius: 4px;
    margin-left: 12px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.valve-ranking-details .ranked-team .ranking-header .region.sub-region {
    border: 1px solid #495867;
    color: rgba(145, 168, 179, .65) !important;
    background: transparent !important
}

@media (max-width:500px) {
    .valve-ranking-details .ranked-team .ranking-header .region {
        font-size: 9px;
        margin-left: 4px
    }
}

.valve-ranking-details .ranked-team .ranking-header .details {
    font-size: 12px
}

.valve-ranking-details .ranked-team .lineup-con {
    border-top: 1px solid #495867
}

.valve-ranking-details .ranked-team .lineup {
    padding-top: 5px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0
}

.valve-ranking-details .ranked-team .playerPicture {
    width: 100%
}

.valve-ranking-details .ranked-team .player-holder {
    width: 20%;
    max-width: 1px
}

.valve-ranking-details .ranked-team .player-holder a {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.valve-ranking-details .ranked-team .nick {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #929a9e !important;
    text-align: center;
    white-space: nowrap
}

.valve-ranking-details .ranked-team .nick img {
    width: 18px;
    height: 12px;
    margin-right: 5px
}

.valve-ranking-details .max-width img {
    max-width: 100%
}

.valve-ranking-details .playerPicture {
    border-radius: 4px
}

@media (max-width:500px) {

    .valve-ranking-details td,
    .valve-ranking-details th {
        font-size: 10px;
        padding: 5px 2px
    }
}

.valve-ranking-details td:first-child {
    padding-left: 2px
}

.valve-ranking-details .detail-boxes {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 4px 10px 8px
}

.valve-ranking-details .detail-boxes .detail-box {
    padding: 5px;
    text-align: center;
    cursor: pointer;
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    font-weight: 700;
    font-size: 18px;
    background: #364250;
    border-right: 1px solid #495867
}

@media (max-width:500px) {
    .valve-ranking-details .detail-boxes .detail-box {
        font-size: 14px;
        flex: auto
    }
}

.valve-ranking-details .detail-boxes .detail-box .detail-points-text {
    font-size: 12px
}

.valve-ranking-details .detail-boxes .detail-box:hover {
    background: #45515f
}

.valve-ranking-details .detail-boxes .detail-box:last-child {
    border-right: 0
}

.valve-ranking-details .detail-boxes .detail-box.active {
    background: #435971;
    color: #fff
}

.valve-ranking-details .detail-boxes .detail-box.active .detail-head {
    color: #fff
}

.valve-ranking-details .detail-boxes .detail-box .detail-head {
    font-weight: 400;
    font-size: 11px;
    margin-top: -6px;
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {
    .valve-ranking-details .detail-boxes .detail-box .detail-head {
        font-size: 8px;
        line-height: 10px;
        margin-top: -2px
    }
}

.valve-ranking-details .detail-boxes :first-child {
    border-radius: 4px 0 0 4px
}

.valve-ranking-details .detail-boxes :last-child {
    border-radius: 0 4px 4px 0
}

.valve-ranking-details .details-matches .date {
    width: 50px;
    text-align: center
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .date {
        width: 44px
    }
}

.valve-ranking-details .details-matches .event-logo,
.valve-ranking-details .details-matches .team-logo {
    margin-right: 5px
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .event-logo {
        margin: 0 auto;
        display: flex;
        justify-content: center
    }
}

.valve-ranking-details .details-matches .wl {
    width: 25px
}

.valve-ranking-details .details-matches .win {
    color: #09c100
}

.valve-ranking-details .details-matches .loss {
    color: #fc1d1d
}

.valve-ranking-details .details-matches .pts {
    width: 30px;
    text-align: center
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .pts {
        width: 25px
    }
}

.valve-ranking-details .details-matches .right-a {
    text-align: right
}

.valve-ranking-details .details-matches .left-a {
    text-align: left
}

.valve-ranking-details .details-matches .center {
    text-align: center
}

.valve-ranking-details .details-matches .recency {
    width: 45px;
    text-align: center
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .recency {
        width: 38px
    }
}

.valve-ranking-details .details-matches .eventvalue,
.valve-ranking-details .details-matches .prizewon {
    width: 65px
}

@media (max-width:500px) {

    .valve-ranking-details .details-matches .eventvalue,
    .valve-ranking-details .details-matches .prizewon {
        width: 55px
    }
}

.valve-ranking-details .details-matches .oppbounty,
.valve-ranking-details .details-matches .oppnetwork {
    width: 80px
}

@media (max-width:500px) {

    .valve-ranking-details .details-matches .oppbounty,
    .valve-ranking-details .details-matches .oppnetwork {
        width: 62px
    }
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .oppbounty {
        width: 55px
    }
}

.valve-ranking-details .details-matches .opponent {
    width: 120px
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .opponent {
        width: 50px
    }
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches .event {
        width: 30px
    }
}

.valve-ranking-details .details-matches th {
    font-size: 11px
}

@media (max-width:500px) {
    .valve-ranking-details .details-matches th {
        font-size: 9px
    }
}

.valve-ranking-details .detail-explain {
    font-size: 14px;
    color: rgba(145, 168, 179, .65);
    padding: 16px
}

.valve-ranking-details .vrs-details {
    margin-bottom: 10px
}

.results {
    font-size: 12px
}

.results #res_top img {
    width: 100%
}

.results .standard-headline {
    margin-bottom: 0
}

.results #results_3 img {
    width: 100%
}

.results .clearfix {
    clear: both
}

.results .pagination-component.pagination-top {
    margin-top: 5px
}

.results .standard-headline {
    font-size: 20px;
    font-weight: 700;
    opacity: 1
}

.results .results-holder .team-cell {
    width: 25%
}

.results .results-holder .team-cell .team1 {
    justify-content: flex-end
}

.results .results-holder .team-cell .team1 img {
    margin-left: 5px
}

.results .results-holder .team-cell .team2 {
    justify-content: flex-start
}

.results .results-holder .team-cell .team2 img {
    margin-right: 5px
}

.results .results-holder .team-cell .team-won {
    font-weight: 700
}

html.no-spoiler .results .results-holder .team-cell .team-won {
    font-weight: 400
}

.results .results-holder .date-cell {
    width: 50px;
    font-weight: 700
}

.results .results-holder .score-won {
    color: #09c100
}

.results .results-holder .score-lost {
    color: #fc1d1d
}

.results .results-holder .score-tie {
    color: #5a96dc
}

html.no-spoiler .results .results-holder .score-lost,
html.no-spoiler .results .results-holder .score-tie,
html.no-spoiler .results .results-holder .score-won {
    visibility: hidden
}

.results .results-holder .star-cell {
    text-align: right;
    width: 53px
}

.results .results-holder .star-cell .map-and-stars {
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.results .results-holder .star-cell .map-and-stars .map,
.results .results-holder .star-cell .map-and-stars .stars {
    line-height: 14px
}

.results .results-holder .star-cell .map-and-stars .map {
    text-align: right
}

.results .results-holder .star-cell .map-text {
    opacity: .5
}

.results .results-holder .result-lost {
    box-shadow: inset 3px 0 0 #fc1d1d, 0 1px 1px #3c4a58;
    opacity: .5
}

.results .results-holder .result-won {
    box-shadow: inset 3px 0 0 0 #09c100, 0 1px 1px #3c4a58
}

.results .results-holder .fade-result {
    opacity: .5
}

.results .results-holder .result-score {
    width: 40px;
    font-weight: 700;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}

.results .results-holder .result {
    padding: 5px;
    margin-bottom: 5px
}

.results .results-holder .result table {
    width: 100%;
    table-layout: fixed
}

.results .results-holder .result .vs {
    opacity: .5;
    width: 5%
}

.results .results-holder .result .team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.results .results-holder .result .line-align {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 1%
}

@media (min-width:501px) {
    .results .results-holder .result .event {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:500px) {
    .results .results-holder .result .event {
        text-align: center;
        width: 30px
    }
}

.results .results-holder .result .event-name {
    opacity: .85
}

@media (max-width:500px) {
    .results .results-holder .result .event-name {
        display: none
    }
}

.results .results-holder .result .team-logo {
    max-width: 15px;
    max-height: 20px
}

.results .results-holder .result .event-logo {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.results .section-spacer {
    height: 18px
}

.results .results-sublist {
    margin-top: 18px
}

.results .results-sublist:first-child {
    margin-top: 0
}

.results .result-con {
    background-color: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.results .result-con:nth-child(odd) {
    background-color: #232d38
}

.results .result-con:hover {
    background-color: #45515f !important
}

.results .result-con:first-of-type {
    margin-top: 0
}

.results .result-con .table:hover {
    background-color: #45515f !important
}

.results .table {
    width: 100%;
    border-collapse: collapse
}

.results .line-align {
    display: flex;
    flex-direction: row;
    align-items: center
}

.results .stars {
    margin-left: 5px;
    height: 20px
}

.results .star {
    font-size: 8px;
    margin-right: 2px
}

.results .box-con {
    border: 1px solid #495867;
    border-bottom: 0
}

.results .box-header {
    text-decoration: none;
    color: #87a3bf;
    background-color: #f1f1f1;
    padding: 6px 0 6px 10px;
    border-bottom: 1px solid #495867;
    cursor: pointer
}

.results .box-header:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.results .box-header.open {
    color: #000
}

.results .box-content {
    border-bottom: 1px solid #495867;
    background-color: #2d3844
}

.results .padded-content {
    padding: 10px
}

.results .filter-age,
.results .filter-date,
.results .filter-event-input,
.results .filter-player-input,
.results .filter-team-input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
    background-color: #2d3844;
    color: #929a9e
}

.results .filter-content-check-con {
    margin-bottom: 5px
}

.results .filter-content-check-con:last-child {
    margin-bottom: 0
}

.results .filter-map {
    margin-bottom: 5px;
    display: block;
    font-weight: 400
}

.results .filter-map:last-child {
    margin-bottom: 0
}

.results .filter-map.selected {
    color: inherit;
    font-weight: inherit;
    font-weight: 700
}

.results .filter-event,
.results .filter-player,
.results .filter-team {
    padding: 0 0 3px;
    margin: 0 0 3px;
    border-bottom: 1px solid #495867
}

.results .filter-event:after,
.results .filter-event:before,
.results .filter-player:after,
.results .filter-player:before,
.results .filter-team:after,
.results .filter-team:before {
    content: " ";
    display: table
}

.results .filter-event:after,
.results .filter-player:after,
.results .filter-team:after {
    clear: both
}

.results .filter-event-close,
.results .filter-player-close,
.results .filter-team-close {
    float: right
}

.results .filter-event-logo,
.results .filter-team-logo {
    height: 14px
}

.results .filter-content-check,
.results .filter-player-check {
    vertical-align: bottom
}

.results .box-content {
    font-size: 10px
}

@media (max-width:500px) {
    .results .eventName {
        max-width: 0;
        padding-right: 10px
    }
}

.results .big-results .tab-holder {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    display: inline-flex;
    flex-direction: row;
    position: relative;
    z-index: 1;
    max-width: 95%
}

.results .big-results .tab {
    transition: background-color .2s ease;
    cursor: pointer;
    float: left;
    padding: 5px 7px;
    border-right: 1px solid #495867;
    border-bottom: 1px solid #495867;
    flex: 0 1 auto
}

.preload .results .big-results .tab {
    transition: initial !important
}

.results .big-results .tab:last-child {
    border-right: none
}

.results .big-results .tab:hover {
    background-color: #45515f
}

.results .big-results .tab.active {
    background-color: #2d3844;
    font-weight: 700;
    border-bottom: none !important
}

.results .big-results .tab img {
    height: 20px;
    width: 20px;
    margin-right: 5px
}

@media (max-width:500px) {
    .results .big-results .tab img {
        margin-right: 2px
    }
}

.results .big-results .tab-content-holder {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .25);
    padding: 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 18px
}

.results .big-results .tab-content-holder .result-con:nth-child(2n) {
    background-color: rgba(0, 0, 0, .06)
}

.ranking-development-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    font-family: Open Sans, sans-serif !important;
    width: 275px;
    background-color: #364250;
    color: #929a9e;
    padding: 5px
}

.ranking-development-tooltip .v-rank-box {
    padding: 4px;
    background: #1b1f23;
    border-radius: 4px
}

.ranking-development-tooltip .v-rank-tooltip {
    font-size: 11px !important
}

.ranking-development-tooltip .v-rank-tooltip:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px
}

.ranking-development-tooltip .flex {
    display: flex;
    gap: 8px
}

.ranking-development-tooltip .flex-col {
    display: flex;
    flex-direction: column
}

.ranking-development-tooltip .flex-end {
    align-items: flex-end
}

.ranking-development-tooltip .player-row {
    margin-top: 10px;
    display: flex
}

.ranking-development-tooltip .player-row .player {
    margin-right: 5px;
    text-align: center
}

.ranking-development-tooltip .player-row .player:last-child {
    margin-right: 0
}

.ranking-development-tooltip .player-row .player .player-name {
    font-size: 8px
}

.ranking-development-tooltip .player-row img {
    width: 51px
}

.ranking-development-tooltip .ranking-development-top-info {
    display: flex;
    justify-content: space-between
}

.ranking-development-tooltip .ranking-development-top-info .subtitle {
    font-size: 10px;
    opacity: .5;
    display: flex;
    text-align: right;
    align-self: flex-end
}

.ranking-development-tooltip .ranking-development-top-info .positive {
    opacity: 1;
    color: #09c100
}

.ranking-development-tooltip .ranking-development-top-info .negative {
    opacity: 1;
    color: #fc1d1d
}

.ranking-development-tooltip .ranking-development-top-info .title {
    font-size: 14px
}

.playerProfile,
.teamProfile {
    font-size: 12px
}

.playerProfile .popup-text,
.teamProfile .popup-text {
    font-weight: 400;
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.playerProfile .team-player-profile-below-trophies-placement,
.teamProfile .team-player-profile-below-trophies-placement {
    margin-top: 18px
}

.playerProfile .faq-wrapper,
.teamProfile .faq-wrapper {
    display: grid;
    grid-gap: 16px
}

.playerProfile .faq-question,
.teamProfile .faq-question {
    font-size: 12px;
    font-weight: 700
}

.playerProfile .currently-playing-wrapper,
.teamProfile .currently-playing-wrapper {
    background-color: #232d38;
    margin-left: -16px;
    margin-right: -16px;
    padding: 1px 16px 40px;
    margin-top: -8px;
    position: relative
}

@media (max-width:500px) {

    .playerProfile .currently-playing-wrapper,
    .teamProfile .currently-playing-wrapper {
        margin-right: -8px;
        margin-left: -8px
    }
}

.playerProfile .currently-playing-wrapper:after,
.teamProfile .currently-playing-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(45, 56, 68, 0) 0, #2d3844);
    display: block;
    bottom: 0;
    left: 0
}

.playerProfile .currently-playing-wrapper .currently-playing-background,
.teamProfile .currently-playing-wrapper .currently-playing-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: url(/img/static/gfx/bg_current_match.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .75
}

.playerProfile .currently-playing-wrapper .standard-headline,
.teamProfile .currently-playing-wrapper .standard-headline {
    color: #fff;
    z-index: 2;
    margin-bottom: 16px;
    position: relative
}

.playerProfile .currently-playing-wrapper .standard-headline .live-indicator,
.teamProfile .currently-playing-wrapper .standard-headline .live-indicator {
    background-color: #c80303;
    border-radius: 4px;
    padding: 0 8px 1px;
    color: #fff;
    margin-right: 5px;
    font-size: 10px;
    position: relative;
    top: -1px
}

.playerProfile .currently-playing-wrapper .standard-headline .live-indicator:before,
.teamProfile .currently-playing-wrapper .standard-headline .live-indicator:before {
    content: " ";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -1px
}

.playerProfile .currently-playing-container,
.teamProfile .currently-playing-container {
    display: flex;
    background-color: rgba(67, 89, 113, .75);
    border-radius: 4px;
    padding: 8px 16px;
    transition: .2s ease;
    cursor: pointer;
    color: #fff;
    z-index: 1;
    position: relative;
    border: 1px solid #445465;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.preload .playerProfile .currently-playing-container,
.preload .teamProfile .currently-playing-container {
    transition: initial !important
}

.playerProfile .currently-playing-container:hover,
.teamProfile .currently-playing-container:hover {
    background-color: rgba(67, 89, 113, .9);
    color: #fff !important
}

.playerProfile .currently-playing-container:hover .currently-playing-watch,
.teamProfile .currently-playing-container:hover .currently-playing-watch {
    background-color: #fff;
    color: #435971
}

.playerProfile .currently-playing-container .currently-playing-middle,
.teamProfile .currently-playing-container .currently-playing-middle {
    flex: 1;
    display: flex;
    align-items: center
}

.playerProfile .currently-playing-container .currently-playing-watch,
.teamProfile .currently-playing-container .currently-playing-watch {
    margin: 0 auto;
    color: hsla(0, 0%, 100%, .65);
    font-weight: 700;
    padding: 4px 16px;
    border: 1px solid hsla(0, 0%, 100%, .55);
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0);
    transition: .2s ease
}

.preload .playerProfile .currently-playing-container .currently-playing-watch,
.preload .teamProfile .currently-playing-container .currently-playing-watch {
    transition: initial !important
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-watch,
    .teamProfile .currently-playing-container .currently-playing-watch {
        padding: 2px 8px;
        font-size: 9px
    }
}

.playerProfile .currently-playing-container .currently-playing-team,
.teamProfile .currently-playing-container .currently-playing-team {
    flex: 0 0 40%;
    display: flex;
    align-items: center
}

.playerProfile .currently-playing-container .currently-playing-team.team1 .currently-playing-team-logo-container,
.teamProfile .currently-playing-container .currently-playing-team.team1 .currently-playing-team-logo-container {
    margin-right: 16px
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-team.team1 .currently-playing-team-logo-container,
    .teamProfile .currently-playing-container .currently-playing-team.team1 .currently-playing-team-logo-container {
        margin-right: 8px
    }
}

.playerProfile .currently-playing-container .currently-playing-team.team2,
.teamProfile .currently-playing-container .currently-playing-team.team2 {
    justify-content: flex-end;
    text-align: right
}

.playerProfile .currently-playing-container .currently-playing-team.team2 .currently-playing-team-logo-container,
.teamProfile .currently-playing-container .currently-playing-team.team2 .currently-playing-team-logo-container {
    margin-left: 16px
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-team.team2 .currently-playing-team-logo-container,
    .teamProfile .currently-playing-container .currently-playing-team.team2 .currently-playing-team-logo-container {
        margin-left: 8px
    }
}

.playerProfile .currently-playing-container .currently-playing-team-logo-container,
.teamProfile .currently-playing-container .currently-playing-team-logo-container {
    height: 40px;
    width: 40px;
    align-items: center;
    display: flex;
    flex: 0 0 auto
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-team-logo-container,
    .teamProfile .currently-playing-container .currently-playing-team-logo-container {
        height: 30px;
        width: 30px
    }
}

.playerProfile .currently-playing-container .currently-playing-team-logo-container img,
.teamProfile .currently-playing-container .currently-playing-team-logo-container img {
    max-width: 100%
}

.playerProfile .currently-playing-container .currently-playing-teamname,
.teamProfile .currently-playing-container .currently-playing-teamname {
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-teamname,
    .teamProfile .currently-playing-container .currently-playing-teamname {
        font-size: 12px
    }
}

.playerProfile .currently-playing-container .currently-playing-score,
.teamProfile .currently-playing-container .currently-playing-score {
    color: rgba(158, 200, 241, .65);
    font-size: 12px
}

@media (max-width:500px) {

    .playerProfile .currently-playing-container .currently-playing-score,
    .teamProfile .currently-playing-container .currently-playing-score {
        font-size: 10px
    }
}

.playerProfile .hof-trophy-section .hof-trophySection,
.teamProfile .hof-trophy-section .hof-trophySection {
    background: none !important;
    box-shadow: none !important
}

.playerProfile .hof-trophy-section .majorTrophy:after,
.teamProfile .hof-trophy-section .majorTrophy:after {
    bottom: -2px !important;
    right: -2px !important;
    width: 13px !important;
    height: 13px !important;
    font-size: 7px !important
}

.playerProfile .hof-trophy-section .mvp-count,
.teamProfile .hof-trophy-section .mvp-count {
    bottom: -2px !important;
    right: -2px !important
}

.playerProfile .hof-trophy-section .hof-mvp-list .trophyDescription:after,
.teamProfile .hof-trophy-section .hof-mvp-list .trophyDescription:after {
    background-image: url(/img/static/event/mvpOld.png);
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background-size: 13px 13px
}

.playerProfile .hof-trophy-section .non-trophy .trophyDescription img,
.teamProfile .hof-trophy-section .non-trophy .trophyDescription img {
    opacity: .2
}

.playerProfile .hof-trophy-section .non-trophy .trophyDescription:before,
.teamProfile .hof-trophy-section .non-trophy .trophyDescription:before {
    content: "2nd";
    position: absolute;
    right: -4px;
    font-weight: 700;
    top: -2px;
    font-size: 8px;
    color: #3b3b3b;
    background: linear-gradient(45deg, #cbcbcb, #bfbfbf);
    padding: 0 3px;
    border-radius: 4px;
    z-index: 10;
    opacity: 1
}

.playerProfile .hof-trophy-section .non-trophy .trophyDescription.third-place:before,
.teamProfile .hof-trophy-section .non-trophy .trophyDescription.third-place:before {
    content: "3rd";
    background: linear-gradient(45deg, #e36400, #ffbe98)
}

.playerProfile .hof-trophy-section .award-year,
.teamProfile .hof-trophy-section .award-year {
    bottom: -2px !important;
    right: -4px !important
}

.playerProfile .hof-trophy-section .hof-trophyRow,
.teamProfile .hof-trophy-section .hof-trophyRow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.playerProfile .hof-trophy-section .trophyIcon,
.teamProfile .hof-trophy-section .trophyIcon {
    width: 43px !important;
    height: 43px !important;
    padding: 4px
}

.playerProfile .hof-trophy-section .trophyDescription,
.teamProfile .hof-trophy-section .trophyDescription {
    padding: 0 !important;
    background: #364250;
    border-radius: 4px
}

.playerProfile .hof-trophy-section .trophyDescription:hover,
.teamProfile .hof-trophy-section .trophyDescription:hover {
    background: #495867
}

.playerProfile .hof-trophy-section .trophyDescription:hover img,
.teamProfile .hof-trophy-section .trophyDescription:hover img {
    opacity: 1
}

.playerProfile .trophySection,
.teamProfile .trophySection {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    display: flex;
    flex-direction: row
}

.playerProfile .trophySection .trophy,
.teamProfile .trophySection .trophy {
    border-right: 1px solid #495867
}

.playerProfile .trophySection .mvp-count,
.teamProfile .trophySection .mvp-count {
    position: absolute;
    color: #fff;
    border-radius: 35px;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    background-color: #435971;
    bottom: 2px;
    right: 2px
}

.playerProfile .trophySection .coach-winner-trophy,
.teamProfile .trophySection .coach-winner-trophy {
    position: absolute;
    width: 15px;
    height: 15px;
    color: #fff;
    border-radius: 35px;
    font-size: 9px;
    font-weight: 700;
    background-color: #435971;
    right: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.playerProfile .trophySection .coach-winner-trophy p,
.teamProfile .trophySection .coach-winner-trophy p {
    position: relative;
    left: -1px;
    font-size: 9px;
    top: 0
}

.playerProfile .trophySection .trophyRow,
.teamProfile .trophySection .trophyRow {
    display: flex;
    flex-direction: row;
    flex: 1;
    overflow: hidden;
    overflow-x: auto
}

@media (max-width:500px) {

    .playerProfile .trophySection .trophyRow,
    .teamProfile .trophySection .trophyRow {
        overflow-x: auto
    }
}

@media (max-width:500px) {

    .playerProfile .trophySection .trophyRow .hidden,
    .teamProfile .trophySection .trophyRow .hidden {
        display: block !important
    }
}

.playerProfile .trophySection .trophyRow a:hover,
.teamProfile .trophySection .trophyRow a:hover {
    background-color: #45515f
}

@media (min-width:501px) {

    .playerProfile .trophySection .trophyRow::-webkit-scrollbar-track,
    .teamProfile .trophySection .trophyRow::-webkit-scrollbar-track {
        border-top: 1px solid #495867
    }

    .playerProfile .trophySection .trophyRow::-webkit-scrollbar-thumb,
    .teamProfile .trophySection .trophyRow::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #232d38;
        width: 5px
    }

    .playerProfile .trophySection .trophyRow::-webkit-scrollbar,
    .teamProfile .trophySection .trophyRow::-webkit-scrollbar {
        height: 10px
    }
}

.playerProfile .trophySection .trophyTitle,
.teamProfile .trophySection .trophyTitle {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    color: #b9bdbf;
    margin-top: 3px
}

.playerProfile .trophySection .trophyEvent,
.teamProfile .trophySection .trophyEvent {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.playerProfile .trophySection .nextTrophy,
.playerProfile .trophySection .previousTrophy,
.teamProfile .trophySection .nextTrophy,
.teamProfile .trophySection .previousTrophy {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 24px;
    margin: auto 0;
    cursor: pointer;
    min-width: 30px
}

@media (max-width:500px) {

    .playerProfile .trophySection .nextTrophy,
    .playerProfile .trophySection .previousTrophy,
    .teamProfile .trophySection .nextTrophy,
    .teamProfile .trophySection .previousTrophy {
        display: none
    }
}

.playerProfile .trophySection .nextTrophy.disabled,
.playerProfile .trophySection .previousTrophy.disabled,
.teamProfile .trophySection .nextTrophy.disabled,
.teamProfile .trophySection .previousTrophy.disabled {
    opacity: .5;
    cursor: default
}

.playerProfile .trophySection .trophyHolder,
.teamProfile .trophySection .trophyHolder {
    display: flex;
    flex-direction: column
}

.playerProfile .trophySection .trophyHolder .trophyIcon,
.teamProfile .trophySection .trophyHolder .trophyIcon {
    width: 35px;
    height: 35px;
    float: left
}

.playerProfile .trophySection .trophyHolder .trophyDescription,
.teamProfile .trophySection .trophyHolder .trophyDescription {
    position: relative;
    line-height: 13px;
    padding: 5px
}

.playerProfile .trophySection .award-year,
.playerProfile .trophySection .faceit-season,
.playerProfile .trophySection .majorTrophy:after,
.teamProfile .trophySection .award-year,
.teamProfile .trophySection .faceit-season,
.teamProfile .trophySection .majorTrophy:after {
    color: #fff;
    border-radius: 35px;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 4px 2px 3px;
    background-color: #435971;
    bottom: 2px;
    right: 1px;
    position: absolute
}

.playerProfile .trophySection .majorTrophy:after,
.teamProfile .trophySection .majorTrophy:after {
    content: "\f005";
    width: 17px;
    height: 17px;
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(143deg, #dea905 28.76%, #ae8400 93.43%)
}

.playerProfile .legacy-btn,
.teamProfile .legacy-btn {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 4px;
    background: #435971;
    color: #fff;
    font-weight: 700;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12px
}

.playerProfile .legacy-btn:hover,
.teamProfile .legacy-btn:hover {
    background: #87a3bf;
    color: #fff !important
}

.playerProfile .person-types,
.teamProfile .person-types {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    display: grid;
    align-items: center;
    background-color: #364250
}

.playerProfile .person-types .person-type,
.teamProfile .person-types .person-type {
    color: #929a9e;
    padding: 10px 0;
    text-align: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.playerProfile .person-types .person-type.selected,
.teamProfile .person-types .person-type.selected {
    font-weight: 700;
    box-shadow: inset 0 -3px 0 0 #435971;
    background-color: #2d3844
}

.playerProfile .person-types .person-type.selected:hover,
.teamProfile .person-types .person-type.selected:hover {
    background-color: #2d3844
}

.playerProfile .person-types .person-type:hover,
.teamProfile .person-types .person-type:hover {
    background-color: #45515f
}

.playerProfile .person-types .person-type .primary-role,
.teamProfile .person-types .person-type .primary-role {
    font-size: 11px;
    opacity: .65;
    color: #929a9e
}

.playerProfile .person-types .person-type .role-name,
.teamProfile .person-types .person-type .role-name {
    margin: auto
}

.playerProfile .placement-cell,
.teamProfile .placement-cell {
    font-size: 11px;
    width: 75px;
    padding-right: 8px;
    text-align: center;
    color: rgba(146, 154, 158, .65)
}

@media (max-width:500px) {

    .playerProfile .placement-cell .achievement,
    .teamProfile .placement-cell .achievement {
        width: 65px;
        margin: 0 auto
    }
}

.playerProfile .placement-cell .achievement .fa-trophy,
.teamProfile .placement-cell .achievement .fa-trophy {
    margin-right: 5px
}

.playerProfile .placement-cell.gold .achievement,
.teamProfile .placement-cell.gold .achievement {
    background-color: #dea905;
    border-radius: 4px;
    color: #503d00
}

.playerProfile .placement-cell.silver .achievement,
.teamProfile .placement-cell.silver .achievement {
    background-color: silver;
    border-radius: 4px;
    color: #525252
}

.playerProfile .placement-cell.bronze .achievement,
.teamProfile .placement-cell.bronze .achievement {
    background-color: #cd7f32;
    border-radius: 4px;
    color: #522b04
}

.playerProfile .placement-cell.black .achievement,
.teamProfile .placement-cell.black .achievement {
    border-radius: 4px;
    color: rgba(146, 154, 158, .65)
}

.playerProfile .placement-cell.black .fa-trophy,
.teamProfile .placement-cell.black .fa-trophy {
    display: none
}

.playerProfile .placement-cell .achievement .black,
.playerProfile .placement-cell .achievement .bronze,
.playerProfile .placement-cell .achievement .gold,
.playerProfile .placement-cell .achievement .silver,
.teamProfile .placement-cell .achievement .black,
.teamProfile .placement-cell .achievement .bronze,
.teamProfile .placement-cell .achievement .gold,
.teamProfile .placement-cell .achievement .silver {
    margin-right: 6px
}

.playerProfile .flex,
.playerProfile .moreButton-container,
.teamProfile .flex,
.teamProfile .moreButton-container {
    display: flex
}

@media (max-width:500px) {

    .playerProfile .moreButton-container,
    .teamProfile .moreButton-container {
        justify-content: center;
        flex: 1 1 100%
    }
}

.playerProfile .moreButton,
.teamProfile .moreButton {
    margin-top: 8px;
    transition: .2s ease
}

.preload .playerProfile .moreButton,
.preload .teamProfile .moreButton {
    transition: initial !important
}

.playerProfile .border-box,
.teamProfile .border-box {
    border: 1px solid #495867;
    padding: 16px;
    border-radius: 4px
}

.playerProfile .border-box.empty-chart,
.teamProfile .border-box.empty-chart {
    height: 150px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: rgba(146, 154, 158, .75);
    background-color: #364250;
    flex-direction: column
}

.playerProfile .standard-headline,
.teamProfile .standard-headline {
    margin-top: 8px;
    font-size: 14px;
    opacity: 1
}

.playerProfile .standard-headline .sub-headline,
.teamProfile .standard-headline .sub-headline {
    font-size: 10px;
    opacity: .65
}

@media (max-width:500px) {

    .playerProfile .standard-headline .sub-headline,
    .teamProfile .standard-headline .sub-headline {
        font-size: 9px
    }
}

.playerProfile .faceit-style,
.teamProfile .faceit-style {
    background-color: #1f1f1f
}

.playerProfile .highlighted-stats-box,
.teamProfile .highlighted-stats-box {
    display: flex;
    border: 1px solid #495867;
    border-radius: 4px
}

.playerProfile .highlighted-stats-box.top,
.teamProfile .highlighted-stats-box.top {
    border-radius: 4px 4px 0 0;
    border-bottom: 0 !important
}

.playerProfile .highlighted-stats-box.bottom,
.teamProfile .highlighted-stats-box.bottom {
    border-radius: 0 0 4px 4px
}

.playerProfile .highlighted-stats-box .all-time-stat,
.teamProfile .highlighted-stats-box .all-time-stat {
    flex: 1 1 100%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #4e4e4e;
    position: relative
}

.playerProfile .highlighted-stats-box .all-time-stat:last-child,
.teamProfile .highlighted-stats-box .all-time-stat:last-child {
    border-right: none
}

.playerProfile .highlighted-stats-box .all-time-stat .stat,
.teamProfile .highlighted-stats-box .all-time-stat .stat {
    font-size: 18px;
    font-weight: 700;
    color: #f50
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .all-time-stat .stat,
    .teamProfile .highlighted-stats-box .all-time-stat .stat {
        font-size: 16px
    }
}

.playerProfile .highlighted-stats-box .all-time-stat .description,
.teamProfile .highlighted-stats-box .all-time-stat .description {
    margin-top: -6px;
    font-size: 11px;
    opacity: .65;
    color: #c4c4c4
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .all-time-stat .description,
    .teamProfile .highlighted-stats-box .all-time-stat .description {
        font-size: 9px;
        margin-top: -5px
    }
}

.playerProfile .highlighted-stats-box .highlighted-stat,
.teamProfile .highlighted-stats-box .highlighted-stat {
    flex: 1 1 100%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #495867;
    position: relative
}

.playerProfile .highlighted-stats-box .highlighted-stat:last-child,
.teamProfile .highlighted-stats-box .highlighted-stat:last-child {
    border-right: none
}

.playerProfile .highlighted-stats-box .highlighted-stat .stat,
.teamProfile .highlighted-stats-box .highlighted-stat .stat {
    font-size: 18px;
    font-weight: 700
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .highlighted-stat .stat,
    .teamProfile .highlighted-stats-box .highlighted-stat .stat {
        font-size: 16px
    }
}

.playerProfile .highlighted-stats-box .highlighted-stat .description,
.teamProfile .highlighted-stats-box .highlighted-stat .description {
    margin-top: -6px;
    font-size: 11px;
    opacity: .65
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .highlighted-stat .description,
    .teamProfile .highlighted-stats-box .highlighted-stat .description {
        font-size: 9px;
        margin-top: -5px
    }
}

.playerProfile .highlighted-stats-box .highlighted-stat .stat-timespan,
.teamProfile .highlighted-stats-box .highlighted-stat .stat-timespan {
    font-size: 9px;
    opacity: .65;
    position: absolute;
    top: 2px;
    right: 8px
}

.playerProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container,
.teamProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container {
    width: 55px;
    height: 55px;
    margin: 8px auto;
    display: flex;
    align-items: center;
    text-align: center
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container,
    .teamProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container {
        width: 40px;
        height: 40px
    }
}

.playerProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container .team-logo,
.teamProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container .team-logo {
    max-width: 55px;
    max-height: 55px
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container .team-logo,
    .teamProfile .highlighted-stats-box .highlighted-stat .highlighted-team-logo-container .team-logo {
        max-width: 40px;
        max-height: 40px
    }
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-stat,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-stat {
    color: #929a9e;
    transition: .2s ease;
    padding-left: 8px;
    padding-right: 8px
}

.preload .playerProfile .highlighted-stats-box.last-5-matches .highlighted-stat,
.preload .teamProfile .highlighted-stats-box.last-5-matches .highlighted-stat {
    transition: initial !important
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box.last-5-matches .highlighted-stat,
    .teamProfile .highlighted-stats-box.last-5-matches .highlighted-stat {
        padding-top: 0;
        padding-bottom: 4px
    }
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-stat:hover,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-stat:hover {
    background-color: #45515f
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-team-name,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-team-name {
    font-weight: 700
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box.last-5-matches .highlighted-team-name,
    .teamProfile .highlighted-stats-box.last-5-matches .highlighted-team-name {
        font-size: 10px
    }
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-match-status,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-match-status {
    color: #fff;
    border-radius: 4px;
    padding: 0 4px;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase
}

@media (max-width:500px) {

    .playerProfile .highlighted-stats-box.last-5-matches .highlighted-match-status,
    .teamProfile .highlighted-stats-box.last-5-matches .highlighted-match-status {
        font-size: 8px
    }
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-won,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-won {
    background-color: #09c100
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-lost,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-lost {
    background-color: #fc1d1d
}

.playerProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-tie,
.teamProfile .highlighted-stats-box.last-5-matches .highlighted-match-status.match-tie {
    background-color: #5a96dc
}

.playerProfile .twitter,
.teamProfile .twitter {
    color: #fff !important;
    padding: 10px 10px 7px;
    font-size: 12px;
    text-align: center;
    background-color: #1da1f2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.playerProfile .twitter:hover,
.teamProfile .twitter:hover {
    background-color: #178ed8
}

@media (max-width:500px) {

    .playerProfile .twitter,
    .teamProfile .twitter {
        position: relative;
        z-index: 13
    }
}

.playerProfile .instagram,
.teamProfile .instagram {
    color: #fff !important;
    padding: 10px 10px 7px;
    font-size: 12px;
    text-align: center;
    background-color: #f00075;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.playerProfile .instagram:hover,
.teamProfile .instagram:hover {
    background-color: #e00065
}

@media (max-width:500px) {

    .playerProfile .instagram,
    .teamProfile .instagram {
        position: relative;
        z-index: 13
    }
}

.playerProfile .twitch,
.teamProfile .twitch {
    color: #fff !important;
    padding: 10px 10px 7px;
    font-size: 12px;
    text-align: center;
    background-color: #6441a4;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.playerProfile .twitch:hover,
.teamProfile .twitch:hover {
    background-color: #50328a
}

@media (max-width:500px) {

    .playerProfile .twitch,
    .teamProfile .twitch {
        position: relative;
        z-index: 3
    }
}

.playerProfile .facebook,
.teamProfile .facebook {
    color: #fff !important;
    padding: 10px 13px 7px 12px;
    font-size: 12px;
    text-align: center;
    background-color: #3b5998;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.playerProfile .facebook:hover,
.teamProfile .facebook:hover {
    background-color: #2f487d
}

@media (max-width:500px) {

    .playerProfile .facebook,
    .teamProfile .facebook {
        position: relative;
        z-index: 3
    }
}

.playerProfile .faceit,
.teamProfile .faceit {
    display: inline-block;
    color: #fff !important;
    padding: 6px 10px 3px 8px;
    font-size: 12px;
    text-align: center;
    background-color: #1f1f1f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    margin-right: 4px
}

.playerProfile .faceit:hover,
.teamProfile .faceit:hover {
    background-color: #121512
}

@media (max-width:500px) {

    .playerProfile .faceit,
    .teamProfile .faceit {
        position: relative;
        z-index: 13
    }
}

.playerProfile .custom-x,
.teamProfile .custom-x {
    display: inline-block;
    color: #fff !important;
    padding: 8px 9px 9px;
    text-align: center;
    background-color: #0f1419;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    margin-right: 4px
}

.playerProfile .custom-x:before,
.teamProfile .custom-x:before {
    content: "";
    background-image: url(/img/static/footer/x-night.svg);
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.playerProfile .custom-x:hover,
.teamProfile .custom-x:hover {
    background-color: #000
}

@media (max-width:500px) {

    .playerProfile .custom-x,
    .teamProfile .custom-x {
        position: relative;
        z-index: 13
    }
}

.playerProfile .fanbutton,
.teamProfile .fanbutton {
    float: right;
    z-index: 4;
    position: relative;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    background-color: #435971;
    border-radius: 4px;
    border: 0;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46)
}

.playerProfile .fanbutton:hover,
.teamProfile .fanbutton:hover {
    background-color: #59728e
}

.playerProfile .fanbutton:disabled,
.teamProfile .fanbutton:disabled {
    opacity: .65;
    cursor: not-allowed
}

.playerProfile .addFan:after,
.teamProfile .addFan:after {
    content: "Become fan"
}

@media (max-width:500px) {

    .playerProfile .addFan:after,
    .teamProfile .addFan:after {
        content: "+Fan"
    }
}

.playerProfile .removeFan:after,
.teamProfile .removeFan:after {
    content: "Remove fan"
}

@media (max-width:500px) {

    .playerProfile .removeFan:after,
    .teamProfile .removeFan:after {
        content: "-Fan"
    }
}

.playerProfile .moreButton,
.teamProfile .moreButton {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    cursor: pointer;
    background-color: #435971;
    color: #fff !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    line-height: 1;
    width: 100%
}

.playerProfile .moreButton a,
.playerProfile .moreButton a:hover,
.teamProfile .moreButton a,
.teamProfile .moreButton a:hover {
    color: #fff !important
}

.playerProfile .moreButton:hover,
.teamProfile .moreButton:hover {
    background-color: #59728e;
    color: #fff !important
}

.playerProfile .section-spacer,
.teamProfile .section-spacer {
    height: 18px
}

.playerProfile .tab-wrapper,
.teamProfile .tab-wrapper {
    background-color: #364250;
    position: relative;
    z-index: 2
}

.playerProfile .tab-holder,
.teamProfile .tab-holder {
    background-color: #364250;
    flex-direction: row;
    position: relative;
    z-index: 1;
    max-width: 95%;
    display: inline-flex
}

@media (max-width:500px) {

    .playerProfile .tab-holder,
    .teamProfile .tab-holder {
        max-width: 100%
    }
}

.playerProfile .tab,
.teamProfile .tab {
    transition: background-color .2s ease;
    cursor: pointer;
    float: left;
    padding: 8px 16px;
    border-right: 1px solid #495867;
    flex: 1 1 auto;
    text-align: center
}

.preload .playerProfile .tab,
.preload .teamProfile .tab {
    transition: initial !important
}

@media (max-width:500px) {

    .playerProfile .tab,
    .teamProfile .tab {
        padding: 8px 5px;
        font-size: 10px
    }
}

@media (min-width:414px) and (max-width:563px) {

    .playerProfile .tab,
    .teamProfile .tab {
        padding: 8px 7px;
        font-size: 11px
    }
}

.playerProfile .tab:hover,
.teamProfile .tab:hover {
    background-color: #45515f
}

.playerProfile .tab.active,
.teamProfile .tab.active {
    background-color: #2d3844;
    font-weight: 700;
    border-bottom: none !important;
    position: relative;
    top: 1px;
    margin-top: -1px;
    z-index: 2
}

.playerProfile .tab-content,
.teamProfile .tab-content {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-top: 1px solid #495867;
    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, .25);
    padding: 8px 16px 16px;
    position: relative;
    z-index: 1;
    margin-bottom: 18px
}

@media (max-width:500px) {

    .playerProfile .tab-content,
    .teamProfile .tab-content {
        padding: 8px
    }
}

.playerProfile .tab-content .faceitBox a:hover,
.teamProfile .tab-content .faceitBox a:hover {
    color: inherit !important;
    cursor: pointer
}

.playerProfile .tab-content .subTab-newsYear,
.teamProfile .tab-content .subTab-newsYear {
    margin-top: 16px
}

.playerProfile .tab-content .subTab-newsArticle,
.teamProfile .tab-content .subTab-newsArticle {
    padding: 8px 0;
    display: flex;
    font-size: 14px;
    align-items: center;
    border-bottom: 1px solid rgba(73, 88, 103, .35);
    color: #929a9e;
    cursor: pointer;
    transition: .2s ease
}

.preload .playerProfile .tab-content .subTab-newsArticle,
.preload .teamProfile .tab-content .subTab-newsArticle {
    transition: initial !important
}

@media (max-width:500px) {

    .playerProfile .tab-content .subTab-newsArticle,
    .teamProfile .tab-content .subTab-newsArticle {
        font-size: 12px
    }
}

.playerProfile .tab-content .subTab-newsArticle:hover,
.teamProfile .tab-content .subTab-newsArticle:hover {
    background-color: #45515f !important
}

.playerProfile .tab-content .subTab-newsArticle:last-child,
.teamProfile .tab-content .subTab-newsArticle:last-child {
    border-bottom: none
}

.playerProfile .tab-content .subTab-newsArticle:nth-child(odd),
.teamProfile .tab-content .subTab-newsArticle:nth-child(odd) {
    background-color: #364250
}

.playerProfile .tab-content .subTab-newsArticle .subTab-newsDate,
.teamProfile .tab-content .subTab-newsArticle .subTab-newsDate {
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    flex: 0 0 45px;
    margin-right: 8px;
    background-color: #435971;
    border-radius: 4px;
    text-align: center
}

@media (max-width:500px) {

    .playerProfile .tab-content .subTab-newsArticle .subTab-newsDate,
    .teamProfile .tab-content .subTab-newsArticle .subTab-newsDate {
        font-size: 10px;
        flex: 0 0 35px
    }
}

.playerProfile .tab-content .sub-navigation,
.teamProfile .tab-content .sub-navigation {
    margin-top: 8px
}

.playerProfile .tab-content .empty-state,
.teamProfile .tab-content .empty-state {
    font-size: 14px;
    color: rgba(146, 154, 158, .75);
    background-color: #364250;
    border: 1px solid #495867;
    padding: 16px;
    display: flex
}

.playerProfile .tab-content .empty-state .fa,
.teamProfile .tab-content .empty-state .fa {
    font-size: 32px;
    color: rgba(146, 154, 158, .35);
    margin-right: 16px
}

.playerProfile .tab-content .empty-state span,
.teamProfile .tab-content .empty-state span {
    align-self: center
}

.playerProfile .grid .col,
.teamProfile .grid .col {
    transition: .2s ease
}

.preload .playerProfile .grid .col,
.preload .teamProfile .grid .col {
    transition: initial !important
}

.playerProfile .grid .col:hover,
.teamProfile .grid .col:hover {
    filter: brightness(120%)
}

.playerProfile .player-oxVVUdvP123Gazx,
.teamProfile .player-oxVVUdvP123Gazx {
    margin-top: 18px
}

.playerProfile .galleries-button-padding,
.teamProfile .galleries-button-padding {
    padding: 10px
}

.playerProfile .upcoming-events-holder,
.teamProfile .upcoming-events-holder {
    display: flex;
    flex-wrap: wrap
}

.playerProfile .upcoming-events-holder .standard-box:hover,
.teamProfile .upcoming-events-holder .standard-box:hover {
    background-color: #45515f !important
}

.playerProfile .upcoming-events-holder .ongoing-event,
.teamProfile .upcoming-events-holder .ongoing-event {
    flex: 1 1 100%;
    padding: 8px;
    border-bottom: 1px solid #495867;
    transition: .2s ease
}

.preload .playerProfile .upcoming-events-holder .ongoing-event,
.preload .teamProfile .upcoming-events-holder .ongoing-event {
    transition: initial !important
}

.playerProfile .upcoming-events-holder .ongoing-event:hover,
.teamProfile .upcoming-events-holder .ongoing-event:hover {
    background-color: #45515f !important
}

.playerProfile .upcoming-events-holder .ongoing-event:last-child,
.teamProfile .upcoming-events-holder .ongoing-event:last-child {
    border-bottom: 0
}

.playerProfile .upcoming-events-holder .ongoing-event:nth-child(odd),
.teamProfile .upcoming-events-holder .ongoing-event:nth-child(odd) {
    background-color: #364250
}

.playerProfile .upcoming-events-holder .ongoing-event .content,
.teamProfile .upcoming-events-holder .ongoing-event .content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.playerProfile .upcoming-events-holder .ongoing-event .content .eventbox-info,
.teamProfile .upcoming-events-holder .ongoing-event .content .eventbox-info {
    display: flex;
    flex-direction: column;
    width: 100%
}

.playerProfile .upcoming-events-holder .ongoing-event .content .eventbox-info .eventbox-eventname,
.teamProfile .upcoming-events-holder .ongoing-event .content .eventbox-info .eventbox-eventname {
    font-size: 14px;
    font-weight: 700
}

.playerProfile .upcoming-events-holder .ongoing-event .content .eventbox-info .eventbox-subinfo,
.teamProfile .upcoming-events-holder .ongoing-event .content .eventbox-info .eventbox-subinfo {
    display: flex;
    justify-content: space-between;
    color: rgba(146, 154, 158, .65)
}

.playerProfile .upcoming-events-holder .ongoing-event.no-height,
.teamProfile .upcoming-events-holder .ongoing-event.no-height {
    height: 0;
    margin: 0;
    padding: 0
}

.playerProfile .upcoming-events-holder .ongoing-event .col-desc,
.teamProfile .upcoming-events-holder .ongoing-event .col-desc {
    opacity: .75
}

.playerProfile .upcoming-events-holder .ongoing-event .logo,
.teamProfile .upcoming-events-holder .ongoing-event .logo {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    margin-right: 8px
}

.playerProfile .upcoming-events-holder .ongoing-event .table-holder,
.teamProfile .upcoming-events-holder .ongoing-event .table-holder {
    flex: 1 1 0
}

.playerProfile .upcoming-events-holder .ongoing-event .table,
.teamProfile .upcoming-events-holder .ongoing-event .table {
    border-collapse: collapse;
    width: 100%
}

.playerProfile .upcoming-events-holder .ongoing-event .event-name-col,
.teamProfile .upcoming-events-holder .ongoing-event .event-name-col {
    max-width: 0;
    font-weight: 700;
    color: #b9bdbf
}

.playerProfile .upcoming-events-holder .ongoing-event .small-team-logo,
.teamProfile .upcoming-events-holder .ongoing-event .small-team-logo {
    width: 15px;
    max-height: 15px;
    margin-right: 2px;
    margin-left: 2px
}

.playerProfile .upcoming-events-holder .ongoing-event .top-team-logos,
.teamProfile .upcoming-events-holder .ongoing-event .top-team-logos {
    text-align: right;
    height: 16px;
    flex: 0 0 0;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    float: right
}

@media (max-width:500px) {

    .playerProfile .upcoming-events-holder .ongoing-event .top-team-logos,
    .teamProfile .upcoming-events-holder .ongoing-event .top-team-logos {
        max-width: 200px
    }
}

.playerProfile .upcoming-matches-holder .standard-box:hover,
.teamProfile .upcoming-matches-holder .standard-box:hover {
    background-color: #45515f !important
}

.playerProfile .upcoming-matches-holder .upcoming-match:nth-child(2n),
.teamProfile .upcoming-matches-holder .upcoming-match:nth-child(2n) {
    background-color: #232d38
}

.playerProfile .upcoming-matches-holder .upcoming-match,
.teamProfile .upcoming-matches-holder .upcoming-match {
    padding: 5px 10px;
    margin-bottom: 5px
}

.playerProfile .upcoming-matches-holder .upcoming-match table,
.teamProfile .upcoming-matches-holder .upcoming-match table {
    table-layout: fixed;
    width: 100%
}

.playerProfile .upcoming-matches-holder .upcoming-match .time,
.teamProfile .upcoming-matches-holder .upcoming-match .time {
    width: 40px;
    font-weight: 700;
    color: #b9bdbf
}

.playerProfile .upcoming-matches-holder .upcoming-match .vs,
.teamProfile .upcoming-matches-holder .upcoming-match .vs {
    opacity: .5;
    width: 5%
}

.playerProfile .upcoming-matches-holder .upcoming-match .team,
.teamProfile .upcoming-matches-holder .upcoming-match .team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.playerProfile .upcoming-matches-holder .upcoming-match .placeholder-text-cell,
.teamProfile .upcoming-matches-holder .upcoming-match .placeholder-text-cell {
    text-align: center
}

.playerProfile .upcoming-matches-holder .upcoming-match .line-align,
.teamProfile .upcoming-matches-holder .upcoming-match .line-align {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 1%
}

@media (min-width:501px) {

    .playerProfile .upcoming-matches-holder .upcoming-match .event,
    .teamProfile .upcoming-matches-holder .upcoming-match .event {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:500px) {

    .playerProfile .upcoming-matches-holder .upcoming-match .event,
    .teamProfile .upcoming-matches-holder .upcoming-match .event {
        text-align: center;
        width: 30px
    }
}

.playerProfile .upcoming-matches-holder .upcoming-match .event-name,
.teamProfile .upcoming-matches-holder .upcoming-match .event-name {
    opacity: .85
}

@media (max-width:500px) {

    .playerProfile .upcoming-matches-holder .upcoming-match .event-name,
    .teamProfile .upcoming-matches-holder .upcoming-match .event-name {
        display: none
    }
}

.playerProfile .upcoming-matches-holder .upcoming-match .team-logo,
.teamProfile .upcoming-matches-holder .upcoming-match .team-logo {
    max-width: 15px;
    max-height: 20px;
    margin-right: 5px
}

.playerProfile .upcoming-matches-holder .upcoming-match .event-logo,
.teamProfile .upcoming-matches-holder .upcoming-match .event-logo {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.playerProfile .results-holder .standard-box:hover,
.teamProfile .results-holder .standard-box:hover {
    background-color: #45515f !important
}

.playerProfile .results-holder .result-lost,
.teamProfile .results-holder .result-lost {
    box-shadow: inset 3px 0 0 #fc1d1d, 0 1px 1px #3c4a58;
    opacity: .5
}

.playerProfile .results-holder .result-won,
.teamProfile .results-holder .result-won {
    box-shadow: inset 3px 0 0 0 #09c100, 0 1px 1px #3c4a58
}

.playerProfile .results-holder .fade-result,
.teamProfile .results-holder .fade-result {
    opacity: .5
}

.playerProfile .results-holder .result-score,
.teamProfile .results-holder .result-score {
    width: 40px;
    font-weight: 700;
    color: #b9bdbf
}

.playerProfile .results-holder .result,
.teamProfile .results-holder .result {
    padding: 5px 10px;
    margin-bottom: 5px
}

.playerProfile .results-holder .result table,
.teamProfile .results-holder .result table {
    width: 100%;
    table-layout: fixed
}

.playerProfile .results-holder .result .vs,
.teamProfile .results-holder .result .vs {
    opacity: .5;
    width: 5%
}

.playerProfile .results-holder .result .team,
.teamProfile .results-holder .result .team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.playerProfile .results-holder .result .line-align,
.teamProfile .results-holder .result .line-align {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 1%
}

@media (min-width:501px) {

    .playerProfile .results-holder .result .event,
    .teamProfile .results-holder .result .event {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width:500px) {

    .playerProfile .results-holder .result .event,
    .teamProfile .results-holder .result .event {
        text-align: center;
        width: 30px
    }
}

.playerProfile .results-holder .result .event-name,
.teamProfile .results-holder .result .event-name {
    opacity: .85
}

@media (max-width:500px) {

    .playerProfile .results-holder .result .event-name,
    .teamProfile .results-holder .result .event-name {
        display: none
    }
}

.playerProfile .results-holder .result .team-logo,
.teamProfile .results-holder .result .team-logo {
    max-width: 15px;
    max-height: 20px;
    margin-right: 5px
}

.playerProfile .results-holder .result .event-logo,
.teamProfile .results-holder .result .event-logo {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.playerProfile .coverImage,
.teamProfile .coverImage {
    width: 100%;
    padding-top: 20.8823529412%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
    z-index: 1
}

@media (max-width:500px) {

    .playerProfile .coverImage,
    .teamProfile .coverImage {
        padding-top: 20.8823529412%
    }
}

.playerProfile .noCoverImage,
.teamProfile .noCoverImage {
    width: 100%;
    padding-top: 10%;
    background-repeat: no-repeat;
    background-size: cover
}

.playerProfile .subjectname,
.teamProfile .subjectname {
    font-size: 16px
}

.playerProfile .socialIcon,
.teamProfile .socialIcon {
    width: 18px;
    height: 18px
}

.playerProfile .standard-headline,
.teamProfile .standard-headline {
    margin-top: 16px
}

.playerProfile .standard-headline h2,
.teamProfile .standard-headline h2 {
    margin: 0;
    font-size: inherit
}

.playerProfile .two-col,
.teamProfile .two-col {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -1px -1px;
    border-radius: 4px;
    border: 1px solid #495867
}

@media (max-width:500px) {

    .playerProfile .two-col .col:first-child,
    .teamProfile .two-col .col:first-child {
        border-bottom: 1px solid #495867
    }
}

.playerProfile .two-col .col:first-child .cell,
.teamProfile .two-col .col:first-child .cell {
    border-left: none !important
}

@media (max-width:500px) {

    .playerProfile .two-col .col:last-child .cell:nth-child(2n),
    .teamProfile .two-col .col:last-child .cell:nth-child(2n) {
        background-color: #2d3844
    }

    .playerProfile .two-col .col:last-child .cell:nth-child(odd),
    .teamProfile .two-col .col:last-child .cell:nth-child(odd) {
        background-color: #232d38
    }
}

.playerProfile .col,
.teamProfile .col {
    flex: 1 1 50%;
    min-width: 200px
}

.playerProfile .col-desc,
.teamProfile .col-desc {
    font-size: 10px;
    font-weight: 400
}

.playerProfile .cell,
.teamProfile .cell {
    padding: 7px;
    border-top: 1px solid #495867;
    border-left: 1px solid #495867
}

.playerProfile .cell:after,
.playerProfile .cell:before,
.teamProfile .cell:after,
.teamProfile .cell:before {
    content: " ";
    display: table
}

.playerProfile .cell:after,
.teamProfile .cell:after {
    clear: both
}

@media (max-width:500px) {

    .playerProfile .cell,
    .teamProfile .cell {
        border-left: none !important
    }
}

.playerProfile .cell:nth-child(2n),
.teamProfile .cell:nth-child(2n) {
    background-color: #232d38
}

.playerProfile .cell.block,
.playerProfile .cell:first-child,
.teamProfile .cell.block,
.teamProfile .cell:first-child {
    border-top: 0
}

.playerProfile .grid,
.teamProfile .grid {
    display: flex;
    margin-left: -8px;
    margin-bottom: -8px;
    flex-wrap: wrap
}

.playerProfile .grid .col,
.teamProfile .grid .col {
    flex: 1 0 30%;
    padding-left: 8px;
    box-sizing: border-box;
    padding-bottom: 8px
}

.playerProfile .grid .col.no-height,
.teamProfile .grid .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.playerProfile .thumbnails,
.teamProfile .thumbnails {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.playerProfile .thumbnail,
.teamProfile .thumbnail {
    width: 100%
}

.playerProfile .gold,
.teamProfile .gold {
    color: #dea905
}

.playerProfile .silver,
.teamProfile .silver {
    color: silver
}

.playerProfile .bronze,
.teamProfile .bronze {
    color: #cd7f32
}

.playerProfile .achievement .black,
.playerProfile .achievement .bronze,
.playerProfile .achievement .gold,
.playerProfile .achievement .silver,
.teamProfile .achievement .black,
.teamProfile .achievement .bronze,
.teamProfile .achievement .gold,
.teamProfile .achievement .silver {
    margin-right: 6px
}

.playerProfile .margin-top,
.teamProfile .margin-top {
    margin-top: 8px
}

.playerProfile .achievements.moreButton,
.playerProfile .placements.moreButton,
.teamProfile .achievements.moreButton,
.teamProfile .placements.moreButton {
    margin-top: 5px;
    text-align: center
}

.playerProfile .placements.moreButton a,
.teamProfile .placements.moreButton a {
    color: #fff
}

.playerProfile .placements.moreButton a:hover,
.teamProfile .placements.moreButton a:hover {
    color: #fff !important
}

.playerProfile .tooltip-con,
.teamProfile .tooltip-con {
    display: none
}

.playerProfile .rt-rating-version {
    font-size: 8px;
    background: #1b1f23;
    color: rgba(146, 154, 158, .65);
    border-radius: 2px;
    line-height: 10px;
    margin-bottom: 1px;
    font-weight: 700;
    padding: 0 2px 1px
}

.playerProfile #retiredInfoBox .rt-stats-table-container {
    padding: 0 8px;
    background-color: #364250;
    max-height: 230px;
    overflow-y: auto;
    scrollbar-color: #232d38 rgba(27, 31, 35, 0);
    scrollbar-width: thin
}

.playerProfile #retiredInfoBox .rt-stats-table-container::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .playerProfile #retiredInfoBox .rt-stats-table-container::-webkit-scrollbar {
        height: 3px
    }
}

.playerProfile #retiredInfoBox .rt-stats-table-container::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.playerProfile #retiredInfoBox .rt-stats-table-container::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.playerProfile #retiredInfoBox .retired-stats-table {
    width: 100%;
    border-collapse: collapse
}

.playerProfile #retiredInfoBox .retired-stats-table .flex-cell {
    display: flex;
    justify-content: flex-end
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-major-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    margin-right: -5px;
    width: 11px
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-major-holder:hover {
    width: 20px
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-major-holder:last-child:hover {
    width: 11px
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-table-major-name {
    padding: 2px 4px;
    background: #1b1f23;
    color: #fff;
    position: absolute;
    bottom: -20px;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    z-index: 999;
    display: none
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-table-major-name span {
    color: hsla(0, 0%, 100%, .7)
}

.playerProfile #retiredInfoBox .retired-stats-table .major-first,
.playerProfile #retiredInfoBox .retired-stats-table .major-second {
    color: #364250;
    z-index: 99;
    position: relative
}

.playerProfile #retiredInfoBox .retired-stats-table .major-first:after,
.playerProfile #retiredInfoBox .retired-stats-table .major-second:after {
    content: "\f005";
    position: absolute;
    left: 1px;
    top: 0
}

.playerProfile #retiredInfoBox .retired-stats-table .major-first:hover+.rt-table-major-name,
.playerProfile #retiredInfoBox .retired-stats-table .major-second:hover+.rt-table-major-name {
    display: block
}

.playerProfile #retiredInfoBox .retired-stats-table .major-first:after {
    color: #daa520
}

.playerProfile #retiredInfoBox .retired-stats-table .major-second:after {
    color: silver
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-rating-version {
    padding: 0 2px;
    margin-bottom: 0
}

.playerProfile #retiredInfoBox .retired-stats-table thead {
    position: sticky;
    top: 0;
    background: #364250;
    z-index: 99999
}

.playerProfile #retiredInfoBox .retired-stats-table th {
    font-size: 10px;
    color: rgba(145, 168, 179, .65);
    line-height: 10px;
    text-align: left;
    font-weight: 400;
    padding: 8px 0
}

.playerProfile #retiredInfoBox .retired-stats-table tbody td {
    text-align: left;
    height: auto;
    padding: 4px 2px
}

.playerProfile #retiredInfoBox .retired-stats-table tbody tr {
    border-bottom: 1px solid #495867
}

.playerProfile #retiredInfoBox .retired-stats-table tbody tr:last-child {
    border-bottom: none
}

.playerProfile #retiredInfoBox .retired-stats-table tbody tr:hover {
    background-color: #45515f
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-maps,
.playerProfile #retiredInfoBox .retired-stats-table .rt-rating {
    width: 60px
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-flex-center {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: flex-end
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-stats-link {
    font-size: 10px;
    font-weight: 400
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-faded {
    color: rgba(146, 154, 158, .65)
}

.playerProfile #retiredInfoBox .retired-stats-table .rt-right {
    text-align: right
}

.playerProfile .bodyshot-label {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    z-index: 6;
    background: #435971;
    border-radius: 4px;
    padding: 0 8px;
    bottom: 8px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px
}

@media (max-width:500px) {
    .playerProfile .bodyshot-label {
        right: calc(50% - 5px)
    }
}

.playerProfile .gallery-grid {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
}

@media (max-width:500px) {
    .playerProfile .gallery-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))
    }
}

.playerProfile .stats-matches .moreButton-container .moreButton {
    margin-top: 0;
    min-height: 45px
}

.playerProfile .playerpage-container {
    background-color: #364250;
    padding: 8px
}

.playerProfile .playerpage-container.playerpage-container-attributes .player-stat {
    flex-direction: column;
    padding-top: 5px;
    padding-bottom: 6px;
    min-height: 25px
}

.playerProfile .playerpage-container.playerpage-container-attributes .player-stat:first-child {
    flex-direction: row;
    align-items: center
}

.playerProfile .playerpage-container.playerpage-container-attributes .player-stat-top {
    border-bottom: 1px solid rgba(73, 88, 103, .45);
    display: flex;
    justify-content: space-between
}

.playerProfile .playerpage-container .row-stats-section-score-100 {
    color: rgba(145, 168, 179, .65);
    font-weight: 400;
    font-size: 9px
}

@media (max-width:500px) {
    .playerProfile .playerpage-container .row-stats-section-score-100 {
        font-size: 7px
    }
}

.playerProfile .playerpage-container .player-stat {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(73, 88, 103, .45);
    display: flex;
    justify-content: space-between
}

.playerProfile .playerpage-container .player-stat:last-child {
    border-bottom: 0;
    margin-bottom: -8px
}

.playerProfile .playerpage-container .player-stat:first-child {
    margin-top: -8px
}

.playerProfile .playerpage-container .player-stat .player-stat-of {
    font-size: 10px;
    color: rgba(145, 168, 179, .65);
    margin-top: -4px
}

.playerProfile .playerpage-container .player-stat .player-stat-right {
    align-self: center;
    font-weight: 700;
    font-size: 13px
}

.playerProfile .playerpage-container.empty-state {
    border: 0 solid
}

@media (max-width:500px) {
    .playerProfile .g-grid.stats-matches {
        flex-wrap: wrap
    }

    .playerProfile .g-grid.stats-matches .col-6 {
        flex: 1 1 100%
    }
}

.playerProfile .playerpage-matchbox {
    background-color: #364250;
    margin-bottom: 8px;
    transition: .2s ease;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative
}

.playerProfile .playerpage-matchbox:hover {
    background-color: #45515f;
    cursor: pointer
}

.playerProfile .playerpage-matchbox.won-matchbox {
    box-shadow: inset -3px 0 0 0 #09c100
}

.playerProfile .playerpage-matchbox.lost-matchbox {
    box-shadow: inset -3px 0 0 0 #fc1d1d
}

.playerProfile .playerpage-matchbox.match-lost:after,
.playerProfile .playerpage-matchbox.match-tie:after,
.playerProfile .playerpage-matchbox.match-won:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px
}

.playerProfile .playerpage-matchbox.match-lost:before,
.playerProfile .playerpage-matchbox.match-tie:before,
.playerProfile .playerpage-matchbox.match-won:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px
}

.playerProfile .playerpage-matchbox.match-won {
    border-left: 2px solid rgba(9, 193, 0, .5)
}

.playerProfile .playerpage-matchbox.match-won:after,
.playerProfile .playerpage-matchbox.match-won:before {
    background: linear-gradient(90deg, rgba(9, 193, 0, .5) 0, rgba(9, 193, 0, 0) 65%)
}

.playerProfile .playerpage-matchbox.match-lost {
    border-left: 2px solid rgba(252, 29, 29, .5)
}

.playerProfile .playerpage-matchbox.match-lost:after,
.playerProfile .playerpage-matchbox.match-lost:before {
    background: linear-gradient(90deg, rgba(252, 29, 29, .5) 0, rgba(252, 29, 29, 0) 65%)
}

.playerProfile .playerpage-matchbox.match-tie {
    border-left: 2px solid rgba(90, 150, 220, .5)
}

.playerProfile .playerpage-matchbox.match-tie:after,
.playerProfile .playerpage-matchbox.match-tie:before {
    background: linear-gradient(90deg, rgba(90, 150, 220, .5) 0, rgba(90, 150, 220, 0) 65%)
}

.playerProfile .playerpage-matchbox:last-child {
    margin-bottom: 0
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-bottom {
    font-size: 10px;
    opacity: .65
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-left {
    display: flex;
    flex-direction: column
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-top {
    display: flex;
    align-items: center
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-team {
    display: flex;
    font-weight: 700
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 8px
}

.playerProfile .playerpage-matchbox .playerpage-match-date,
.playerProfile .playerpage-matchbox .playerpage-match-rating {
    font-size: 9px;
    opacity: .65;
    margin-top: 1px
}

.playerProfile .playerpage-matchbox .playerpage-match-result,
.playerProfile .playerpage-matchbox .playerpage-match-time {
    font-weight: 700;
    font-size: 13px;
    margin-top: -2px
}

.playerProfile .playerpage-matchbox .playerpage-vs {
    font-weight: 700;
    color: rgba(146, 154, 158, .65);
    text-transform: uppercase;
    font-size: 10px
}

.playerProfile .playerpage-matchbox .playerpage-matchbox-left {
    margin-left: 8px;
    flex: 1 auto
}

.playerProfile .playerpage-matchbox .team-logo-container {
    margin: 0 4px;
    height: 20px;
    width: 20px;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.playerProfile .playerpage-matchbox .team-logo {
    max-width: 100%;
    max-height: 100%
}

.playerProfile .rt-playerpage-bestmatches {
    background-color: #364250;
    margin-bottom: 4px;
    transition: .2s ease;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    padding: 4px 0 4px 8px
}

.playerProfile .rt-playerpage-bestmatches .rt-match-date {
    background: #1b1f23;
    padding: 4px;
    font-size: 9px;
    font-weight: 700;
    color: rgba(145, 168, 179, .65);
    border-radius: 4px;
    text-align: center;
    line-height: 12px
}

.playerProfile .rt-playerpage-bestmatches:hover {
    background-color: #45515f;
    cursor: pointer
}

.playerProfile .rt-playerpage-bestmatches.won-matchbox {
    box-shadow: inset -3px 0 0 0 #09c100
}

.playerProfile .rt-playerpage-bestmatches.lost-matchbox {
    box-shadow: inset -3px 0 0 0 #fc1d1d
}

.playerProfile .rt-playerpage-bestmatches.match-lost:after,
.playerProfile .rt-playerpage-bestmatches.match-tie:after,
.playerProfile .rt-playerpage-bestmatches.match-won:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px
}

.playerProfile .rt-playerpage-bestmatches.match-lost:before,
.playerProfile .rt-playerpage-bestmatches.match-tie:before,
.playerProfile .rt-playerpage-bestmatches.match-won:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px
}

.playerProfile .rt-playerpage-bestmatches.match-won {
    border-left: 2px solid rgba(9, 193, 0, .5)
}

.playerProfile .rt-playerpage-bestmatches.match-won:after,
.playerProfile .rt-playerpage-bestmatches.match-won:before {
    background: linear-gradient(90deg, rgba(9, 193, 0, .5) 0, rgba(9, 193, 0, 0) 65%)
}

.playerProfile .rt-playerpage-bestmatches.match-lost {
    border-left: 2px solid rgba(252, 29, 29, .5)
}

.playerProfile .rt-playerpage-bestmatches.match-lost:after,
.playerProfile .rt-playerpage-bestmatches.match-lost:before {
    background: linear-gradient(90deg, rgba(252, 29, 29, .5) 0, rgba(252, 29, 29, 0) 65%)
}

.playerProfile .rt-playerpage-bestmatches.match-tie {
    border-left: 2px solid rgba(90, 150, 220, .5)
}

.playerProfile .rt-playerpage-bestmatches.match-tie:after,
.playerProfile .rt-playerpage-bestmatches.match-tie:before {
    background: linear-gradient(90deg, rgba(90, 150, 220, .5) 0, rgba(90, 150, 220, 0) 65%)
}

.playerProfile .rt-playerpage-bestmatches:last-child {
    margin-bottom: 0
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-bottom {
    font-size: 10px;
    opacity: .65
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-left {
    display: flex;
    flex-direction: column
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-top {
    display: flex;
    align-items: center;
    margin-bottom: -3px
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-team {
    display: flex;
    font-weight: 700
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-end;
    gap: 4px;
    margin: 0 8px 4px
}

.playerProfile .rt-playerpage-bestmatches .playerpage-match-rating {
    font-size: 9px;
    line-height: 1
}

.playerProfile .rt-playerpage-bestmatches .playerpage-match-result {
    font-weight: 700;
    font-size: 13px;
    margin-top: -2px;
    line-height: 12px
}

.playerProfile .rt-playerpage-bestmatches .playerpage-vs {
    font-weight: 700;
    color: rgba(146, 154, 158, .65);
    text-transform: uppercase;
    font-size: 10px
}

.playerProfile .rt-playerpage-bestmatches .playerpage-matchbox-left {
    margin-left: 8px;
    flex: 1 auto
}

.playerProfile .rt-playerpage-bestmatches .team-logo-container {
    margin: 0 4px;
    height: 20px;
    width: 20px;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.playerProfile .rt-playerpage-bestmatches .team-logo {
    max-width: 100%;
    max-height: 100%
}

@media (max-width:500px) {
    .playerProfile .tab-content .two-col .col {
        flex: 1 1 100%
    }
}

.playerProfile .timeline-wrapper {
    border: 1px solid #495867;
    padding: 16px;
    border-radius: 4px
}

.playerProfile .timeline-wrapper .timeline-container {
    overflow-x: auto;
    position: relative;
    padding-left: 16px;
    padding-bottom: 25px
}

.playerProfile .timeline-wrapper .timeline-container::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .playerProfile .timeline-wrapper .timeline-container::-webkit-scrollbar {
        height: 3px
    }
}

.playerProfile .timeline-wrapper .timeline-container::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.playerProfile .timeline-wrapper .timeline-container::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.playerProfile .timeline-wrapper .timeline-container .timelines {
    display: flex
}

.playerProfile .timeline-wrapper .timeline-container .timeline-team {
    z-index: 3;
    position: absolute;
    background-color: #435971;
    border-radius: 25px;
    height: 6px;
    width: 160px
}

.playerProfile .timeline-wrapper .timeline-container .timeline-team.old-team {
    background-color: rgba(67, 89, 113, .5);
    width: 80px
}

.playerProfile .timeline-wrapper .timeline-container .timeline-team.old-team .team-logo-container .team-logo {
    opacity: .65
}

.playerProfile .timeline-wrapper .timeline-container .timeline-team .team-logo-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    position: relative;
    top: -12px;
    left: 29px;
    background-color: #2d3844;
    border-radius: 100%;
    float: right;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.playerProfile .timeline-wrapper .timeline-container .timeline-team .team-logo-container .team-logo {
    max-width: 22px;
    max-height: 22px;
    margin: 0 auto;
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, .5))
}

.playerProfile .timeline-wrapper .timeline-container .timeline {
    width: 100px;
    float: left;
    flex: 0 0 100px;
    z-index: 2;
    min-height: 100px
}

.playerProfile .timeline-wrapper .timeline-container .timeline:nth-last-child(2) .timeline-months {
    border-right: 2px solid #495867
}

.playerProfile .timeline-wrapper .timeline-container .timeline.last {
    flex: 0 0 0
}

.playerProfile .timeline-wrapper .timeline-container .timeline:first-child {
    padding-left: 2px
}

.playerProfile .timeline-wrapper .timeline-container .timeline .timeline-year-button {
    position: relative;
    left: -18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    background-color: #364250;
    border-radius: 4px;
    padding-top: 1px;
    border: 1px solid #495867
}

.playerProfile .timeline-wrapper .timeline-container .timeline .timeline-months {
    display: flex;
    height: 100%;
    border-left: 2px solid #495867
}

.playerProfile .timeline-wrapper .timeline-container .timeline .timeline-months .timeline-month {
    width: 8.3333333333%;
    border-right: 1px dashed rgba(73, 88, 103, .45);
    height: 100%
}

.playerProfile .stats-window {
    font-size: 10px;
    float: right;
    opacity: .65;
    margin-top: 4px
}

.playerProfile .player-some {
    padding: 0 10px 10px
}

@media (max-width:500px) {
    .playerProfile .player-some {
        margin-left: 90px
    }
}

.playerProfile .overlayImageFrame {
    width: 157px;
    height: 157px;
    margin: 0 12px 12px;
    float: left;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    position: relative
}

@media (max-width:500px) {
    .playerProfile .overlayImageFrame {
        width: 80px;
        height: 80px;
        margin: 0 10px 10px;
        background-color: #232d38
    }
}

.playerProfile .containedImageFrame {
    width: 100px;
    height: 100px;
    margin: 0 12px 12px;
    float: left;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.playerProfile .profileImage {
    width: 100%;
    height: 100%
}

.playerProfile .profileTopBox {
    position: relative;
    border-bottom: 4px solid #435971;
    padding-right: 16px
}

.playerProfile .profileTopBox .profileHeadline {
    color: #929a9e;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-top: 3px
}

.playerProfile .profileTopBox .majorSection {
    display: inline-block
}

.playerProfile .profileTopBox .majorSection .majorWinner {
    background-color: #dea905;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    display: inline-block
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .majorSection .majorWinner {
        font-size: 9px;
        margin-right: 3px
    }
}

.playerProfile .profileTopBox .majorSection .majorMVP {
    background-color: #435971;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    display: inline-block;
    margin-left: 5px
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .majorSection .majorMVP {
        font-size: 9px;
        margin-right: 0
    }
}

.playerProfile .profileTopBox .team-logo-container {
    width: 110px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    margin-right: 20px
}

.playerProfile .profileTopBox .team-logo {
    min-height: 194px;
    width: 110px;
    opacity: .1
}

@media (max-width:500px) {
    .playerProfile .profileTopBox {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0
    }
}

.playerProfile .profileTopBox .bodyshot-container {
    flex: 0 0 30%;
    display: flex
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container {
        flex: 0 0 100%;
        border-bottom: 4px solid #2d6da3
    }
}

.playerProfile .profileTopBox .bodyshot-container .bodyshot-logo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 8%;
    left: 10px;
    overflow: hidden;
    z-index: 1;
    opacity: .3;
    max-width: 160px;
    max-height: 160px
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container .bodyshot-logo {
        max-width: 250px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 150px;
        height: 150px;
        margin: -175px auto 0 -75px
    }
}

.playerProfile .profileTopBox .bodyshot-container .bodyshot-img {
    width: 100%;
    align-self: flex-end;
    z-index: 2
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container .bodyshot-img {
        width: 190px;
        height: auto;
        margin: 0 auto
    }
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container .square-link {
        margin: 0 auto;
        display: block
    }
}

.playerProfile .profileTopBox .bodyshot-container .bodyshot-img-square {
    width: 160px;
    height: auto;
    overflow: hidden;
    z-index: 1;
    max-width: 160px;
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    max-height: 160px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container .bodyshot-img-square {
        width: 190px;
        height: auto;
        margin: 0 auto
    }
}

.playerProfile .profileTopBox .bodyshot-container .bodyshot-achievement {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 40px
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .bodyshot-container .bodyshot-achievement {
        position: absolute;
        top: 154px;
        left: 50%;
        margin-left: -50px
    }
}

.playerProfile .profileTopBox .profile-info-container {
    flex: 0 0 70%;
    padding-top: 16px;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container {
        flex: 1 1 100%;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 3px
    }
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some {
    display: inline-block;
    float: right
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some {
        width: 100%;
        display: block;
        float: inherit;
        position: absolute;
        top: 16px
    }
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some .fanbutton {
        margin-right: 32px
    }
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some .addFan:after {
    content: "Become fan"
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some .addFan:after {
        content: "+Fan"
    }
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some .removeFan:after {
    content: "Remove fan"
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-some .removeFan:after {
        content: "-Fan"
    }
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-info {
    max-width: 50%;
    display: inline-block
}

@media (max-width:500px) {
    .playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-info {
        width: 100%
    }
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-info .player-realname {
    font-size: 12px;
    margin-top: -4px;
    color: rgba(146, 154, 158, .75)
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-info .player-nick {
    font-size: 24px;
    color: #929a9e;
    font-weight: 700;
    margin: 0 !important
}

.playerProfile .profileTopBox .profile-info-container .profile-player-info-container .profile-player-fan {
    display: inline-block;
    width: 30%
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat {
    border-bottom: 1px solid #495867;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat:last-child {
    border-bottom: none
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat .profile-player-stat-team-logo {
    max-width: 15px;
    max-height: 15px;
    width: 100%;
    margin-right: 5px
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat .rating-year {
    font-size: 10px;
    color: rgba(146, 154, 158, .75)
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat .top-20-year {
    margin-left: 5px;
    font-size: 10px;
    font-weight: 700;
    opacity: .85
}

.playerProfile .profileTopBox .profile-info-container .profile-player-stats-container .profile-player-stat .profile-player-stat-value {
    flex: 1 1 auto;
    text-align: right
}

.playerProfile .flex {
    display: flex
}

@media (max-width:500px) {
    .playerProfile .flex {
        flex-wrap: wrap
    }
}

.playerProfile .about-text {
    padding: 10px;
    white-space: pre-line
}

.playerProfile .statsImgContainer {
    float: right;
    height: 13px;
    width: 11px;
    position: relative;
    top: 3px;
    display: flex;
    align-items: center
}

.playerProfile .statsImg {
    float: right;
    top: 3px
}

.playerProfile .statsVal {
    display: flex;
    flex-direction: row-reverse;
    text-align: right
}

.playerProfile .statsVal p {
    width: 40px;
    margin: 0
}

.playerProfile .role-stats-progress-wrapper {
    height: 4px;
    background: rgba(146, 154, 158, .15);
    width: 100%;
    position: relative;
    top: -1px
}

.playerProfile .role-stats-progress {
    position: absolute;
    top: 0;
    left: 0;
    background: #435971;
    height: 100%;
    overflow: hidden
}

.playerProfile .role-stats-progress.belowAverage {
    background: #1c6099
}

.playerProfile .role-stats-progress.average {
    background: #4b90cb
}

.playerProfile .role-stats-progress.aboveAverage {
    background: #78afdd
}

.playerProfile .coachStatsVal {
    float: right;
    text-align: right
}

.playerProfile .skins-inventory-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.playerProfile .skins-inventory-button,
.playerProfile .skins-loadout-button {
    padding: 2px 8px;
    border: none;
    border-radius: 4px;
    background-color: #435971;
    color: #929a9e;
    font-weight: 500;
    cursor: pointer
}

.playerProfile .skins-inventory-button:hover,
.playerProfile .skins-loadout-button:hover {
    background: #59728e
}

.playerProfile .skins-section-wrapper {
    background-color: #364250;
    padding: 16px
}

.playerProfile .skins-partner-wrapper {
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    --partnerColor: 255, 21, 154
}

.playerProfile .skins-partner-wrapper:hover {
    color: #fff !important;
    filter: brightness(1.05)
}

.playerProfile .skins-partner-wrapper .skins-partner-top {
    background: rgb(var(--partnerColor));
    font-size: 10px;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px
}

.playerProfile .skins-partner-wrapper .skins-partner-logo {
    max-height: 100%;
    max-width: 80px
}

@media (max-width:500px) {
    .playerProfile .skins-partner-wrapper .skins-partner-logo {
        max-width: 65px
    }
}

.playerProfile .skins-partner-wrapper .skins-partner-bottom {
    background: #23222a;
    font-size: 14px;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

@media (max-width:500px) {
    .playerProfile .skins-partner-wrapper .skins-partner-bottom {
        font-size: 10px;
        line-height: 14px;
        height: 32px
    }
}

.playerProfile .skins-partner-wrapper .skins-partner-bottom:after {
    content: "";
    background: rgba(var(--partnerColor), .7);
    position: absolute;
    left: -20px;
    top: -23px;
    height: 20px;
    width: 220px;
    filter: blur(20px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.playerProfile .skins-partner-wrapper .skins-partner-bottom:before {
    content: "";
    background: rgba(var(--partnerColor), .7);
    position: absolute;
    right: -20px;
    bottom: -24px;
    height: 20px;
    width: 220px;
    filter: blur(20px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.playerProfile .skins-partner-wrapper .skins-partner-bottom div {
    z-index: 1
}

.playerProfile .player-pronunciation {
    background-color: #364250;
    padding: 1em;
    margin-top: 16px
}

.playerProfile .player-pronunciation .player-pronunciation-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:500px) {
    .playerProfile .player-pronunciation .player-pronunciation-box {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .playerProfile .player-pronunciation .player-pronunciation-box div {
        margin: .2em 0
    }
}

.playerProfile .player-pronunciation audio::-webkit-media-controls-enclosure,
.playerProfile .player-pronunciation audio::-webkit-media-controls-play-button {
    background-color: rgba(146, 154, 158, .4)
}

.playerProfile .player-pronunciation audio::-webkit-media-controls-current-time-display,
.playerProfile .player-pronunciation audio::-webkit-media-controls-time-remaining-display {
    text-shadow: none
}

.playerProfile .player-pronunciation audio::-webkit-media-controls-play-button {
    border-radius: 50%
}

.playerProfile .hof-container {
    margin-bottom: 16px;
    --gap: 8px
}

.playerProfile .hof-container * {
    box-sizing: border-box
}

.playerProfile .hof-container .faceit {
    background-color: #373737
}

.playerProfile .hof-container .custom-x {
    background-color: #252525
}

.playerProfile .hof-container .hof-quick-menu {
    width: 100vw;
    left: 0;
    top: 40px;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 18px;
    column-gap: 18px;
    font-size: 11px;
    z-index: 999;
    background: #232d38
}

.playerProfile .hof-container .hof-quick-menu a {
    padding: 8px;
    color: rgba(146, 154, 158, .65)
}

.playerProfile .hof-container .hof-quick-menu a.active {
    color: #87a3bf
}

.playerProfile .hof-container .pickban {
    background-color: #26303c;
    color: #929a9e;
    font-size: 10px;
    border-radius: 4px;
    padding: 0 8px;
    display: flex;
    align-items: center
}

.playerProfile .hof-container>div {
    padding: 0 16px 16px
}

.playerProfile .hof-container :target {
    padding-top: 65px !important
}

.playerProfile .hof-container .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.playerProfile .hof-container .flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px
}

.playerProfile .hof-container .hof-faded {
    color: rgba(146, 154, 158, .65);
    font-size: 11px
}

.playerProfile .hof-container .sponsor-ad {
    margin-top: 16px;
    width: 100%;
    height: auto;
    background-color: #364250
}

.playerProfile .hof-container .sponsor-ad img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.playerProfile .hof-container .carousel-slider-header-wrapper {
    margin-bottom: 8px
}

.playerProfile .hof-container .carousel-slider-header-wrapper .quotation-mark {
    font-size: 72px;
    color: #435971;
    line-height: 0;
    padding-top: 27px
}

.playerProfile .hof-container .hof-slider {
    align-items: flex-start
}

.playerProfile .hof-container .hof-slider .hof-slider-element {
    flex: 0 0 100%;
    scroll-snap-align: start;
    transition: .2s ease
}

.playerProfile .hof-container .hof-slider .comitee-member {
    margin-top: 4px;
    padding-top: 4px;
    font-weight: 700;
    color: rgba(146, 154, 158, .65);
    font-size: 10px;
    border-top: 1px solid #495867
}

.playerProfile .hof-container .hof-top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #495867;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    overflow: hidden
}

.playerProfile .hof-container .hof-top-header .hof-header-bg-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    overflow: hidden;
    --mask-gradient: linear-gradient(90deg, transparent 10%, rgba(0, 0, 0, 0.85), transparent 90%)
}

.playerProfile .hof-container .hof-top-header .hof-header-bg-img .bg-img-overlay {
    background: rgba(42, 59, 74, .5);
    -webkit-mask-image: var(--mask-gradient);
    mask-image: var(--mask-gradient);
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    display: block;
    top: 0
}

.playerProfile .hof-container .hof-top-header .bg-img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-mask-image: var(--mask-gradient);
    mask-image: var(--mask-gradient);
    position: relative;
    transform: rotate(180deg)
}

.playerProfile .hof-container .hof-top-sponsor {
    font-size: 11px;
    font-weight: 400;
    color: rgba(146, 154, 158, .85);
    gap: 8px
}

.playerProfile .hof-container .hof-top-sponsor img {
    width: 72px
}

.playerProfile .hof-grid-auto {
    align-items: flex-start
}

.playerProfile .hof-grid-auto,
.playerProfile .hof-section {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: var(--gap)
}

.playerProfile .hof-grid-auto .empty-state,
.playerProfile .hof-section .empty-state {
    font-size: 14px;
    color: rgba(146, 154, 158, .75);
    background-color: #364250;
    border: 1px solid #495867;
    padding: 16px;
    display: flex
}

.playerProfile .hof-grid-auto .empty-state .fa,
.playerProfile .hof-section .empty-state .fa {
    font-size: 32px;
    color: rgba(146, 154, 158, .35);
    margin-right: 16px
}

.playerProfile .hof-grid-auto .empty-state span,
.playerProfile .hof-section .empty-state span {
    align-self: center
}

@media (max-width:500px) {

    .playerProfile .hof-grid-auto,
    .playerProfile .hof-section {
        grid-auto-flow: unset
    }
}

.playerProfile .hof-grid-auto .hof-grid-container,
.playerProfile .hof-section .hof-grid-container {
    display: flex;
    flex-direction: column
}

.playerProfile .hof-grid-auto .hof-elm,
.playerProfile .hof-section .hof-elm {
    padding: 8px;
    background: #364250;
    border-radius: 4px
}

.playerProfile .hof-grid-auto .hof-info,
.playerProfile .hof-section .hof-info {
    margin-top: 3px;
    color: rgba(145, 168, 179, .65);
    font-size: 12px
}

.playerProfile .hof-grid-auto .hof-info:hover,
.playerProfile .hof-section .hof-info:hover {
    color: #929a9e
}

.playerProfile .hof-grid-auto .nogrow,
.playerProfile .hof-section .nogrow {
    min-width: 0
}

.playerProfile .hof-grid-auto .interview-elm,
.playerProfile .hof-section .interview-elm {
    padding: 0;
    overflow: hidden
}

.playerProfile .hof-grid-auto .interview-placeholder,
.playerProfile .hof-section .interview-placeholder {
    width: 100%;
    height: auto;
    background-color: #364250;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center
}

.playerProfile .hof-grid-auto .interview-placeholder .video,
.playerProfile .hof-section .interview-placeholder .video {
    z-index: 2;
    width: 100%
}

.playerProfile .hof-grid-auto .rating-meter-container,
.playerProfile .hof-section .rating-meter-container {
    width: 100%;
    height: 4px;
    background: #364250
}

.playerProfile .hof-grid-auto .rating-meter-container .rating-meter,
.playerProfile .hof-section .rating-meter-container .rating-meter {
    width: 44%;
    height: 100%;
    background-color: #435971
}

.playerProfile .hof-grid-auto .team-container,
.playerProfile .hof-section .team-container {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: center;
    font-size: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #495867
}

.playerProfile .hof-grid-auto .team-container .team-logo-name,
.playerProfile .hof-section .team-container .team-logo-name {
    font-size: 12px
}

.playerProfile .hof-grid-auto .team-container .team-logo-name img,
.playerProfile .hof-section .team-container .team-logo-name img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain
}

.playerProfile .hof-grid-auto .team-container .team-period,
.playerProfile .hof-section .team-container .team-period {
    font-size: 11px;
    color: rgba(146, 154, 158, .65);
    text-wrap: nowrap
}

.playerProfile .hof-grid-auto .core-lineup-container,
.playerProfile .hof-section .core-lineup-container {
    font-size: 11px;
    color: rgba(146, 154, 158, .65);
    margin-top: 10px
}

.playerProfile .hof-grid-auto .core-lineup-container .lineup,
.playerProfile .hof-section .core-lineup-container .lineup {
    margin-top: 10px
}

.playerProfile .hof-grid-auto .lineup,
.playerProfile .hof-section .lineup {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.playerProfile .hof-grid-auto .expand-tournaments,
.playerProfile .hof-section .expand-tournaments {
    cursor: pointer;
    color: rgba(146, 154, 158, .65);
    margin-top: 8px
}

.playerProfile .hof-grid-auto .events-lineup,
.playerProfile .hof-section .events-lineup {
    gap: 12px;
    max-height: 122px;
    overflow: hidden
}

.playerProfile .hof-grid-auto .events-lineup.active,
.playerProfile .hof-section .events-lineup.active {
    max-height: none
}

.playerProfile .hof-grid-auto .lineup-event,
.playerProfile .hof-grid-auto .lineup-player,
.playerProfile .hof-section .lineup-event,
.playerProfile .hof-section .lineup-player {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    min-width: 0;
    padding: 2px;
    margin: -2px;
    border-radius: 4px
}

.playerProfile .hof-grid-auto .lineup-event:hover,
.playerProfile .hof-grid-auto .lineup-player:hover,
.playerProfile .hof-section .lineup-event:hover,
.playerProfile .hof-section .lineup-player:hover {
    background-color: #45515f
}

.playerProfile .hof-grid-auto .lineup-event .player-img,
.playerProfile .hof-grid-auto .lineup-player .player-img,
.playerProfile .hof-section .lineup-event .player-img,
.playerProfile .hof-section .lineup-player .player-img {
    width: 28px;
    height: 28px;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 100%
}

.playerProfile .hof-grid-auto .lineup-event .hof-eventplacement,
.playerProfile .hof-grid-auto .lineup-event .num-of-matches,
.playerProfile .hof-grid-auto .lineup-player .hof-eventplacement,
.playerProfile .hof-grid-auto .lineup-player .num-of-matches,
.playerProfile .hof-section .lineup-event .hof-eventplacement,
.playerProfile .hof-section .lineup-event .num-of-matches,
.playerProfile .hof-section .lineup-player .hof-eventplacement,
.playerProfile .hof-section .lineup-player .num-of-matches {
    text-wrap: nowrap;
    margin-left: auto
}

.playerProfile .hof-match {
    padding: 2px;
    margin: -2px;
    border-radius: 4px
}

.playerProfile .hof-match:hover {
    background-color: #45515f
}

.playerProfile .hof-match .rating-container {
    font-size: 12px
}

.playerProfile .hof-match .rating-container .fa {
    color: rgba(146, 154, 158, .65);
    transition: transform .25s ease
}

.playerProfile .hof-match .rating-container .hof-final {
    text-transform: uppercase
}

.playerProfile .hof-match:hover .fa {
    transform: translateX(4px);
    transition: transform .15s ease
}

.playerProfile .commitee-highlights {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 16px
}

.playerProfile .article-container {
    padding: 0 !important;
    overflow: hidden
}

.playerProfile .article-container:hover {
    background: #45515f
}

.playerProfile .article-container:hover .article-topcoverage-img img {
    filter: brightness(1.05)
}

.playerProfile .article-container .article-topcoverage-img {
    width: 100%;
    border-radius: 4px 4px 0 0
}

.playerProfile .article-container .article-topcoverage-img img {
    width: 100%;
    aspect-ratio: 53/20;
    -o-object-fit: cover;
    object-fit: cover;
    filter: brightness(.9)
}

.playerProfile .article-container .article-info {
    text-align: right;
    text-wrap: nowrap
}

.playerProfile .article-container .article-info .article-comments {
    margin-top: -2px
}

.playerProfile .article-container .article-excerpt {
    font-size: 12px;
    line-height: 1.3
}

.playerProfile .article-container .read-more {
    font-size: 11px
}

.playerProfile .article-container .hof-elm {
    background: none
}

.playerProfile .hof-achievement-table {
    display: none
}

.playerProfile .hof-achievement-table.active {
    display: table
}

.playerProfile .breakdown-bar {
    padding: 8px;
    background: #364250;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 8px
}

.playerProfile .breakdown-bar.active .fa {
    transform: rotate(180deg)
}

.playerProfile .hof-section .toggle:before {
    content: "As coach";
    font-weight: 300;
    font-size: 12px
}

.playerProfile .hof-section .toggle {
    display: flex;
    gap: 4px;
    align-items: center
}

.playerProfile .hof-section .content-div {
    display: contents
}

.playerProfile .hof-section .toggle-button {
    position: relative;
    width: 32px;
    height: 20px
}

.playerProfile .hof-section .toggle-button input {
    opacity: 0;
    width: 0;
    height: 0
}

.playerProfile .hof-section .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s ease-in-out;
    border-radius: 30px
}

.playerProfile .hof-section .toggle-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .2s ease-in-out;
    border-radius: 50%
}

.playerProfile .hof-section .toggle-description {
    font-size: 12px;
    font-weight: 400
}

.playerProfile .hof-section input:checked+.toggle-slider {
    background-color: #435971
}

.playerProfile .hof-section input:checked+.toggle-slider:before {
    transform: translateX(12px)
}

.teamProfile .transfer {
    border-radius: 4px;
    overflow: hidden
}

.teamProfile .transfer .transfer-row:last-child {
    border-bottom: none
}

.teamProfile .team-gallery.g-grid {
    margin-bottom: -16px
}

@media (max-width:500px) {
    .teamProfile .team-gallery.g-grid {
        flex-wrap: wrap
    }
}

@media (max-width:500px) {
    .teamProfile .team-gallery.g-grid .col-4 {
        flex: 1 1 100%
    }
}

.teamProfile .trophySection {
    border-top: 4px solid #435971
}

.teamProfile .map-statistics-container {
    transition: .2s ease;
    padding: 0;
    border-bottom: 1px solid #495867
}

.preload .teamProfile .map-statistics-container {
    transition: initial !important
}

.teamProfile .map-statistics-container:last-child {
    border-bottom: 0
}

.teamProfile .map-statistics-container:nth-child(2n) {
    background-color: #364250
}

.teamProfile .map-statistics-container:hover {
    background-color: #45515f
}

.teamProfile .map-statistics-row {
    display: flex;
    justify-content: space-between;
    transition: .2s ease;
    cursor: pointer;
    padding: 8px
}

.preload .teamProfile .map-statistics-row {
    transition: initial !important
}

.teamProfile .map-statistics-row.active {
    background-color: #45515f
}

.teamProfile .map-statistics-row.active .fa {
    transform: rotate(180deg)
}

.teamProfile .map-statistics-row .map-statistics-row-map-veto {
    display: flex
}

.teamProfile .map-statistics-row-map {
    position: relative;
    padding-bottom: 3.9%;
    height: 0;
    max-width: 229px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:500px) {
    .teamProfile .map-statistics-row-map {
        background-color: inherit;
        padding-bottom: 0;
        height: inherit;
        overflow: inherit
    }
}

.teamProfile .map-statistics-row-map img {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.teamProfile .map-statistics-row-map div {
    position: absolute;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    font-size: 13px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:500px) {
    .teamProfile .map-statistics-row-map div {
        color: #929a9e;
        text-shadow: none;
        text-align: left;
        position: inherit;
        transform: inherit;
        top: inherit
    }
}

.teamProfile .map-statistics-row-win-percentage {
    font-weight: 700;
    width: 90px;
    text-align: right
}

.teamProfile .map-statistics-row-win-percentage .fa {
    transition: .4s ease;
    margin-left: 8px
}

.preload .teamProfile .map-statistics-row-win-percentage .fa {
    transition: initial !important
}

.teamProfile .map-statistics-extended {
    display: flex;
    flex-direction: row;
    background-color: #45515f;
    padding: 16px
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended {
        flex-direction: column;
        position: relative
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-sub-header {
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    font-size: 10px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlights-container {
    flex: 0 0 40%;
    min-width: 0;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-highlights-container {
        overflow-y: auto;
        flex-direction: row;
        position: relative;
        margin-bottom: 16px
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlights-gradient {
    display: none
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-highlights-gradient {
        display: block;
        background: linear-gradient(270deg, #45515f 0, rgba(69, 81, 95, 0));
        height: 100%;
        width: 20px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 16px;
    overflow: hidden
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-veto-container {
    width: 100%
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-veto {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495867;
    padding: 4px 0
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-veto:last-child {
    border-bottom: 0
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-veto div:first-child {
    font-weight: 700
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-highlight-container {
        flex: 0 1 50%;
        margin-bottom: 0;
        margin-right: 8px;
        overflow-y: auto
    }

    .teamProfile .map-statistics-extended .map-statistics-extended-highlight-container:last-child {
        margin-right: 0
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container:last-child {
    margin-bottom: 0
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-image {
    min-width: 0;
    flex-basis: 75px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-image img {
    width: 100%
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-text {
    min-width: 0;
    flex: 1;
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-top: -8px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-text .best-rated-player-text-1 {
    min-width: 0;
    flex: 1;
    display: flex
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-text .best-rated-player-text-2 {
    margin-top: -4px;
    font-weight: 400;
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-text .best-rated-player-text-2 .flag {
    margin-right: 5px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-nickname {
    min-width: 0;
    flex: 1;
    align-self: center
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .best-rated-player-rating {
    flex: 0 0 30px;
    min-width: 0;
    margin-left: 8px;
    align-self: center
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-box {
    background: #2d3844;
    border: 1px solid #495867;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
    height: 64px;
    width: 100%;
    transition: .2s ease;
    cursor: pointer
}

.preload .teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-box {
    transition: initial !important
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-box:hover {
    background-color: #364250
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight-container .map-statistics-extended-highlight-box.best-rated-player {
    font-weight: 700;
    color: #929a9e;
    font-size: 14px;
    padding-right: 8px
}

.teamProfile .map-statistics-extended .biggest-map {
    padding-left: 8px;
    padding-right: 8px
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .biggest-map {
        padding-left: 4px;
        padding-right: 4px
    }
}

.teamProfile .map-statistics-extended .biggest-map.biggest-map-empty {
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    cursor: not-allowed
}

.teamProfile .map-statistics-extended .biggest-map .biggest-map-team-container {
    flex: 1 1 38%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    align-self: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .95)
}

.teamProfile .map-statistics-extended .biggest-map .biggest-map-score-container {
    flex: 1 1 14%;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    align-self: center;
    position: relative
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .biggest-map .biggest-map-score-container {
        font-size: 14px
    }
}

.teamProfile .map-statistics-extended .biggest-map .biggest-map-score-container .team1:after {
    content: ":";
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px;
    color: #929a9e;
    position: relative;
    top: -2px
}

.teamProfile .map-statistics-extended .biggest-map .biggest-map-score-container .biggest-map-lost {
    color: #fc1d1d
}

.teamProfile .map-statistics-extended .biggest-map .biggest-map-score-container .biggest-map-won {
    color: #09c100
}

.teamProfile .map-statistics-extended .biggest-map .team-logo-container {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    margin: 0 auto 4px
}

.teamProfile .map-statistics-extended .biggest-map .team-logo-container .team-logo {
    max-width: 27px;
    max-height: 27px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlights {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-highlights {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight {
    margin-bottom: 16px;
    min-width: 229px
}

.teamProfile .map-statistics-extended .map-statistics-extended-highlight:last-child {
    margin-bottom: 0
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-highlight {
        margin-bottom: 0;
        flex: 0 0 auto;
        margin-right: 16px
    }

    .teamProfile .map-statistics-extended .map-statistics-extended-highlight:last-child {
        padding-right: 115px;
        margin-right: 0
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-stats {
    flex: 0 1 100%;
    padding-left: 16px
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-stats {
        padding-left: 0
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-wdl .highlighted-stats-box {
    background-color: #2d3844;
    height: 64px
}

@media (max-width:500px) {
    .teamProfile .map-statistics-extended .map-statistics-extended-wdl .highlighted-stats-box {
        margin-top: 0
    }
}

.teamProfile .map-statistics-extended .map-statistics-extended-general-stats-container {
    margin-top: 16px
}

.teamProfile .map-statistics-extended .map-statistics-extended-general-stats-container .map-statistics-extended-general-stat {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495867;
    padding: 4px 0
}

.teamProfile .map-statistics-extended .map-statistics-extended-general-stats-container .map-statistics-extended-general-stat:last-child {
    border-bottom: 0
}

.teamProfile .map-statistics-extended .map-statistics-extended-general-stats-container .map-statistics-extended-general-stat div:first-child {
    font-weight: 700
}

.teamProfile .flex-justify {
    display: flex;
    justify-content: space-between;
    align-self: center;
    align-items: center
}

.teamProfile .playerBox-container {
    display: flex;
    border-bottom: 1px solid #495867;
    padding-bottom: 8px;
    padding-top: 8px;
    transition: .2s ease
}

.preload .teamProfile .playerBox-container {
    transition: initial !important
}

.teamProfile .playerBox-container:nth-child(odd) {
    background-color: #364250
}

.teamProfile .playerBox-container:hover {
    background-color: #45515f !important;
    cursor: pointer
}

.teamProfile .playerBox-container:hover .playerBox-bodyshot,
.teamProfile .playerBox-container:hover .playerBox-bodyshot-unknown,
.teamProfile .playerBox-container:hover .playerBox-squareshot {
    filter: brightness(110%)
}

.teamProfile .playerBox-container:last-child {
    border-bottom: 0
}

.teamProfile .playerBox-container .playerBox-nickname-container {
    position: absolute;
    bottom: -4px;
    background-color: #435971;
    border-radius: 50px;
    max-width: 100%;
    z-index: 3;
    left: 50%;
    transform: translate(-50%)
}

.teamProfile .playerBox-container .playerBox-nickname {
    padding: 0 8px;
    color: #fff !important;
    display: inline-block;
    margin: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: center
}

.teamProfile .playerBox-container .playerBox-nickname:hover {
    color: #fff !important
}

.teamProfile .playerBox-container .playerBox-bodyshot-container {
    flex: 1 1 150px;
    position: relative;
    margin-right: 8px;
    height: 100%;
    transition: .2s ease
}

.preload .teamProfile .playerBox-container .playerBox-bodyshot-container {
    transition: initial !important
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-bodyshot-container {
        flex: 1 0 70px
    }
}

.teamProfile .playerBox-container .playerBox-bodyshot-container .playerBox-squareshot {
    max-width: 100%;
    z-index: 3;
    position: relative
}

.teamProfile .playerBox-container .playerBox-bodyshot-container .playerBox-bodyshot-unknown {
    max-width: 100%;
    z-index: 3;
    position: relative;
    opacity: .5
}

.teamProfile .playerBox-container .playerBox-bodyshot-container .playerBox-bodyshot {
    max-width: 100%;
    border-radius: 0 0 50% 50%;
    z-index: 3;
    position: relative
}

.teamProfile .playerBox-container .playerBox-bodyshot-container .playerBox-teamlogo {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center
}

.teamProfile .playerBox-container .playerBox-bodyshot-container .playerBox-teamlogo .logo {
    max-width: 80%;
    margin: 0 auto;
    opacity: .65
}

.teamProfile .playerBox-container .playerBox-info-container {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-name-info {
    margin-top: -4px;
    color: rgba(146, 154, 158, .65);
    font-size: 12px;
    display: flex;
    align-items: center
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-name-info .flag {
    margin-right: 5px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .playerBox-name-info {
        margin-top: 0;
        font-size: 9px
    }
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels {
    display: flex;
    font-size: 11px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels {
        font-size: 8px;
        flex: 0 0 auto
    }
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label {
    margin-right: 8px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    padding: 0 4px;
    display: flex;
    align-items: center
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label .fa {
    margin-right: 4px;
    font-size: 8px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label {
        margin-right: 5px
    }
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label:last-child {
    margin-right: 0
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label.contract {
    background-color: rgba(9, 193, 0, .25)
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label.lineup {
    background-color: rgba(67, 89, 113, .35)
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label.bench {
    background-color: rgba(252, 29, 29, .35)
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-player-labels .label.loan {
    background-color: rgba(245, 186, 4, .35)
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-name {
    display: flex;
    flex-direction: column
}

.teamProfile .playerBox-container .playerBox-info-container .playerBox-name-realname {
    font-size: 18px;
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .playerBox-name-realname {
        font-size: 13px
    }
}

.teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box {
    margin-bottom: 8px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box {
        margin-bottom: 0
    }
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .all-time-stat {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .all-time-stat .stat {
    font-size: 16px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .all-time-stat .stat {
        font-size: 12px
    }
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .all-time-stat .description {
        font-size: 6px;
        margin-top: -3px
    }
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .highlighted-stat {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .highlighted-stat .stat {
    font-size: 16px
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .highlighted-stat .stat {
        font-size: 12px
    }
}

@media (max-width:500px) {
    .teamProfile .playerBox-container .playerBox-info-container .highlighted-stats-box .highlighted-stat .description {
        font-size: 6px;
        margin-top: -3px
    }
}

.teamProfile .fanbutton {
    padding-top: 7px;
    padding-bottom: 7px
}

.teamProfile .overlayImageFrame:hover {
    transition: .2s ease;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1affffff", endColorstr="#00ffffff", GradientType=0)
}

.preload .teamProfile .overlayImageFrame:hover {
    transition: initial !important
}

.teamProfile .overlayImageFrame:hover .bodyshot-team-img {
    filter: brightness(110%)
}

.teamProfile .overlayImageFrame-empty {
    width: 17.5%;
    text-align: center;
    position: relative;
    top: 21px;
    margin: -8% 0 2.0833333333% 2.0833333333%;
    box-sizing: border-box;
    float: left
}

@media (max-width:500px) {
    .teamProfile .overlayImageFrame-empty {
        margin: 0 0 2.0833333333% 2.0833333333%;
        background-color: #232d38
    }
}

.teamProfile .overlayImageFrame-unknown {
    width: 20%;
    text-align: center;
    margin: -8% 0 0;
    box-sizing: border-box;
    float: left
}

@media (max-width:500px) {
    .teamProfile .overlayImageFrame-unknown {
        margin: 0
    }
}

.teamProfile .overlayImageFrame-unknown .bodyshot-team-img {
    opacity: .5
}

.teamProfile .profileImage {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    position: relative;
    top: 10px
}

.teamProfile .subjectname {
    font-weight: 700
}

.teamProfile .playerFlagName {
    text-align: center;
    color: #fff !important;
    display: flex;
    justify-content: center;
    margin: 0 8px 0 auto;
    z-index: 3;
    position: relative;
    width: 90%;
    background: linear-gradient(90deg, transparent 10%, rgba(0, 0, 0, .5) 20%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .5) 80%, transparent 90%)
}

.teamProfile .playerFlagName a {
    color: #fff !important
}

@media (max-width:500px) {
    .teamProfile .playerFlagName {
        font-size: 10px;
        bottom: 0
    }
}

.teamProfile .playerFlagName img {
    margin-right: 5px
}

.teamProfile .teamlogo {
    float: left;
    max-height: 50px;
    max-width: 50px
}

.teamProfile .profileTopBox {
    border-top: 4px solid #435971;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:500px) {
    .teamProfile .profileTopBox {
        padding-top: 8px
    }
}

.teamProfile .bodyshot-team-bg {
    background-image: linear-gradient(136deg, #1b1f23, #3a4755);
    overflow: hidden;
    position: relative;
    padding: 0 8px
}

.teamProfile .bodyshot-team {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.teamProfile .bodyshot-team.g-grid {
    padding: 0 8px;
    height: 100%;
    align-items: flex-start
}

.teamProfile .bodyshot-team.g-grid .col-custom {
    height: 100%;
    position: relative;
    flex: 0 0 20%;
    padding-bottom: 0;
    padding-left: 8px
}

.teamProfile .bodyshot-team.g-grid .col-custom .nickname-container {
    position: absolute;
    width: 100%;
    bottom: 0
}

.teamProfile .bodyshot-team .bodyshot-team-img {
    max-width: 100%;
    z-index: 2;
    transition: .2s ease;
    width: 100%;
    position: relative;
    top: 8px
}

.preload .teamProfile .bodyshot-team .bodyshot-team-img {
    transition: initial !important
}

.teamProfile .regional-wrapper {
    display: flex;
    align-items: center;
    gap: 4px
}

.teamProfile .regional-wrapper .regional-beta {
    font-size: 8px;
    font-weight: 700;
    height: 11px;
    border: 1px solid rgba(145, 168, 179, .65);
    color: rgba(145, 168, 179, .65);
    border-radius: 4px;
    text-transform: uppercase;
    padding: 0 2px 3px
}

.teamProfile .profile-team-stats-container .profile-team-stat-50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

.teamProfile .profile-team-stats-container .profile-team-stat-50-50 .profile-team-stat {
    display: flex;
    gap: 4px;
    align-items: center
}

.teamProfile .profile-team-stats-container .profile-team-stat-50-50 .profile-team-stat:last-child {
    border-bottom: 1px solid #495867
}

.teamProfile .profile-team-stats-container .profile-team-stat-50-50 .profile-team-stat .right {
    flex: 1;
    text-align: right
}

.teamProfile .profile-team-stats-container .profile-team-stat {
    border-bottom: 1px solid #495867;
    padding-top: 5px;
    padding-bottom: 5px
}

.teamProfile .profile-team-stats-container .profile-team-stat:last-child {
    border-bottom: none
}

.teamProfile .profile-team-name {
    font-size: 24px;
    color: #929a9e;
    font-weight: 700;
    margin: 0
}

.teamProfile .profile-team-logo-container {
    height: 50px;
    width: 50px;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.teamProfile .profile-team-info {
    float: left
}

@media (max-width:500px) {
    .teamProfile .profile-team-info {
        width: 68%
    }
}

.teamProfile .team-country {
    margin-bottom: -8px
}

.teamProfile .profile-team-container {
    display: inline-flex;
    flex: 1 1 auto
}

.teamProfile .socialMediaButtons {
    display: flex;
    align-items: flex-start
}

.teamProfile .socialMediaButtons .custom-x,
.teamProfile .socialMediaButtons .twitch {
    padding: 10px
}

.teamProfile .socialMediaButtons .facebook {
    padding: 10px 13px 10px 12px
}

.teamProfile .socialMediaButtons .faceit,
.teamProfile .socialMediaButtons .instagram {
    padding: 10px 11px
}

.teamProfile .socialMediaButtons .addFan:after {
    content: "Become fan"
}

@media (max-width:500px) {
    .teamProfile .socialMediaButtons .addFan:after {
        content: "+Fan"
    }
}

.teamProfile .socialMediaButtons .removeFan:after {
    content: "Remove fan"
}

@media (max-width:500px) {
    .teamProfile .socialMediaButtons .removeFan:after {
        content: "-Fan"
    }
}

.teamProfile .player-timeline {
    display: grid;
    grid-template-columns: auto 1fr;
    border: 1px solid #495867;
    border-radius: 4px;
    padding: 36px 16px 16px
}

.teamProfile .player-timeline .player-timeline-names {
    display: flex;
    flex-direction: column;
    margin-right: 10px
}

.teamProfile .player-timeline .player-timeline-name {
    height: 24px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.teamProfile .player-timeline .player-timeline-name .flag {
    margin-right: 4px
}

.teamProfile .player-timeline .player-timeline-timeline {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.teamProfile .player-timeline .player-timeline-year-labels {
    position: relative
}

.teamProfile .player-timeline .timeline-month-label,
.teamProfile .player-timeline .timeline-year-label {
    position: absolute;
    text-align: center;
    bottom: 0;
    transform: translate(-50%)
}

.teamProfile .player-timeline .timeline-year-label {
    background-color: #364250;
    border-radius: 4px;
    border: 1px solid #495867;
    padding: 1px 4px
}

.teamProfile .player-timeline .timeline-month {
    position: absolute;
    height: 100%;
    border-right: 1px dashed rgba(73, 88, 103, .45)
}

.teamProfile .player-timeline .timeline-year {
    position: absolute;
    height: 100%;
    border-left: 2px solid #495867
}

.teamProfile .player-timeline .timeline-player-period-wrapper {
    height: 24px;
    position: relative;
    display: flex;
    align-items: center
}

.teamProfile .player-timeline .timeline-player-period {
    position: absolute;
    z-index: 3;
    height: 6px;
    border-radius: 3px
}

.teamProfile .player-timeline .timeline-player-period.active-period {
    border-radius: 3px 0 0 3px
}

#teamprofile_2 {
    margin-top: 18px
}

#teamprofile_2 img {
    width: 100%
}

#playerprofile_2,
.team-specific {
    margin-top: 18px
}

#playerprofile_2 img,
.team-specific img {
    width: 100%
}

.fpl-link {
    text-decoration: none;
    color: inherit
}

.table-container {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.table-container.fpl-historic-table {
    padding-bottom: 24px
}

.table-container.fpl-historic-table .fpl-header-cell th {
    background-color: #364250;
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
    color: #929a9e
}

.table-container.fpl-historic-table .historic-season-row {
    text-align: center
}

.table-container.fpl-historic-table .position-cell,
.table-container.fpl-historic-table .season-cell {
    font-weight: 700
}

.table-container.fpl-historic-table .position-cell a:hover,
.table-container.fpl-historic-table .season-cell a:hover {
    color: inherit !important;
    cursor: pointer
}

.table-container.fpl-historic-table .position-gold {
    margin-left: 4px;
    background-color: #dea905;
    border-radius: 4px;
    color: #503d00
}

.table-container.fpl-historic-table .position-silver {
    margin-left: 4px;
    background-color: silver;
    border-radius: 4px;
    color: #525252
}

.table-container.fpl-historic-table .position-bronze {
    margin-left: 4px;
    background-color: #cd7f32;
    border-radius: 4px;
    color: #522b04
}

.table-container.fpl-historic-table .matches-cell,
.table-container.fpl-historic-table .points-cell,
.table-container.fpl-historic-table .winning-streak-cell,
.table-container.fpl-historic-table .won-cell,
.table-container.fpl-historic-table .won-percentage-cell {
    opacity: .8
}

.table-container.coach-table thead th,
.table-container.players-table thead th {
    background-color: #364250;
    padding: 0 8px;
    height: 36px
}

@media (max-width:500px) {

    .table-container.coach-table thead th,
    .table-container.players-table thead th {
        font-size: 10px;
        padding: 0 4px
    }
}

.table-container.coach-table thead .playersBox-player,
.table-container.players-table thead .playersBox-player {
    width: 145px
}

@media (max-width:500px) {

    .table-container.coach-table thead .playersBox-player,
    .table-container.players-table thead .playersBox-player {
        width: 65px
    }
}

.table-container.coach-table thead .playersBox-rating,
.table-container.coach-table thead .playersBox-winrate,
.table-container.players-table thead .playersBox-rating,
.table-container.players-table thead .playersBox-winrate {
    width: 45px;
    text-align: center
}

@media (max-width:500px) {

    .table-container.coach-table thead .playersBox-rating,
    .table-container.coach-table thead .playersBox-winrate,
    .table-container.players-table thead .playersBox-rating,
    .table-container.players-table thead .playersBox-winrate {
        width: 50px
    }
}

.table-container.coach-table thead .playersBox-status,
.table-container.players-table thead .playersBox-status {
    width: 78px;
    text-align: center
}

@media (max-width:500px) {

    .table-container.coach-table thead .playersBox-status,
    .table-container.players-table thead .playersBox-status {
        width: 54px
    }
}

.table-container.coach-table thead .playersBox-contract,
.table-container.coach-table thead .playersBox-maps,
.table-container.coach-table thead .playersBox-rating,
.table-container.coach-table thead .playersBox-time,
.table-container.coach-table thead .playersBox-trophies,
.table-container.players-table thead .playersBox-contract,
.table-container.players-table thead .playersBox-maps,
.table-container.players-table thead .playersBox-rating,
.table-container.players-table thead .playersBox-time,
.table-container.players-table thead .playersBox-trophies {
    text-align: center
}

.table-container.coach-table tr:nth-child(2n),
.table-container.players-table tr:nth-child(2n) {
    background-color: inherit
}

.table-container.coach-table tr:nth-child(2n):hover,
.table-container.players-table tr:nth-child(2n):hover {
    background-color: #45515f
}

.table-container.coach-table .playersBox-first-cell,
.table-container.players-table .playersBox-first-cell {
    background-color: rgba(54, 66, 80, .5);
    border-right: 1px solid rgba(73, 88, 103, .35)
}

.table-container.coach-table td,
.table-container.players-table td {
    height: 56px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:500px) {

    .table-container.coach-table td,
    .table-container.players-table td {
        height: 36px;
        font-size: 10px
    }
}

.table-container.coach-table td:last-child,
.table-container.players-table td:last-child {
    padding-right: 0
}

.table-container.coach-table td .flag,
.table-container.players-table td .flag {
    margin-right: 4px
}

.table-container.coach-table td .status-cell,
.table-container.players-table td .status-cell {
    margin: 0 12px;
    line-height: 22px
}

@media (max-width:500px) {

    .table-container.coach-table td .status-cell,
    .table-container.players-table td .status-cell {
        margin: 0 4px
    }
}

.table-container.coach-table td .rating-cell,
.table-container.players-table td .rating-cell {
    font-weight: 700;
    text-align: center;
    justify-content: center;
    width: 100%
}

.table-container.coach-table td .end-date,
.table-container.coach-table td .start-date,
.table-container.players-table td .end-date,
.table-container.players-table td .start-date {
    height: 18px
}

.table-container.coach-table td .unknown-date,
.table-container.players-table td .unknown-date {
    opacity: .5
}

.table-container.coach-table td .contract-cell,
.table-container.players-table td .contract-cell {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.table-container.coach-table td .center-cell,
.table-container.players-table td .center-cell {
    text-align: center;
    justify-content: center
}

.table-container.coach-table td .opacity-cell,
.table-container.players-table td .opacity-cell {
    opacity: .65
}

.table-container.coach-table td .player-status,
.table-container.players-table td .player-status {
    font-size: 10px;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    line-height: 22px
}

@media (max-width:500px) {

    .table-container.coach-table td .player-status,
    .table-container.players-table td .player-status {
        font-size: 8px
    }
}

.table-container.coach-table td .players-cell,
.table-container.players-table td .players-cell {
    height: 100%;
    display: flex;
    align-items: center
}

.table-container.coach-table td .players-cell .player-status,
.table-container.players-table td .players-cell .player-status {
    border-radius: 4px
}

.table-container.coach-table td .playersBox-playernick-image,
.table-container.players-table td .playersBox-playernick-image {
    height: 100%;
    display: flex
}

.table-container.coach-table td .playersBox-playernick-image .playerBox-squareshot,
.table-container.players-table td .playersBox-playernick-image .playerBox-squareshot {
    max-width: 100%
}

@media (max-width:500px) {

    .table-container.coach-table td .playersBox-playernick-image .playerBox-squareshot,
    .table-container.players-table td .playersBox-playernick-image .playerBox-squareshot {
        display: none
    }
}

.table-container.coach-table td .playersBox-playernick-image .playersBox-img-wrapper,
.table-container.players-table td .playersBox-playernick-image .playersBox-img-wrapper {
    position: relative;
    height: 50px;
    width: 56px;
    overflow: hidden;
    bottom: -6px
}

@media (max-width:500px) {

    .table-container.coach-table td .playersBox-playernick-image .playersBox-img-wrapper,
    .table-container.players-table td .playersBox-playernick-image .playersBox-img-wrapper {
        height: 30px;
        width: 26px;
        display: none
    }
}

.table-container.coach-table td .playersBox-playernick-image .playerBox-bodyshot,
.table-container.players-table td .playersBox-playernick-image .playerBox-bodyshot {
    position: absolute;
    left: -11px;
    height: 80px
}

@media (max-width:500px) {

    .table-container.coach-table td .playersBox-playernick-image .playerBox-bodyshot,
    .table-container.players-table td .playersBox-playernick-image .playerBox-bodyshot {
        left: -2px;
        height: 30px
    }
}

.table-container.coach-table td .playersBox-playernick-image .playersBox-playernick,
.table-container.players-table td .playersBox-playernick-image .playersBox-playernick {
    margin-left: 10px;
    font-weight: 700;
    color: #87a3bf
}

@media (max-width:500px) {

    .table-container.coach-table td .playersBox-playernick-image .playersBox-playernick,
    .table-container.players-table td .playersBox-playernick-image .playersBox-playernick {
        margin-left: 5px
    }
}

.table-container.team-breakdown .time-period-cell {
    width: 137px
}

.table-container.team-breakdown .time-period-cell .fa-caret-up {
    display: none
}

.table-container.team-breakdown .time-period-cell .fa-caret-down,
.table-container.team-breakdown .time-period-cell .fa-caret-up {
    float: right;
    margin-right: 8px;
    margin-top: 3px
}

@media (max-width:500px) {

    .table-container.team-breakdown .time-period-cell .fa-caret-down,
    .table-container.team-breakdown .time-period-cell .fa-caret-up {
        margin-right: 0
    }
}

.table-container.team-breakdown .time-period-cell:not(.open) .fa-caret-down,
.table-container.team-breakdown .time-period-cell:not(.open) .fa-caret-up {
    color: #929a9e
}

.table-container.team-breakdown .time-period-cell.open .fa-caret-up {
    display: initial
}

.table-container.team-breakdown .time-period-cell.open .fa-caret-down {
    display: none
}

@media (max-width:500px) {
    .table-container.team-breakdown .time-period-cell {
        width: 107px;
        font-size: 10px !important;
        padding-left: 4px
    }
}

.table-container.team-breakdown .player-team-period-toggle {
    cursor: pointer
}

@media (max-width:500px) {
    .table-container.team-breakdown .team-header-cell {
        width: 55px;
        text-align: center
    }
}

@media (max-width:500px) {
    .table-container.team-breakdown .team-name-cell {
        text-align: center
    }
}

.table-container.team-breakdown .team-name {
    color: #929a9e
}

.table-container.team-breakdown .player-status {
    font-size: 10px;
    width: 68px;
    border-radius: 4px;
    text-align: center;
    line-height: 22px
}

@media (max-width:500px) {
    .table-container.team-breakdown .player-status {
        font-size: 8px;
        width: 52px
    }
}

.table-container.team-breakdown .team-open {
    background-color: #26303c
}

.table-container.team-breakdown .team-open .team-name {
    font-weight: 700
}

.table-container.team-breakdown .team-open .team-detail-stats {
    padding: 0
}

.table-container.team-breakdown .team-open .team-detail-stats .center-align {
    text-align: center
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container {
    display: grid;
    grid-template-columns: auto 80px 80px 60px 50px;
    padding: 8px 8px 6px;
    font-weight: 700;
    border-bottom: 1px solid rgba(73, 88, 103, .35);
    align-items: center;
    gap: 16px
}

@media (max-width:500px) {
    .table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container {
        grid-template-columns: auto 40px 40px 40px 45px;
        gap: 6px
    }
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-header {
    font-size: 11px;
    color: rgba(146, 154, 158, .65)
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats {
    background-color: #364250
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .win {
    transition: .2s ease;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px 3px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    width: 30px
}

.preload .table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .win {
    transition: initial !important
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .win.ct {
    background-color: #2c6ea4
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .win.t {
    background-color: #e0a42d
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .neutral {
    padding: 2px 6px 3px
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .neutral.right-align {
    text-align: right
}

.table-container.team-breakdown .team-open .team-detail-stats .team-detail-stats-container.team-detail-map-stats .center-align {
    margin: 0 auto
}

.table-container .stats-button-cell {
    width: 88px;
    text-align: right
}

@media (max-width:500px) {
    .table-container .stats-button-cell {
        width: 60px
    }
}

.table-container .stats-button-cell-short {
    width: 50px;
    text-align: right
}

@media (max-width:500px) {
    .table-container .stats-button-cell-short {
        width: 48px
    }
}

.table-container .team-name-cell {
    max-width: 150px
}

.table-container .tournament-name-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container .trophy-row-trophy {
    display: flex;
    gap: 3px;
    overflow-x: auto;
    white-space: nowrap;
    height: 23px;
    overflow-y: hidden;
    scrollbar-color: #232d38 rgba(27, 31, 35, 0);
    scrollbar-width: thin
}

.table-container .trophy-row-trophy::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .table-container .trophy-row-trophy::-webkit-scrollbar {
        height: 3px
    }
}

.table-container .trophy-row-trophy::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.table-container .trophy-row-trophy::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.table-container .trophy-row-trophy .trophy-icon {
    width: 21px;
    height: 21px
}

.table-container thead {
    font-size: 11px;
    color: rgba(146, 154, 158, .65);
    text-align: left
}

.table-container thead tr .table-trophy-row {
    max-width: 250px
}

@media (max-width:500px) {
    .table-container thead tr .table-trophy-row {
        max-width: 135px
    }
}

.table-container thead tr th {
    border-bottom: 1px solid #495867;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.table-container thead tr th:first-child {
    padding-left: 8px
}

@media (max-width:500px) {
    .table-container thead tr th:first-child {
        padding-left: 4px
    }
}

.table-container thead tr th:last-child {
    padding-right: 8px
}

@media (max-width:500px) {
    .table-container thead tr th:last-child {
        padding-right: 4px
    }
}

.table-container tbody tr {
    transition: .2s ease
}

.preload .table-container tbody tr {
    transition: initial !important
}

.table-container tbody tr.past-team {
    transition: .2s ease;
    opacity: .65
}

.preload .table-container tbody tr.past-team {
    transition: initial !important
}

.table-container tbody tr.past-team .team-name-cell {
    filter: grayscale(1)
}

.table-container tbody tr.past-team:hover {
    opacity: 1
}

.table-container tbody tr.past-team:hover .team-name-cell {
    filter: grayscale(0)
}

.table-container tbody tr:nth-child(2n) {
    background-color: #364250
}

.table-container tbody tr:last-child td {
    border-bottom: none !important
}

.table-container tbody tr:hover {
    background-color: #45515f
}

.table-container tbody tr:hover .lost {
    opacity: 1;
    filter: grayscale(0) !important
}

.table-container tbody tr:hover .lost .team-logo {
    filter: grayscale(0) !important
}

.table-container tbody tr td {
    border-bottom: 1px solid rgba(73, 88, 103, .35);
    padding-top: 8px;
    padding-bottom: 6px;
    vertical-align: top
}

.table-container tbody tr td:first-child {
    padding-left: 8px
}

@media (max-width:500px) {
    .table-container tbody tr td:first-child {
        padding-left: 4px
    }
}

.table-container tbody tr td:last-child {
    padding-right: 8px
}

@media (max-width:500px) {
    .table-container tbody tr td:last-child {
        padding-right: 4px
    }
}

.table-container tbody tr td.team-name-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container tbody tr td .stats-button {
    transition: .2s ease;
    background-color: #435971;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px 3px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center
}

.preload .table-container tbody tr td .stats-button {
    transition: initial !important
}

.table-container tbody tr td .stats-button:hover {
    color: #fff !important;
    background-color: #59728e
}

.table-container tbody tr td .team-logo-container {
    height: 23px;
    width: 23px;
    display: inline-block;
    margin-right: 5px;
    text-align: center
}

.table-container tbody tr td .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.table-container.match-table .matchpage-button-cell {
    width: 88px;
    text-align: right
}

@media (max-width:500px) {
    .table-container.match-table .matchpage-button-cell {
        width: 60px
    }
}

.table-container.match-table .date-cell {
    width: 80px
}

@media (max-width:500px) {
    .table-container.match-table .date-cell {
        width: 60px
    }
}

.table-container.match-table .team-center-cell {
    text-align: center
}

.table-container.match-table .event-header-cell th {
    background-color: #364250;
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
    color: #929a9e
}

.table-container.match-table .matchpage-button {
    transition: .2s ease;
    background-color: #435971;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px 3px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center
}

.preload .table-container.match-table .matchpage-button {
    transition: initial !important
}

@media (max-width:500px) {
    .table-container.match-table .matchpage-button {
        font-size: 11px
    }
}

.table-container.match-table .matchpage-button:hover {
    color: #fff !important;
    background-color: #59728e
}

.table-container.match-table tbody .tr-seperator {
    display: none
}

.table-container.match-table tbody:not(:last-child) .tr-seperator {
    display: table-row !important;
    height: 24px
}

.table-container.match-table tbody .team-center-cell {
    display: flex
}

.table-container.match-table tbody .team-flex {
    flex: 1;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container.match-table tbody .team-name {
    color: #929a9e;
    padding: 0 5px
}

.table-container.match-table tbody .team-1 {
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container.match-table tbody .team-2 {
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container.match-table tbody .score-cell {
    flex: 0 0 50px;
    display: flex;
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px
}

@media (max-width:500px) {
    .table-container.match-table tbody .score-cell {
        flex: 0 0 40px;
        margin-left: 2px;
        margin-right: 2px
    }
}

.table-container.match-table tbody .score-cell .score {
    width: 20px;
    text-align: center;
    font-weight: 700
}

@media (max-width:500px) {
    .table-container.match-table tbody .score-cell .score {
        width: 17px
    }
}

.table-container.match-table tbody .score-cell .score-divider {
    width: 10px;
    text-align: center
}

@media (max-width:500px) {
    .table-container.match-table tbody .score-cell .score-divider {
        width: 6px
    }
}

.table-container.match-table tbody .date-cell {
    line-height: 21px;
    color: rgba(146, 154, 158, .65)
}

@media (max-width:500px) {
    .table-container.match-table tbody .date-cell {
        font-size: 10px;
        line-height: 20px;
        padding-left: 4px
    }
}

.table-container.match-table tbody .team-logo-container {
    margin-right: 0
}

.table-container.match-table tbody .lost {
    opacity: .5;
    color: #929a9e
}

.table-container.match-table tbody .lost .team-logo {
    filter: grayscale(1) brightness(1.35)
}

.table-container .rating-cell {
    width: 50px;
    text-align: right
}

@media (max-width:500px) {
    .table-container .rating-cell {
        width: 40px
    }
}

.table-container .trophy-row td {
    vertical-align: middle
}

.table-container .trophy-row .trophy-detail {
    display: flex;
    align-items: center
}

.table-container .trophy-row .trophy-detail .trophy-icon {
    width: 50px;
    max-height: 50px;
    margin-right: 8px
}

.table-container .trophy-row .trophy-event {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-container .trophy-row .trophy-rating-number {
    text-align: right;
    font-weight: 700
}

.playerProfile .playerContainer {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    transition: .2s ease;
    border-bottom: 4px solid #435971;
    min-height: 196px;
    padding-right: 16px;
    display: flex;
    gap: 16px;
    position: relative;
    box-sizing: border-box
}

.preload .playerProfile .playerContainer {
    transition: initial !important
}

@media (max-width:500px) {
    .playerProfile .playerContainer {
        background-image: linear-gradient(136deg, #1b1f23, #3a4755);
        color: #fff !important;
        height: 170px;
        padding-right: 0;
        padding-left: 16px;
        flex-direction: row-reverse;
        gap: 0;
        box-sizing: border-box;
        min-height: inherit
    }

    .playerProfile .playerContainer a,
    .playerProfile .playerContainer a:hover {
        color: #dbe6f3 !important
    }
}

.playerProfile .playerContainer .primaryRole {
    position: absolute;
    top: 0;
    left: 0;
    background: #435971;
    color: #929a9e;
    border-radius: 0 0 10px 0;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 700;
    z-index: 8
}

@media (max-width:500px) {
    .playerProfile .playerContainer .primaryRole {
        font-size: 8px;
        padding: 2px 4px;
        border-radius: 0 0 4px 0
    }
}

.playerProfile .playerContainer.inducted {
    background: linear-gradient(180deg, #000c13, #111a1f);
    border-bottom: 4px solid var(--hofColor);
    color: #929a9e
}

@media (max-width:500px) {
    .playerProfile .playerContainer.inducted .playerBodyshot:after {
        content: none
    }
}

.playerProfile .playerContainer.inducted+.trophySection {
    background-color: #1f1f1f
}

.playerProfile .playerContainer.inducted+.trophySection .trophy {
    border-right: 1px solid #515151
}

.playerProfile .playerContainer.inducted+.trophySection .trophy:hover {
    background-color: #1a1a1a
}

.playerProfile .playerContainer.inducted+.trophySection .trophyRow::-webkit-scrollbar-track {
    border-top: 1px solid #515151
}

.playerProfile .playerContainer.inducted+.trophySection .trophyRow::-webkit-scrollbar-thumb {
    background: #0f0f0f
}

.playerProfile .playerContainer.inducted a {
    color: #fff !important
}

.playerProfile .playerContainer.inducted .playerNickname {
    color: #e1c693
}

.playerProfile .playerContainer.inducted .primaryRole {
    background: #e1c693;
    color: #000
}

.playerProfile .playerContainer.inducted .listLeft {
    color: #e1c693
}

.playerProfile .playerContainer.inducted .listRight {
    color: #fff
}

.playerProfile .playerContainer.inducted .playerInfoRow {
    border-bottom: 1px solid rgba(225, 198, 147, .5019607843)
}

.playerProfile .playerContainer.inducted .playerRealname {
    color: #fff
}

.playerProfile .playerContainer.inducted .top-20-year {
    color: hsla(0, 0%, 100%, .7)
}

.playerProfile .playerContainer.inducted .hof-topbox-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    overflow: hidden;
    --mask-gradient: linear-gradient(90deg, transparent 10%, rgba(0, 0, 0, 0.5803921568627451), transparent 90%);
    background: #2b2b2b url(/img/static/award/satin.png) 0/cover no-repeat fixed !important;
    z-index: 1
}

.playerProfile .playerContainer.inducted .playerBodyshot,
.playerProfile .playerContainer.inducted .playerInfoWrapper,
.playerProfile .playerContainer.inducted .primaryRole {
    z-index: 2
}

.playerProfile .playerContainer.inducted .popup-text {
    font-weight: 400;
    font-size: 10px;
    color: hsla(0, 0%, 100%, .7)
}

.playerProfile .playerBodyshot {
    position: relative;
    display: flex;
    overflow: hidden;
    flex: 0 0 188px
}

@media (max-width:500px) {
    .playerProfile .playerBodyshot {
        z-index: 2;
        width: 162px;
        flex: 0 0 162px
    }

    .playerProfile .playerBodyshot:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 100%;
        background-image: linear-gradient(0deg, #303943, rgba(48, 57, 67, 0) 30%);
        z-index: 5
    }
}

.playerProfile .playerBodyshot .bodyshot-logo {
    position: absolute;
    opacity: .65;
    margin-left: 16px;
    margin-right: 16px;
    align-self: flex-start;
    padding-top: 4px;
    z-index: 2;
    max-height: 100%;
    width: calc(100% - 32px)
}

@media (max-width:500px) {
    .playerProfile .playerBodyshot .bodyshot-logo {
        opacity: .5;
        padding: 0;
        left: -4px;
        top: -40px;
        animation: fadeUpTeamLogo .5s;
        width: 250px;
        max-height: inherit
    }
}

.playerProfile .playerBodyshot .bodyshot-img {
    position: relative;
    width: 100%;
    align-self: flex-end;
    max-width: 192px;
    margin: 0 auto;
    z-index: 4
}

@media (max-width:360px) {
    .playerProfile .playerBodyshot .bodyshot-img {
        align-self: flex-start !important;
        right: 0 !important
    }

    .playerProfile .playerBodyshot .bodyshot-logo {
        left: 60px !important;
        margin: 0 !important
    }
}

@media (max-width:500px) {
    .playerProfile .playerBodyshot {
        overflow: hidden;
        grid-column: 2
    }

    .playerProfile .playerBodyshot .bodyshot-img {
        align-self: flex-start;
        right: 20px;
        max-width: 220px;
        width: 130%;
        animation: fadeUpPlayer 1s
    }
}

@keyframes fadeUpPlayer {
    0% {
        transform: translate3d(0, 40px, 0)
    }

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

@keyframes fadeUpTeamLogo {
    0% {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translateZ(0);
        opacity: .5
    }
}

.playerProfile .playerPicture {
    position: relative;
    display: flex;
    overflow: hidden;
    flex: 0 0 160px;
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    z-index: 1
}

.playerProfile .playerPicture .profile-img {
    align-self: center;
    right: 0;
    max-width: 160px
}

@media (max-width:500px) {
    .playerProfile .playerPicture {
        overflow: hidden;
        flex: 0 0 108px;
        margin-left: 8px;
        margin-top: inherit;
        margin-bottom: inherit
    }

    .playerProfile .playerPicture .profile-img {
        align-self: center;
        right: 0;
        max-width: 100px;
        width: 130%;
        border-radius: 4px
    }
}

.playerProfile .playerNameWrapper {
    display: flex;
    padding-top: 16px
}

@media (max-width:500px) {
    .playerProfile .playerNameWrapper {
        padding-top: 0
    }
}

.playerProfile .playerName {
    display: flex;
    z-index: 3;
    flex-direction: column;
    flex: 1;
    margin-top: -6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .playerProfile .playerName {
        display: flex;
        flex-direction: column
    }
}

.playerProfile .playerNickname {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .playerProfile .playerNickname {
        padding-top: 8px;
        font-size: 32px
    }
}

.playerProfile .playerRealname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .playerProfile .playerRealname {
        color: #dbe6f3;
        margin-top: -5px
    }
}

.playerProfile .socialMediaButtons {
    display: flex;
    align-items: flex-start;
    color: #fff !important
}

.playerProfile .socialMediaButtons a,
.playerProfile .socialMediaButtons a:hover {
    color: #fff !important
}

@media (max-width:500px) {
    .playerProfile .socialMediaButtons {
        margin-top: 16px;
        right: 8px;
        position: absolute
    }
}

.playerProfile .playerInfoWrapper {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .playerProfile .playerInfoWrapper {
        gap: 4px;
        display: flex;
        flex-direction: column
    }
}

.playerProfile .playerInfo {
    display: flex;
    flex-direction: column
}

.playerProfile .playerInfo .playerInfoRow {
    border-bottom: 1px solid #495867;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .playerProfile .playerInfo .playerInfoRow {
        border-bottom: none !important;
        height: 21px
    }
}

.playerProfile .playerInfo .playerInfoRow:last-child {
    border-bottom: none !important
}

.playerProfile .playerInfo .listLeft {
    align-self: center;
    font-weight: 700
}

@media (max-width:500px) {
    .playerProfile .playerInfo .listLeft {
        font-weight: 500;
        color: #a5b4c5
    }
}

.playerProfile .playerInfo .listRight {
    align-self: center
}

@media (max-width:500px) {
    .playerProfile .playerInfo .listRight {
        font-weight: 700;
        color: #dbe6f3
    }
}

.playerProfile .playerAge,
.playerProfile .playerPrizeMoney {
    display: flex;
    align-self: center;
    justify-content: space-between;
    grid-area: playerAge;
    width: 100%;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
}

.playerProfile .playerTeam {
    display: flex;
    justify-content: space-between;
    align-self: center;
    grid-area: playerTeam;
    width: 100%;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
}

.playerProfile .playerTeam .listRight {
    flex: 1 1 auto;
    text-align: right
}

.playerProfile .playerTeam img {
    max-width: 15px;
    max-height: 15px;
    width: 100%;
    margin-right: 5px
}

.playerProfile .top-grid-box {
    grid-area: playerTop20 !important
}

@media (max-width:500px) {
    .playerProfile .top-grid-box {
        grid-area: playerAchievements !important
    }
}

.playerProfile .top-grid-box {
    grid-area: playerAchievements
}

.playerProfile .playerTop20 {
    display: flex;
    align-self: center;
    justify-content: space-between;
    grid-area: playerTop20;
    width: 100%;
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    max-height: 31px;
    box-sizing: border-box
}

.playerProfile .playerTop20 .top-20-year {
    margin-left: 5px;
    font-size: 10px;
    font-weight: 700;
    opacity: .85
}

@media (max-width:500px) {
    .playerProfile .playerTop20 {
        display: none
    }
}

.playerProfile .playerTop20 .top20ListLeft {
    flex: 0 0 50px
}

@-moz-document url-prefix() {
    .playerProfile .playerTop20 .top20ListRight {
        top: 4px !important
    }
}

.playerProfile .playerTop20 .top20ListRight {
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    top: 2px;
    display: flex;
    align-items: center;
    scrollbar-color: #232d38 rgba(27, 31, 35, 0);
    scrollbar-width: thin
}

.playerProfile .playerTop20 .top20ListRight::-webkit-scrollbar {
    width: 5px !important;
    height: 4px
}

@media (max-width:500px) {
    .playerProfile .playerTop20 .top20ListRight::-webkit-scrollbar {
        height: 3px
    }
}

.playerProfile .playerTop20 .top20ListRight::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.playerProfile .playerTop20 .top20ListRight::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.playerProfile #achievementBox .team-name {
    color: #929a9e
}

.playerProfile .playerAchievement {
    display: flex;
    align-self: center;
    justify-content: space-between;
    width: 100%;
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: playerAchievements
}

@media (max-width:500px) {
    .playerProfile .playerAchievement .listRight {
        width: 100%
    }
}

.playerProfile .playerAchievement .majorSection {
    display: flex;
    justify-content: space-between
}

.playerProfile .playerAchievement .majorSection .majorWinner {
    background-color: #dea905;
    color: #fffcf1;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
    display: inline-block;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.playerProfile .playerAchievement .majorSection .majorWinner b {
    color: #fff
}

@media (max-width:500px) {
    .playerProfile .playerAchievement .majorSection .majorWinner {
        font-weight: 500;
        font-size: 9px;
        margin-right: 0;
        padding: 2px 3px
    }
}

.playerProfile .playerAchievement .majorSection .majorMVP {
    background-color: #435971;
    color: #f1f8ff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    display: inline-block;
    margin-left: 5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.playerProfile .playerAchievement .majorSection .majorMVP b {
    color: #fff
}

@media (max-width:500px) {
    .playerProfile .playerAchievement .majorSection .majorMVP {
        font-weight: 500;
        font-size: 9px;
        margin-right: 0;
        padding: 2px 3px
    }
}

.playerProfile .chart-tabs,
.playerProfile .chart-tabs-noabs,
.playerProfile .transfers-tabs,
.teamProfile .chart-tabs,
.teamProfile .chart-tabs-noabs,
.teamProfile .transfers-tabs {
    justify-content: flex-end;
    display: flex;
    z-index: 999
}

.playerProfile .chart-tabs-noabs div,
.playerProfile .chart-tabs div,
.playerProfile .transfers-tabs div,
.teamProfile .chart-tabs-noabs div,
.teamProfile .chart-tabs div,
.teamProfile .transfers-tabs div {
    cursor: pointer;
    padding: 0 8px
}

.playerProfile .chart-tabs-noabs .selected,
.playerProfile .chart-tabs .selected,
.playerProfile .transfers-tabs .selected,
.teamProfile .chart-tabs-noabs .selected,
.teamProfile .chart-tabs .selected,
.teamProfile .transfers-tabs .selected {
    background-color: #435971;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px;
    font-weight: 700
}

.playerProfile .chart-tabs,
.teamProfile .chart-tabs {
    position: absolute;
    right: 0;
    width: 150px
}

.playerProfile .disclaimer,
.teamProfile .disclaimer {
    opacity: .65;
    font-size: 10px
}

@media (max-width:500px) {

    .playerProfile .disclaimer,
    .teamProfile .disclaimer {
        font-size: 7px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container,
.teamProfile .streaks-oxVVUdvP123Gazx-container {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    align-items: center;
    color: #fff;
    background-image: url(/img/newwidgets/resultWidgetBg.png);
    background-position: bottom;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 8px
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container,
    .teamProfile .streaks-oxVVUdvP123Gazx-container {
        padding: 4px 8px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text {
    flex: 1;
    margin-right: 16px;
    text-align: center
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text,
    .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text {
        margin-right: 8px;
        font-size: 10px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-extra-text,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-extra-text {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #dbe7ef
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text-container,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-text-container {
    display: flex;
    flex: 0 1 150px;
    text-align: center;
    padding: 16px 0;
    position: relative;
    align-items: center;
    top: 8px
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx {
    flex: 1;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    display: flex;
    flex-direction: column
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.lost,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.lost {
    color: #fc1d1d
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.lost .streak-icon,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.lost .streak-icon {
    background-color: #fc1d1d
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.won,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.won {
    color: #09c100
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.won .streak-icon,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.won .streak-icon {
    background-color: #09c100
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.tie,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.tie {
    color: #5a96dc
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.tie .streak-icon,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx.tie .streak-icon {
    background-color: #5a96dc
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-icon,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-icon {
    height: 8px;
    width: 8px;
    border-radius: 100%
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-icon,
    .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-icon {
        height: 6px;
        width: 6px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-short,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-short {
    font-size: 10px;
    font-weight: 700
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-short,
    .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx .streak-short {
        font-size: 8px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container {
    background-color: rgba(50, 104, 154, .45);
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent {
    width: 100%
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx {
    position: absolute
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx.team-oxVVUdvP123Gazx-1,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx.team-oxVVUdvP123Gazx-1 {
    left: 8px
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx.team-oxVVUdvP123Gazx-2,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx.team-oxVVUdvP123Gazx-2 {
    right: 8px
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx .streak-oxVVUdvP123Gazx-vs,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container.next-opponent .streak-next-match-image-oxVVUdvP123Gazx .streak-oxVVUdvP123Gazx-vs {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    color: hsla(0, 0%, 100%, .65)
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container .streak-next-match-image-oxVVUdvP123Gazx,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-next-match-oxVVUdvP123Gazx-container .streak-next-match-image-oxVVUdvP123Gazx {
    max-width: 50px;
    max-height: 50px
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .position-oxVVUdvP123Gazx-border-bottom,
.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top,
.teamProfile .streaks-oxVVUdvP123Gazx-container .position-oxVVUdvP123Gazx-border-bottom,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:before,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    top: -1px;
    left: -1px;
    border-color: #3b7ebd;
    border-style: solid;
    border-width: 2px 0 0 2px;
    animation-name: topLeft;
    animation-duration: .4s;
    transition: .4s ease;
    transform: scale(1) translateX(0) translateY(0)
}

.preload .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:before,
.preload .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:before {
    transition: initial !important
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:after,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    bottom: -1px;
    left: -1px;
    border-color: #3b7ebd;
    border-style: solid;
    border-width: 0 0 2px 2px;
    animation-name: bottomLeft;
    animation-duration: .4s;
    transition: .4s ease;
    transform: scale(1) translateX(0) translateY(0)
}

.preload .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:after,
.preload .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-bottom:after {
    transition: initial !important
}

@keyframes topRight {
    0% {
        transform: scale(0) translateX(-12px) translateY(12px)
    }

    to {
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes topLeft {
    0% {
        transform: scale(0) translateX(12px) translateY(12px)
    }

    to {
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes bottomLeft {
    0% {
        transform: scale(0) translateX(12px) translateY(-12px)
    }

    to {
        transform: scale(1) translateX(0) translateY(0)
    }
}

@keyframes bottomRight {
    0% {
        transform: scale(0) translateX(-12px) translateY(-12px)
    }

    to {
        transform: scale(1) translateX(0) translateY(0)
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:before,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    top: -1px;
    right: -1px;
    border-color: #3b7ebd;
    border-style: solid;
    border-width: 2px 2px 0 0;
    animation-name: topRight;
    animation-duration: .4s;
    transition: .4s ease;
    transform: scale(1) translateX(0) translateY(0)
}

.preload .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:before,
.preload .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:before {
    transition: initial !important
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:after,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    bottom: -1px;
    right: -1px;
    border-color: #3b7ebd;
    border-style: solid;
    border-width: 0 2px 2px 0;
    animation-name: bottomRight;
    animation-duration: .4s;
    transition: .4s ease;
    transform: scale(1) translateX(0) translateY(0)
}

.preload .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:after,
.preload .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-border-top:after {
    transition: initial !important
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-past-matches,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-past-matches {
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #dbe7ef
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-next-match,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-next-match {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #dbe7ef
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-container,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-container {
    position: relative;
    display: flex;
    flex: 1;
    top: 8px;
    height: 34px;
    margin-right: 16px;
    margin-left: 16px;
    flex-direction: row-reverse;
    background-color: rgba(50, 104, 154, .45)
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-container,
    .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-container {
        margin-right: 8px;
        margin-left: 8px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container {
    display: flex;
    flex: 0 1 150px;
    padding: 16px 0;
    align-items: center;
    position: relative
}

@media (max-width:500px) {

    .playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container,
    .teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container {
        font-size: 10px;
        flex: 0 1 90px
    }
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container .streak-oxVVUdvP123Gazx-provider,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container .streak-oxVVUdvP123Gazx-provider {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    max-height: 50px;
    position: absolute;
    top: 3px;
    width: 100%;
    height: 100%
}

.playerProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container .streak-oxVVUdvP123Gazx-provider img,
.teamProfile .streaks-oxVVUdvP123Gazx-container .streak-oxVVUdvP123Gazx-provider-container .streak-oxVVUdvP123Gazx-provider img {
    max-width: 100%;
    max-height: 50px
}

.chart-container .h-rank {
    font-weight: 700
}

.chart-container .v-rank {
    background: #364250;
    padding: 0 6px;
    font-size: 13px !important;
    border-radius: 4px
}

@media (max-width:500px) {
    .chart-container .v-rank {
        font-size: 11px !important
    }
}

.chart-container .v-rank:before {
    content: "VRS";
    margin-right: 4px;
    background: #c16f0c;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 8px
}

.ranking-info {
    display: flex;
    gap: 24px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #495867
}

.ranking-info .push-right {
    margin-left: auto
}

.ranking-info .flex-col {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .ranking-info .flex-col {
        gap: 4px
    }
}

.ranking-info .flex {
    display: flex;
    gap: 4px;
    align-items: center
}

@media (max-width:500px) {
    .ranking-info .flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
}

.ranking-info .sub-title {
    font-size: 10px;
    color: #929a9e;
    opacity: .5;
    width: 100%;
    display: flex
}

.ranking-info .value {
    font-size: 16px;
    color: #929a9e
}

.player-ranking-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    font-family: Open Sans, sans-serif !important;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: #364250;
    color: #929a9e;
    padding: 5px 5px 10px;
    display: grid;
    width: 250px;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 2fr
}

.player-ranking-tooltip .player-name {
    border-bottom: 1px solid #495867;
    padding-bottom: 5px;
    grid-row: 1;
    grid-column: 1/-1;
    margin-bottom: 10px
}

.player-ranking-tooltip .team-info {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    text-align: center;
    width: 70px;
    height: 100%;
    grid-column: 1/span 1
}

.player-ranking-tooltip .team-logo {
    max-width: 70px;
    max-height: 50px
}

.player-ranking-tooltip .team-name {
    align-self: end;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
    text-align: center
}

.player-ranking-tooltip .stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-content: space-between;
    height: 100%
}

.player-ranking-tooltip .stats .stat-row {
    height: -moz-fit-content;
    height: fit-content
}

.player-ranking-tooltip .stats .stat-name {
    opacity: .65
}

.player-ranking-tooltip .stats .stat-value {
    font-size: 1.2
}

.player-ranking-tooltip .team-background-logo {
    position: absolute;
    right: -10px;
    bottom: -10px;
    height: 100px;
    opacity: .1
}

.roster-timeline-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    font-family: Open Sans, sans-serif !important;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: #364250;
    color: #929a9e;
    padding: 5px 5px 10px;
    display: grid;
    width: 250px;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 2fr
}

.roster-timeline-tooltip .player-name {
    border-bottom: 1px solid #495867;
    padding-bottom: 5px;
    grid-row: 1;
    grid-column: 1/-1;
    margin-bottom: 10px
}

.roster-timeline-tooltip .player-picture {
    width: 70px;
    height: 100%;
    grid-column: 1/span 1
}

.roster-timeline-tooltip .player-picture .player-picture-pic {
    max-width: 100%;
    max-height: 100%
}

.roster-timeline-tooltip .team-logo {
    max-width: 70px;
    max-height: 50px
}

.roster-timeline-tooltip .team-name {
    align-self: end;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
    text-align: center
}

.roster-timeline-tooltip .stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-content: space-between;
    height: 100%
}

.roster-timeline-tooltip .stats .stat-row {
    height: -moz-fit-content;
    height: fit-content
}

.roster-timeline-tooltip .stats .stat-name {
    opacity: .65
}

.roster-timeline-tooltip .stats .stat-value {
    font-size: 1.2
}

.roster-timeline-tooltip .team-background-logo {
    position: absolute;
    right: -10px;
    bottom: -10px;
    height: 100px;
    opacity: .1
}

.player-status {
    text-align: center;
    line-height: 22px
}

.player-status.player-active {
    background-color: #435971;
    color: #fff
}

.player-status.player-substitute {
    background-color: rgba(249, 172, 0, .25);
    color: #fff2cb
}

.player-status.player-benched {
    background-color: rgba(255, 0, 0, .25);
    color: #ffdede
}

.player-status.player-coach {
    background-color: rgba(146, 154, 158, .15);
    color: #929a9e
}

.data-toggle-selected {
    background-color: #435971;
    color: #fff;
    padding: 0 8px;
    border-radius: 4px;
    font-weight: 700
}

.prizeMoney-popup {
    width: 140px
}

.loan-popup,
.retired-popup {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    padding: 4px 8px;
    box-sizing: border-box
}

.loan-popup .loan-popup-row,
.loan-popup .retired-popup-row,
.retired-popup .loan-popup-row,
.retired-popup .retired-popup-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px
}

.loan-popup img,
.retired-popup img {
    max-width: 15px;
    max-height: 15px;
    width: 100%;
    margin-right: 5px
}

.contract-popup {
    width: 250px
}

.contract-popup .contract-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0
}

.contract-popup .contract-row:first-child,
.contract-popup .contract-row:last-child {
    padding: 0
}

.contract-popup .fa-external-link {
    font-size: 10px;
    margin-left: 4px
}

.contract-popup .contract-link {
    text-decoration: underline
}

.contract-popup .contract-row-right {
    font-weight: 400
}

.contract-popup .contract-row-left {
    font-weight: 700
}

.contract-popup .contract-certain-score-data {
    color: rgba(145, 168, 179, .65)
}

.contract-popup .active {
    font-weight: 700;
    color: #929a9e
}

.event-sidebar {
    margin-bottom: 10px
}

.event-sidebar a:hover {
    background: #45515f
}

.event-sidebar .event-logo {
    width: 100%
}

.event-page .linked-events-container .linked-events-container-slider {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    padding: 24px 16px 16px;
    scrollbar-width: auto !important
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider {
        padding-bottom: 8px
    }
}

.event-page .linked-events-container .linked-events-container-slider .linked-event {
    flex: 0 0 33%;
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 4px;
    position: relative;
    padding: 4px;
    background: #364250;
    height: 50px
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider .linked-event {
        flex: 0 0 200px;
        height: 40px
    }
}

.event-page .linked-events-container .linked-events-container-slider .linked-event.active-event .linked-event-left:after {
    content: "Live";
    position: absolute;
    top: -18px;
    left: 0;
    text-transform: uppercase;
    background: #8f0303;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 8px;
    z-index: 1
}

.event-page .linked-events-container .linked-events-container-slider .linked-event:last-child:after {
    width: 100%;
    display: none
}

.event-page .linked-events-container .linked-events-container-slider .linked-event:before {
    content: "";
    height: 9px;
    width: 9px;
    position: absolute;
    border-radius: 100px;
    background: #26303c;
    top: -16px;
    left: 0
}

.event-page .linked-events-container .linked-events-container-slider .linked-event:after {
    content: "";
    position: absolute;
    height: 1px;
    width: calc(100% + 16px);
    top: -12px;
    left: 0;
    background: #26303c
}

.event-page .linked-events-container .linked-events-container-slider .linked-event:hover,
.event-page .linked-events-container .linked-events-container-slider .linked-event:hover:after,
.event-page .linked-events-container .linked-events-container-slider .linked-event:hover:before {
    background: #45515f
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider .linked-event-logo {
        height: 30px;
        width: 30px
    }
}

.event-page .linked-events-container .linked-events-container-slider .linked-event-title {
    font-weight: 700;
    font-size: 11px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    line-height: 13px
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider .linked-event-title {
        font-size: 10px
    }
}

.event-page .linked-events-container .linked-events-container-slider .linked-event-info {
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider .linked-event-info {
        font-size: 8px
    }
}

.event-page .linked-events-container .linked-events-container-slider::-webkit-scrollbar {
    width: 5px !important;
    height: 5px;
    display: initial !important
}

@media (max-width:500px) {
    .event-page .linked-events-container .linked-events-container-slider::-webkit-scrollbar {
        height: 3px
    }
}

.event-page .linked-events-container .linked-events-container-slider::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.event-page .linked-events-container .linked-events-container-slider::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.event-page .event-rmr-qualified-teams-wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(146px, 1fr))
}

.event-page .event-rmr-teams-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.event-page .event-rmr-placement {
    font-weight: 700
}

.event-page .event-rmr-team-info {
    display: flex;
    gap: 4px
}

.event-page .event-rmr-eventname {
    font-size: 10px
}

.event-page .event-rmr-legend {
    color: rgba(145, 168, 179, .65);
    margin-top: 8px;
    font-size: 10px
}

.event-page .event-rmr-eventname-wrapper {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
    align-items: center
}

.event-page .event-rmr-team-logo-wrapper {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.event-page .event-rmr-team-logo {
    max-width: 100%;
    height: auto
}

.event-page .event-rmr-team {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 32px;
    border-bottom: 1px solid #495867;
    padding: 0 8px
}

.event-page .event-rmr-team:nth-child(2n) {
    background: #364250
}

.event-page .event-rmr-team:last-child {
    border-bottom: 0
}

.event-page .event-page-coverage-hub-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: linear-gradient(115.01deg, #251821 -2.37%, #2c1e28 47.16%, #251821 89.95%);
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin-top: 16px;
    padding: 16px;
    color: #fff !important;
    display: block
}

@media (max-width:500px) {
    .event-page .event-page-coverage-hub-container {
        font-size: 10px
    }
}

.event-page .event-page-coverage-hub-container .event-page-coverage-hub-link {
    text-align: center;
    width: 100%
}

.event-page .event-page-coverage-hub-container .headerGrenade {
    position: absolute;
    left: 16px;
    top: 50%;
    width: 50px;
    transform: translateY(-50%)
}

@media (max-width:500px) {
    .event-page .event-page-coverage-hub-container .headerGrenade {
        left: 6px;
        width: 37px
    }
}

.event-page .event-fantasy-wrapper {
    display: block;
    margin: 16px 0;
    position: relative
}

@media (max-width:500px) {
    .event-page .event-fantasy-wrapper {
        display: none
    }
}

.event-page .event-fantasy-wrapper:hover {
    filter: brightness(115%)
}

.event-page .event-fantasy-wrapper:hover .event-fantasy-event-logo {
    transform: translatey(-50%) scale(120%)
}

.event-page .event-fantasy-wrapper .event-fantasy-img {
    max-width: 100%
}

.event-page .event-fantasy-wrapper .event-fantasy-event-logo {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 6%;
    top: 50%;
    transition: .2s ease;
    transform: translatey(-50%)
}

.event-page #event_1,
.event-page #event_2,
.event-page #event_onex {
    margin-top: 10px
}

.event-page #event_1 img,
.event-page #event_2 img,
.event-page #event_onex img {
    width: 100%
}

.event-page .evp {
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

@media (max-width:500px) {
    .event-page .evp {
        grid-template-columns: 1fr;
        max-height: 210px;
        overflow: scroll
    }
}

.event-page .evp .evp-wrapper {
    background: #364250;
    border-radius: 4px;
    display: flex;
    overflow: hidden;
    gap: 8px;
    align-items: center;
    padding-right: 8px;
    box-sizing: border-box
}

.event-page .evp .evp-wrapper:hover {
    cursor: pointer;
    background: #45515f
}

.event-page .evp .evp-right {
    align-items: flex-end
}

.event-page .evp .evp-left {
    flex: 1
}

.event-page .evp .evp-left,
.event-page .evp .evp-right {
    display: flex;
    flex-direction: column
}

.event-page .evp .evp-name-top,
.event-page .evp .evp-rating-number {
    font-weight: 700
}

.event-page .evp .evp-name-bottom {
    display: flex;
    align-items: center
}

.event-page .evp .evp-name-bottom,
.event-page .evp .evp-rating-text {
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.event-page .mvp {
    display: flex;
    flex-direction: row
}

@media (max-width:500px) {
    .event-page .mvp {
        height: 270px;
        overflow: hidden
    }
}

.event-page .mvp .mvp-picture img {
    width: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 250px
}

@media (max-width:500px) {
    .event-page .mvp .mvp-picture img {
        width: 100%;
        height: inherit
    }
}

.event-page .mvp .player-and-coin {
    display: flex;
    justify-content: space-between
}

.event-page .mvp .mvp-coin {
    width: 26px;
    height: 26px
}

.event-page .mvp .player-stats {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px
}

@media (max-width:500px) {
    .event-page .mvp .player-stats {
        display: none
    }
}

.event-page .mvp .player-stats .player-name {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.event-page .mvp .player-stats .chart {
    width: 100%;
    height: 204px
}

.event-page .mvp .player-stats .chart .graph {
    height: 100%
}

.event-page .mvp .player-stats .chart .valve-graph {
    color: #c16f0c
}

.event-page .flag {
    margin-right: 5px
}

.event-page table {
    width: 100%;
    border-collapse: collapse
}

.event-page .padding {
    padding: 10px
}

.event-page .section-header {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px
}

.event-page .section-header.brackets {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:500px) {
    .event-page .event-two-col {
        flex-wrap: wrap
    }

    .event-page .event-two-col .col-6 {
        flex: 0 0 100%
    }
}

.event-page .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.event-page .half-width {
    flex: 1 1 48%;
    margin-right: 5px;
    min-width: 250px
}

.event-page .fix-half-width-margin {
    margin-right: -10px
}

.event-page .news {
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.event-page .news .item {
    padding: 10px;
    box-sizing: border-box
}

.event-page .news .item:hover {
    background-color: #45515f
}

.event-page .news .item:not(:last-child) {
    border-bottom: 1px solid #495867
}

.event-page .prize-distribution {
    background-color: #2d3844;
    font-weight: 700;
    white-space: nowrap
}

.event-page .prize-distribution .placement {
    height: 30px
}

.event-page .prize-distribution .item,
.event-page .prize-distribution td {
    padding: 5px
}

.event-page .prize-distribution .item:not(:last-child) {
    border-bottom: 1px solid #495867
}

.event-page .prize-distribution .extra-prize {
    font-size: 12px;
    font-weight: 400
}

.event-page .prize-distribution tr:hover {
    background-color: #45515f
}

.event-page .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 1fr
}

.event-page .teams-attending-header-con,
.event-page .vrs-header-con {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.event-page .attending-extra-info {
    position: absolute;
    bottom: 2px;
    right: 0;
    display: flex;
    gap: 8px
}

.event-page .show-lineups,
.event-page .show-predicted,
.event-page .show-vrs {
    font-size: 11px;
    display: flex;
    height: 16px;
    transition: .2s ease;
    align-items: center;
    text-align: center;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 1px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #364250;
    color: rgba(146, 154, 158, .65);
    box-shadow: 0 0 0 0 rgba(45, 109, 163, 0)
}

.preload .event-page .show-lineups,
.preload .event-page .show-predicted,
.preload .event-page .show-vrs {
    transition: initial !important
}

.event-page .show-lineups.show-lineups-enabled,
.event-page .show-lineups.show-vrs-enabled,
.event-page .show-predicted.show-lineups-enabled,
.event-page .show-predicted.show-vrs-enabled,
.event-page .show-vrs.show-lineups-enabled,
.event-page .show-vrs.show-vrs-enabled {
    background-color: #2d6da3;
    color: #fff;
    box-shadow: 0 0 3px 0 rgba(45, 109, 163, .75);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.event-page .show-lineups.show-predicted-enabled,
.event-page .show-predicted.show-predicted-enabled,
.event-page .show-vrs.show-predicted-enabled {
    background-color: #c16f0c;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 0 3px 0 rgba(45, 109, 163, .75)
}

.event-page .vrs-holder {
    table-layout: fixed
}

.event-page .vrs-holder tr {
    height: 30px
}

.event-page .vrs-holder .negative {
    color: #fc1d1d !important
}

.event-page .vrs-holder .positive {
    color: #09c100 !important
}

.event-page .vrs-holder td,
.event-page .vrs-holder th {
    padding-right: 8px;
    height: 32px;
    border-right: 1px solid #495867
}

.event-page .vrs-holder td:first-child,
.event-page .vrs-holder th:first-child {
    padding-left: 4px
}

.event-page .vrs-holder td:last-child,
.event-page .vrs-holder th:last-child {
    padding-right: 4px;
    border-right: 0
}

@media (max-width:500px) {

    .event-page .vrs-holder td,
    .event-page .vrs-holder th {
        padding-right: 4px
    }
}

.event-page .vrs-holder th {
    background-color: #364250;
    border-bottom: 1px solid #495867;
    display: table-cell !important
}

.event-page .vrs-holder .vrs-team {
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px
}

.event-page .vrs-holder .vrs-placement-btn {
    background: #c16f0c;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 0 4px
}

.event-page .vrs-holder .vrs-prize {
    width: 70px;
    text-align: right
}

.event-page .vrs-holder .vrs-points {
    width: 80px;
    text-align: right
}

@media (max-width:500px) {
    .event-page .vrs-holder .vrs-points {
        width: 70px
    }
}

.event-page .vrs-holder tr:nth-child(2n) {
    background: #364250
}

.event-page .vrs-holder tr {
    border-bottom: 1px solid #495867
}

.event-page .vrs-holder tr:last-child {
    border-bottom: 0
}

.event-page .vrs-holder .vrs-placements {
    text-align: right;
    width: 100px
}

@media (max-width:500px) {
    .event-page .vrs-holder .vrs-placements {
        width: 90px
    }
}

.event-page .vrs-holder .finished-only,
.event-page .vrs-holder .start-only {
    display: none
}

.event-page .vrs-holder .finished-points {
    color: rgba(145, 168, 179, .65);
    font-size: 10px;
    display: inline-block
}

.event-page .vrs-holder .vrs-team-logo-wrapper {
    width: 20px;
    flex: 0 0 20px
}

.event-page .vrs-holder .vrs-team-logo-wrapper img {
    max-height: 16px;
    max-width: 18px
}

.event-page .vrs-header-con:has(.show-vrs:not(.show-vrs-enabled))~.vrs-holder .finished-only {
    display: initial
}

.event-page .vrs-header-con:has(.show-vrs.show-vrs-enabled)~.vrs-holder .start-only {
    display: initial
}

.event-page .teams-attending .team-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.event-page .teams-attending .team-box:hover.supports-hover {
    background-color: #45515f
}

.event-page .teams-attending .team-box:hover.supports-hover .team-event-link-container {
    bottom: -12px;
    z-index: 2;
    display: flex
}

.event-page .teams-attending .team-box .event-world-rank {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #435971;
    color: #fff;
    font-size: 10px;
    padding: 0 4px;
    border-radius: 0 0 6px 0
}

@media (max-width:500px) {
    .event-page .teams-attending .team-box .event-world-rank {
        font-size: 8px
    }
}

.event-page .teams-attending .team-box .event-vrs-rank {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #c16f0c;
    color: #fff;
    font-size: 10px;
    padding: 0 4px;
    border-radius: 0 0 0 6px
}

@media (max-width:500px) {
    .event-page .teams-attending .team-box .event-vrs-rank {
        font-size: 8px
    }
}

.event-page .teams-attending .team-box .team-name {
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding: 0 32px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .event-page .teams-attending .team-box .team-name {
        padding: 0 22px
    }
}

.event-page .teams-attending .team-box .team-name .text {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    overflow-x: hidden
}

.event-page .teams-attending .team-box .logo {
    height: 90px;
    max-width: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden
}

.event-page .teams-attending .team-box .vrs-prediction {
    background: #c16f0c;
    padding: 0 8px;
    border-radius: 4px 4px 0 0;
    font-size: 10px;
    color: #fff;
    margin-top: -8px
}

.event-page .teams-attending .team-box .logo-box {
    height: 100px;
    min-height: 100px;
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.event-page .teams-attending .team-box .logo-box.small {
    height: 40%;
    min-height: 40%;
    flex: 1
}

.event-page .teams-attending .team-box .logo-box img {
    overflow: hidden
}

.event-page .teams-attending .team-box .lineup-box {
    width: 90%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.event-page .teams-attending .team-box .logo-bg {
    position: absolute;
    opacity: .1;
    text-align: center;
    height: 90px;
    width: 90px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%)
}

.event-page .teams-attending .team-box .player {
    z-index: 1
}

.event-page .teams-attending .team-box .text {
    font-size: 12px;
    font-weight: 700
}

.event-page .teams-attending .team-box .text-container {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.event-page .teams-attending .team-box .sub-text-container {
    width: 90%;
    position: relative;
    overflow: hidden
}

.event-page .teams-attending .team-box .sub-text-container.text-container {
    justify-content: inherit
}

.event-page .teams-attending .team-box .sub-text {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    font-size: 12px;
    overflow-x: hidden;
    text-align: center;
    width: 100%
}

.event-page .teams-attending .team-box .team-event-link-container {
    width: 100%;
    position: absolute;
    background-color: #435971;
    color: #fff;
    text-align: center;
    height: 21px;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: none
}

.event-page .teams-attending .team-box .team-event-link-container .text-ellipsis {
    padding: 0 7px
}

.event-page .teams-attending .team-box .team-event-link-container:hover {
    color: #fff !important;
    background: #59728e;
    cursor: pointer
}

.event-page .teams-attending .team-box .team-event-link-container a,
.event-page .teams-attending .team-box .team-event-link-container a:hover {
    color: #fff
}

.event-page .teams-attending .team-box .coach-text:after {
    content: "Coach";
    font-size: 8px;
    color: rgba(145, 168, 179, .65);
    text-transform: uppercase;
    top: -1px;
    position: absolute;
    left: 0
}

.event-page .teams-attending .team-box .coach-text:before {
    content: "";
    font-size: 8px;
    height: 1px;
    width: 100%;
    background-color: #495867;
    top: 5px;
    position: absolute;
    left: 0;
    margin-left: 32px
}

.event-page .eventMeta .format-header,
.event-page .eventMeta .meta-header,
.event-page .formats .format-header,
.event-page .formats .meta-header {
    vertical-align: top;
    font-weight: 700;
    width: 35%;
    padding: 5px;
    text-align: left
}

.event-page .eventMeta .format-data,
.event-page .formats .format-data {
    white-space: pre-line
}

.event-page .eventMeta td,
.event-page .formats td {
    padding: 5px
}

.event-page .eventMeta tr:not(:last-child),
.event-page .formats tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.event-page .eventMeta .vrs-weight,
.event-page .formats .vrs-weight {
    display: flex;
    align-items: center;
    gap: 4px
}

.event-page .eventMeta .blue-box-span,
.event-page .formats .blue-box-span {
    margin-top: -2px
}

.event-page .eventMeta .blue-box-span .blue-box,
.event-page .formats .blue-box-span .blue-box {
    font-size: 8px;
    text-transform: uppercase;
    background: #2b6ea4;
    border-radius: 4px;
    padding: 0 4px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    height: 14px;
    font-weight: 700
}

.event-page .flex-margin {
    margin-right: 5px
}

.event-page .related-events .related-event {
    padding: 5px;
    font-size: 12px
}

.event-page .related-events .related-event:not(:last-child) {
    border-bottom: 1px solid #495867
}

.event-page .related-events .event-logo {
    width: 25px;
    margin-right: 5px
}

.event-page .toggle-group-predict,
.event-page .toggle-group-swiss-simulator {
    margin-right: 8px
}

.event-page .toggle-bracket-predict,
.event-page .toggle-group-predict,
.event-page .toggle-group-swiss-simulator,
.event-page .toggle-swiss-group-display {
    font-size: 11px;
    display: flex;
    height: 16px;
    transition: .2s ease;
    align-items: center;
    line-height: 11px;
    text-align: center;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 1px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #364250;
    color: rgba(146, 154, 158, .65);
    bottom: 2px;
    float: right;
    box-shadow: 0 0 0 0 rgba(45, 109, 163, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.preload .event-page .toggle-bracket-predict,
.preload .event-page .toggle-group-predict,
.preload .event-page .toggle-group-swiss-simulator,
.preload .event-page .toggle-swiss-group-display {
    transition: initial !important
}

.event-page .toggle-bracket-predict.enabled,
.event-page .toggle-group-predict.enabled,
.event-page .toggle-group-swiss-simulator.enabled,
.event-page .toggle-swiss-group-display.enabled {
    background-color: #2d6da3;
    color: #fff;
    box-shadow: 0 0 3px 0 rgba(45, 109, 163, .75)
}

.event-page .galleries {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap;
    padding: 9px
}

.event-page .galleries .col {
    flex: 1 0 30%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px
}

.event-page .galleries-padding {
    overflow-y: hidden
}

.event-page .gallery-preview {
    position: relative
}

.event-page .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.event-page .gallery-picture img {
    width: 100%
}

.event-page .gallery-day-text {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #929a9e;
    text-shadow: 0 1px 0 rgba(146, 154, 158, .5)
}

.event-page .placements-holder {
    padding: 10px
}

.event-page .placements {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.event-page .placements .col {
    flex: 1 0 25%;
    box-sizing: border-box;
    padding: 10px;
    min-width: 100px
}

.event-page .placements .col.no-height {
    padding: 0
}

.event-page .placements .placement {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    word-break: break-word;
    padding: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #232d38;
    box-sizing: border-box;
    z-index: 0;
    font-weight: 700;
    min-height: 100px;
    height: 100%;
    position: relative
}

.event-page .placements .team {
    text-align: center
}

.event-page .placements .prize {
    font-weight: 400;
    opacity: .75;
    margin-top: -3px
}

.event-page .placements .club-share {
    font-size: 10px;
    color: rgba(145, 168, 179, .65);
    text-align: center;
    line-height: 13px
}

.event-page .placements .spot-prizes {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%
}

.event-page .placements .spot-prize {
    max-width: 100%;
    text-align: center
}

.event-page .placements .top-placement {
    flex: 1 0 45%;
    font-size: 14px
}

.event-page .placements .top-placement .trophy {
    font-size: 50px
}

.event-page .placements .team-logo {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    opacity: .05;
    text-align: center;
    z-index: -1;
    -o-object-fit: contain;
    object-fit: contain
}

.event-page .placements .team-logo img {
    max-width: 100%;
    max-height: 100%
}

.event-page .gold {
    color: gold !important
}

.event-page .silver {
    color: silver !important
}

.event-page .bronze {
    color: #f4a460 !important
}

.event-page .trophy {
    font-size: 20px;
    color: #87cefa
}

.event-page .event-fantasy {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    background-image: url(/img/static/fantasy/fantasy-bg.png);
    background-size: cover;
    background-repeat: no-repeat
}

.event-page .event-fantasy img {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.event-page .event-highlights {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.event-page .event-highlights .play-all-button {
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid rgba(73, 88, 103, .5);
    color: rgba(146, 154, 158, .65);
    transition: .2s ease;
    cursor: pointer
}

.event-page .event-highlights .play-all-button.active,
.event-page .event-highlights .play-all-button:hover {
    color: #929a9e
}

.event-page .event-highlights .play-all-button .fa-play {
    margin-right: 8px
}

.event-page .event-highlights .overview-right {
    display: flex
}

.event-page .event-highlights .highlight-video-placeholder {
    position: relative;
    cursor: pointer;
    padding-top: 56.25%
}

.event-page .event-highlights .highlight-video-placeholder .play-icon {
    font-size: 70px
}

.event-page .event-highlights .highlight-video-placeholder img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.event-page .event-highlights .highlight-video-placeholder .highlight-video-placeholder-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 700
}

.event-page .event-highlights .video-container {
    position: relative;
    padding-bottom: 56.25%
}

.event-page .event-highlights .video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event-page .event-highlights .embed-video-container {
    position: relative;
    padding-bottom: 56.25%
}

.event-page .event-highlights .embed-video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event-page .event-highlights .playing-info {
    padding: 8px;
    background-color: #2d3844;
    border-bottom: 1px solid #495867
}

.event-page .event-highlights .playing-info .playing-info-flex {
    display: flex;
    justify-content: space-between;
    opacity: .7
}

.event-page .event-highlights .playing-info .highlight-description {
    font-weight: 700;
    font-size: 14px
}

.event-page .event-highlights .highlight-days-container {
    padding: 9px
}

.event-page .event-highlights .highlight-days-container .highlight-days-flex {
    display: flex;
    flex-wrap: wrap;
    max-height: 373px;
    overflow-y: auto
}

@media (max-width:500px) {
    .event-page .event-highlights .highlight-days-container .highlight-days-flex {
        height: 25vh
    }
}

.event-page .event-highlights .highlight-days-container .highlight-days-flex.g-grid {
    margin-bottom: -8px;
    margin-left: -8px
}

.event-page .event-highlights .highlight-days-container .highlight-days-flex.g-grid .col-4 {
    padding-bottom: 8px;
    padding-left: 8px
}

.event-page .event-highlights .highlight-days-container .highlight-day {
    flex: 1 0 30%;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.event-page .event-highlights .highlight-days-container .highlight-day:nth-child(3n+1) {
    margin-left: 0
}

.event-page .event-highlights .highlight-days-container .highlight-day:nth-last-child(-n+3) {
    margin-bottom: 0
}

.event-page .event-highlights .highlight-days-container .highlight-day .highlight-day-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .1s ease;
    color: #fff;
    will-change: auto
}

.event-page .event-highlights .highlight-days-container .highlight-day .highlight-day-overlay:hover {
    background-color: rgba(0, 0, 0, .8)
}

.event-page .event-highlights .highlight-days-container .highlight-day .highlight-day-overlay .highlight-group-name {
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    .event-page .event-highlights .highlight-days-container .highlight-day .highlight-day-overlay .highlight-group-name {
        font-size: 14px
    }
}

.event-page .event-highlights .highlight-days-container .no-height {
    padding: 0;
    height: 0
}

.event-page .event-highlights .highlight-days-container .highlights-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .2s ease
}

.event-page .event-highlights .highlight-overview-header {
    margin: 10px 0;
    font-weight: 700
}

.event-page .event-highlights .highlights-lists {
    padding: 9px
}

.event-page .event-highlights .highlights-lists .highlight-video-container {
    overflow-y: auto;
    height: 360px
}

@media (min-width:501px) {
    .event-page .event-highlights .highlights-lists .highlight-video-container::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #2d3844;
        margin-left: 4px
    }

    .event-page .event-highlights .highlights-lists .highlight-video-container::-webkit-scrollbar-thumb {
        margin-left: 4px;
        border-radius: 10px;
        border: 2px solid #2d3844;
        background-color: #232d38
    }

    .event-page .event-highlights .highlights-lists .highlight-video-container::-webkit-scrollbar {
        margin-left: 4px;
        width: 12px;
        background-color: #364250
    }
}

@media (max-width:500px) {
    .event-page .event-highlights .highlights-lists .highlight-video-container {
        height: 30vh
    }
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video {
    display: flex;
    border-bottom: 1px solid #495867;
    cursor: pointer
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video:hover .video-description {
    background-color: #45515f
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video:hover .video-teams {
    background-color: #1d252f
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-thumbnail {
    position: relative;
    flex: 0 0 105px;
    background-image: url(/img/static/noStream.jpg);
    background-size: cover;
    height: 59.0625px
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-thumbnail .thumbnail-view-count {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 0 4px;
    font-size: 9px
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-thumbnail .thumbnail-currently-playing-overlay {
    display: none
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-thumbnail .video {
    width: 100%
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-description {
    flex: 1 0 100px;
    display: flex;
    align-items: center;
    background-color: #364250;
    padding: 0 10px;
    transition: .2s ease
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-description .video-discription-text {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

@media (max-width:500px) {
    .event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-description .video-discription-text {
        line-height: 1.5
    }
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams {
    flex: 0 1 20%;
    background-color: #1b1f23;
    justify-content: center;
    align-items: center;
    transition: .2s ease;
    display: flex
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams .video-team {
    flex: 0 1 50%;
    padding: 12px
}

@media (max-width:500px) {
    .event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams .video-team {
        width: 50%;
        padding: 0
    }
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams .video-team .video-team-img {
    width: 100%
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams .vs-separator {
    opacity: .35;
    font-weight: 700
}

@media (max-width:500px) {
    .event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams {
        flex: 0 1 10%;
        flex-direction: column
    }

    .event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video .video-teams .vs-separator {
        margin: -5px 0
    }
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video.currently-playing .video-description {
    font-weight: 700;
    background-color: #45515f
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video.currently-playing .video-teams {
    background-color: #1d252f
}

.event-page .event-highlights .highlights-lists .highlight-video-container .highlight-video.currently-playing .thumbnail-currently-playing-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 700
}

.event-page .event-highlights .overview-flex {
    display: flex;
    justify-content: space-between
}

.event-page .event-spacer {
    margin-top: 8px
}

.event-page .brackets-side-by-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

.tickets-container img {
    width: 100%
}

.ecs-ticket-widget {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: url(/img/static/ticket/ecs/ticket-bg.jpg) no-repeat;
    background-size: cover;
    display: flex;
    height: 124px;
    padding: 8px 16px 8px 0;
    align-items: center
}

.ecs-ticket-widget .ticket-logo {
    width: 20%;
    height: 100%
}

.ecs-ticket-widget .ticket-logo img {
    height: 100%
}

.ecs-ticket-widget .ticket-text {
    width: 30%
}

.ecs-ticket-widget .ticket-text .ticket-line {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}

.ecs-ticket-widget .ticket-text .line-1 {
    font-size: 18px
}

.ecs-ticket-widget .ticket-text .line-2 {
    font-size: 36px;
    margin-top: -18px
}

.ecs-ticket-widget .ticket-types {
    width: 50%;
    display: flex;
    margin-top: 6px
}

.ecs-ticket-widget .ticket-types .ticket {
    text-align: center;
    float: left;
    background-color: #141e46;
    margin-left: 4px;
    margin-right: 4px;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4)
}

.ecs-ticket-widget .ticket-types .ticket.standard {
    border: 2px solid #fff
}

.ecs-ticket-widget .ticket-types .ticket.standard .ticket-buy-button {
    background-color: #fff;
    color: #ff6900
}

.ecs-ticket-widget .ticket-types .ticket.premium {
    border: 2px solid #ff6900
}

.ecs-ticket-widget .ticket-types .ticket.premium .ticket-buy-button {
    background-color: #ff6900;
    color: #fff
}

.ecs-ticket-widget .ticket-types .ticket .offer-text {
    display: inline-block;
    background-color: #2ea716;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -10px
}

.ecs-ticket-widget .ticket-types .ticket .ticket-type {
    color: #ff6900;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -7px
}

.ecs-ticket-widget .ticket-types .ticket .ticket-price {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-top: -12px
}

.ecs-ticket-widget .ticket-types .ticket .ticket-buy-button {
    padding-top: 4px;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 16px
}

.ecs-ticket-widget .ticket-types .ticket .ticket-buy-button:hover {
    filter: brightness(130%)
}

.forumlist {
    font-size: 12px
}

.forumlist .sectionspacer {
    height: 18px
}

.forumlist .sectionheader {
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #364250;
    padding-left: 8px;
    padding-right: 8px
}

.forumlist .sectionheader .forumRules {
    float: right;
    font-size: 9px;
    text-transform: uppercase;
    color: #929a9e
}

.forumlist .forumContainer {
    display: flex;
    border-top: 1px solid #495867;
    padding: 10px 9px
}

.forumlist .forumDesc {
    line-height: 1.4;
    flex: 1 1 0;
    font-size: 14px;
    color: #929a9e
}

.forumlist .forumTitle {
    font-weight: 700
}

.forumlist .forumAct {
    flex: 0 0 auto
}

.forumthreads {
    font-size: 12px
}

.forumthreads .table {
    font-weight: 700;
    border-collapse: collapse;
    width: 100%
}

.forumthreads .tableheader {
    background-color: #364250
}

.forumthreads .tableheader td {
    padding: 8px
}

@media (max-width:500px) {

    .forumthreads .author,
    .forumthreads .author-header {
        display: none
    }
}

.forumthreads .tablerow {
    border-top: 1px solid #495867
}

.forumthreads .tablerow.sticky-thread {
    background-color: #3d5268
}

.forumthreads .tablerow td {
    padding: 8px;
    white-space: nowrap
}

.forumthreads .tablerow .name {
    padding: 0;
    width: 100%;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #87a3bf
}

.forumthreads .tablerow .name:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.forumthreads .tablerow .name a {
    padding: 8px;
    display: block
}

.forumthreads .tablerow .replies {
    width: 0
}

.forumthreads .tablerow .author {
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #87a3bf;
    padding: 0
}

.forumthreads .tablerow .author:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.forumthreads .tablerow .author a {
    padding: 8px;
    display: block
}

.forumthreads .tablerow .activity {
    width: 0
}

.forumthreads .tablerow:hover {
    background-color: #45515f
}

.forumthreads .spacer {
    height: 10px
}

.forumthreads .above-threads-desktop {
    width: 638px;
    height: 140px
}

.forumthreads .above-threads-mobile-wrapper:has(.above-threads-mobile) {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.forumthreads .above-threads-mobile-wrapper .above-threads-mobile {
    width: 360px;
    height: 75px
}

#g1_forum img {
    width: 100%;
    margin-bottom: 10px
}

.forumthread {
    margin-bottom: 17px;
    position: relative;
    z-index: 1
}

.forumthread .forum-action-button {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    float: right;
    font-size: 10px;
    color: #87a3bf;
    padding-left: 5px;
    padding-right: 5px
}

.forumthread .forum-action-button:hover {
    color: #87a3bf !important
}

.forumthread .sub-button {
    margin-right: 5px
}

.forumthread .deleted-text {
    display: none
}

.forumthread.deleted .deleted-text {
    display: block;
    font-size: 16px
}

.forumthread .forum-bottombar,
.forumthread .forum-topbar {
    height: 35px;
    font-size: 12px;
    display: flex;
    align-items: center
}

.forumthread .forum-topbar {
    margin-top: 5px;
    border-bottom: 1px solid #495867;
    background-color: #364250;
    padding: 0 10px
}

.forumthread .spacer {
    flex: 99999 0 0
}

.forumthread .topic {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px
}

.forumthread .fan-con {
    color: rgba(146, 154, 158, .75);
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.forumthread .fan-con .fa-heart {
    font-size: 10px
}

.forumthread .love {
    font-size: 12px
}

.forumthread .forum-badge {
    height: 15px;
    width: auto;
    max-width: 30px;
    cursor: default
}

.forumthread .authorAnchor {
    flex: 0 1 auto;
    text-align: right
}

.forumthread .bannedUser {
    color: #fc1d1d
}

.forumthread .forum-middle {
    padding: 10px;
    white-space: pre-line;
    font-size: 13px;
    overflow-x: auto
}

.forumthread .forum-bottombar {
    height: 25px !important;
    border-top: 1px solid #495867
}

.forumthread .time {
    margin-left: 9px;
    color: rgba(146, 154, 158, .75);
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.forumthread .bottom-spacer {
    height: 17px
}

.forumthread .after-op-placement {
    margin-top: 17px
}

.forum-mobile-placement {
    margin-bottom: 10px
}

.typeahead-textarea-wrapper {
    position: relative
}

.forum-textarea {
    min-height: 150px
}

#mirrorDiv,
.forum-textarea {
    border: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    background-color: #2d3844;
    font-size: 13px;
    color: #929a9e;
    white-space: pre-wrap;
    word-wrap: break-word;
    height: 100%
}

#mirrorDiv {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    height: 100%
}

@media (max-width:500px) {
    .default-reply .popup {
        max-height: 135px
    }
}

.popup {
    display: none;
    position: absolute;
    background-color: #2d3844;
    cursor: pointer;
    z-index: 1;
    min-width: 220px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .06)
}

@media (max-width:500px) {
    .popup {
        max-height: 185px;
        overflow: auto
    }
}

.popup .username-tag {
    padding: 5px;
    color: rgba(146, 154, 158, .65)
}

.popup .username-tag.active,
.popup .username-tag:hover {
    background-color: #45515f
}

.popup .username-tag.active {
    font-weight: 700;
    color: #929a9e
}

.forumpostthread {
    font-size: 12px
}

.forumpostthread .standard-box {
    padding: 10px
}

.forumpostthread .spacer {
    height: 10px
}

.forumpostthread .two-col {
    display: flex;
    overflow: hidden;
    margin: 0 -5px
}

.forumpostthread .col {
    flex: 1 1 50%;
    min-width: 200px;
    margin: 0 5px
}

.forumpostthread .width100 {
    width: 100%;
    box-sizing: border-box;
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e
}

.forumpostthread .textarea {
    height: 180px;
    background-color: #2d3844
}

.forumpostthread .button {
    font-weight: 700;
    padding: 4px 10px
}

.search .table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #495867
}

.search .spacer {
    height: 10px
}

.search .table-header {
    font-weight: 700;
    background-color: #364250
}

.search td {
    height: 30px;
    background-color: #2d3844;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12px
}

.search img {
    margin-right: 5px
}

.search tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.search .event-logo,
.search .team-logo {
    max-width: 18px;
    max-height: 18px
}

.search .search-date {
    width: 80px
}

.userprofile {
    font-size: 12px
}

.userprofile .author-info {
    flex: 1;
    display: flex;
    flex-direction: column
}

.userprofile .author-profile-photo {
    max-width: 100%;
    border-radius: 4px;
    max-height: 100%;
    margin: 0
}

.userprofile .author-realname {
    font-size: 15px
}

@media (max-width:500px) {
    .userprofile .author-realname {
        font-size: 14px
    }
}

.userprofile .article-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.userprofile .author-article-date {
    font-size: 11px;
    color: rgba(145, 168, 179, .65);
    font-weight: 400
}

@media (max-width:500px) {
    .userprofile .author-article-date {
        margin-top: -4px
    }
}

.userprofile .author-article-headline {
    line-height: 22px
}

.userprofile .author-article {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    padding: 16px
}

@media (max-width:500px) {
    .userprofile .author-article {
        padding: 8px;
        gap: 8px;
        font-size: 12px
    }
}

.userprofile .author-article:hover {
    background: #45515f
}

.userprofile .author-article img {
    flex: 0 0 75px;
    aspect-ratio: 16/9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    max-width: 100%;
    height: 75px;
    border-radius: 4px
}

@media (max-width:500px) {
    .userprofile .author-article img {
        height: 55px;
        flex: 0 0 55px
    }
}

.userprofile .author-title {
    color: rgba(145, 168, 179, .65);
    margin-top: -2px;
    font-size: 12px
}

@media (max-width:500px) {
    .userprofile .author-title {
        font-size: 10px
    }
}

.userprofile .author-nickname-some-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    border-bottom: 1px solid #495867;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .userprofile .author-nickname-some-wrapper {
        padding-bottom: 8px
    }
}

.userprofile .author-nickname-some-wrapper h1 {
    margin: 0
}

@media (max-width:500px) {
    .userprofile .author-nickname-some-wrapper h1 {
        font-size: 18px
    }
}

.userprofile .author-bio {
    display: flex;
    flex-direction: column;
    padding: 16px;
    font-size: 14px
}

@media (max-width:500px) {
    .userprofile .author-bio {
        padding: 8px;
        font-size: 12px
    }
}

.userprofile .author-bio h3 {
    margin: 0
}

.userprofile .author-info-box {
    display: flex;
    gap: 16px;
    padding: 16px
}

@media (max-width:500px) {
    .userprofile .author-info-box {
        gap: 8px;
        padding: 8px
    }
}

.userprofile .author-picture {
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

@media (max-width:500px) {
    .userprofile .author-picture {
        flex: 0 0 84px;
        width: 84px;
        height: 84px
    }
}

.userprofile .author-picture img {
    max-width: 100%;
    border-radius: 4px;
    margin: 0
}

.userprofile .twitter {
    color: #fff !important;
    padding: 10px 10px 7px;
    font-size: 12px;
    text-align: center;
    background-color: #1da1f2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.userprofile .twitter:hover {
    background-color: #178ed8
}

@media (max-width:500px) {
    .userprofile .twitter {
        position: relative;
        z-index: 13
    }
}

.userprofile .instagram {
    color: #fff !important;
    padding: 10px 10px 7px;
    font-size: 12px;
    text-align: center;
    background-color: #f00075;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    margin-right: 4px
}

.userprofile .instagram:hover {
    background-color: #e00065
}

@media (max-width:500px) {
    .userprofile .instagram {
        position: relative;
        z-index: 13
    }
}

.userprofile .deleted-text {
    display: block;
    font-size: 16px
}

.userprofile .grid {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.userprofile .grid .col {
    flex: 1 0 48%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    min-width: 0
}

@media (max-width:500px) {
    .userprofile .grid.except-mobile .col {
        flex: 0 0 100%
    }
}

.userprofile .grid .spaced {
    margin-bottom: 8px
}

.userprofile .table {
    width: 100%;
    border-collapse: collapse
}

.userprofile .info tr:not(:last-child),
.userprofile .stats tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.userprofile .visitors {
    width: 31%
}

.userprofile .spacer {
    height: 10px
}

.userprofile .block-user {
    display: flex;
    justify-content: flex-end;
    padding-top: 5px
}

.userprofile td {
    padding: 5px;
    box-sizing: content-box;
    height: 24px;
    font-size: 12px
}

.userprofile img {
    margin-right: 5px
}

.userprofile .description {
    font-weight: 700
}

.userprofile .data {
    text-align: right
}

.userprofile .faceit-cta {
    background: #e85e2d;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #f77242;
    font-weight: 700
}

.userprofile .faceit-top {
    display: flex;
    justify-content: center;
    font-size: 18px;
    align-items: center;
    color: #fff;
    font-weight: 700
}

.userprofile .faceit-box a {
    color: #fff;
    text-decoration: none
}

.userprofile .faceit-box a:active,
.userprofile .faceit-box a:hover {
    text-decoration: none;
    color: #fff !important
}

.userprofile .full-width-col {
    flex: 0 1 100%;
    padding-left: 10px
}

.userprofile .faceit-box {
    background-image: linear-gradient(147deg, rgba(41, 37, 37, .231372549) 58%, rgba(234, 109, 44, .2392156863)), url(/img/static/faceit/bg-landing-csgo.jpg);
    background-size: cover;
    gap: 16px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.userprofile .faceit-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 16px;
    flex-wrap: wrap
}

.userprofile .faceit-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(140deg, hsla(0, 0%, 100%, .07) 68%, hsla(0, 0%, 100%, .11));
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border: 1px solid #3d3d3d;
    flex: 1 0 30%;
    border-radius: 4px;
    padding: 8px 0
}

.userprofile .faceit-data {
    font-size: 18px;
    color: #f3661e;
    margin-bottom: -6px;
    align-items: center
}

.userprofile .faceit-data img {
    height: 18px;
    margin-right: 0;
    margin-left: 6px
}

.userprofile .faceit-info {
    color: hsla(0, 0%, 100%, .65);
    text-transform: uppercase
}

.userprofile .faceit-data {
    display: flex;
    font-weight: 700
}

.userprofile .predictions-top {
    display: flex;
    border-bottom: 1px solid #495867;
    padding: 8px
}

.userprofile .predictions-bottom {
    display: flex;
    padding: 8px;
    flex-direction: column
}

.userprofile .predictions-rows-container {
    padding-top: 8px;
    display: flex;
    flex-direction: column
}

.userprofile .predictions-event-logo-container,
.userprofile .predictions-team-logo-container {
    width: 20px;
    height: 20px;
    display: flex;
    flex: 0 0 20px;
    justify-content: center;
    align-items: center;
    margin-right: 4px
}

.userprofile .predictions-event-logo {
    max-height: 100%;
    width: auto;
    align-self: center;
    max-width: 100%
}

.userprofile .predictions-event-name {
    font-weight: 700
}

.userprofile .prediction-row {
    display: flex;
    justify-content: space-between;
    height: 32px;
    align-items: center
}

.userprofile .prediction-info {
    flex: 0 0 auto
}

.userprofile .predictions-team-logo {
    margin-right: 0;
    max-height: 100%;
    width: auto;
    align-self: center;
    max-width: 100%
}

.userprofile .prediction-data {
    display: flex;
    font-weight: 700
}

.userprofile .predictions-correct-container {
    display: flex;
    background: #364250;
    border-radius: 4px;
    flex-direction: column
}

.userprofile .predictions-correct-header {
    text-align: center
}

.userprofile .predictions-bar-container {
    height: 42px;
    position: relative;
    margin: 0 8px
}

.userprofile .predictions-max-number,
.userprofile .predictions-min-number,
.userprofile .predictions-user-number {
    position: absolute
}

.userprofile .predictions-user-number {
    font-weight: 700;
    transform: translateX(-50%)
}

.userprofile .predictions-min-number {
    left: 0;
    opacity: .65
}

.userprofile .predictions-bar-bg {
    width: 100%;
    background: rgba(146, 154, 158, .1)
}

.userprofile .predictions-bar-bg,
.userprofile .predictions-bar-color {
    height: 5px;
    border-radius: 100px
}

.userprofile .predictions-bar-color {
    background: #3e6ea0
}

.userprofile .predictions-bar-bg,
.userprofile .predictions-bar-color {
    position: absolute;
    top: 24px
}

.userprofile .predictions-max-number {
    right: 0;
    opacity: .65
}

.userprofile .predictions-numbers {
    display: block;
    width: 100%;
    position: relative;
    height: 16px
}

.userprofile .bio-headline {
    display: flex
}

.userprofile .bio-headline .headline {
    margin-top: auto
}

.userprofile .bio-headline .clear-biography {
    margin-left: auto;
    order: 2;
    padding-bottom: 5px
}

.userprofile .clear-biography-button {
    right: 0;
    bottom: 3px;
    border: 1px solid #fc1d1d;
    color: #fc1d1d;
    background: transparent;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 4px;
    transition: 0s
}

.userprofile .clear-biography-button:after {
    content: "Clear"
}

.userprofile .clear-biography-button:hover {
    background: #ba3333;
    color: #ffe5e5
}

.userprofile .bio {
    padding: 10px
}

.userprofile .bio.bio-banned {
    position: relative;
    color: rgba(146, 154, 158, .35);
    min-height: 120px
}

.userprofile .bio.bio-banned:before {
    content: "Unable to edit biography when forum banned";
    display: flex;
    position: absolute;
    z-index: 1;
    background-color: #435971;
    color: #fff;
    width: 300px;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    padding: 8px 24px
}

.userprofile .box-item {
    height: 20px;
    padding: 5px 10px 5px 5px;
    box-sizing: content-box
}

.userprofile .box-item:not(:last-child) {
    border-bottom: 1px solid #495867
}

.userprofile .favourites {
    margin-top: 10px;
    width: 48%;
    min-width: 300px
}

.userprofile .favourites tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.userprofile .fan-item {
    display: flex;
    align-items: center
}

.userprofile .player-picture {
    height: 20px;
    width: 20px
}

.userprofile .team-logo {
    height: 20px;
    max-width: 40px
}

.userprofile .hardware {
    margin-top: 10px;
    width: 48%;
    min-width: 300px
}

.userprofile .hardware tr:not(:last-child) {
    border-bottom: 1px solid #495867
}

.userprofile .category,
.userprofile .headline {
    font-weight: 700
}

.userprofile .posts .post {
    padding: 10px;
    border-bottom: 1px solid #495867
}

.userprofile .posts .post:hover {
    background-color: #45515f
}

.userprofile .posts .post:not(:last-child) {
    border-bottom: 1px solid #495867;
    padding-bottom: 15px
}

.userprofile .posts .content {
    color: #929a9e !important;
    overflow-wrap: break-word
}

.userprofile .more-blogs {
    text-align: center;
    background-color: #364250;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867;
    border-bottom: 1px solid #495867
}

.userprofile .send-message {
    display: block;
    text-align: center;
    margin-top: 5px;
    padding: 5px
}

.userprofile .send-message.disabled {
    opacity: .5;
    cursor: not-allowed
}

.userprofile .edit-hightlight {
    background-color: #ffffd5;
    transition: background-color .4s ease
}

.preload .userprofile .edit-hightlight {
    transition: initial !important
}

.user-profile-settings .title {
    font-size: 18px;
    font-weight: 700
}

.user-profile-settings .headline {
    font-weight: 700;
    margin-bottom: 10px
}

.user-profile-settings .strong-text {
    font-weight: 700
}

.user-profile-settings .steam-connect-wrapper {
    display: flex
}

.user-profile-settings .user-integrations {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.user-profile-settings .faceit-integration {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.user-profile-settings .disconnect-from-steam-banned {
    color: #af100f
}

.user-profile-settings .faceit-integration,
.user-profile-settings .steam-integration {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.user-profile-settings .integration-error {
    color: red
}

.user-profile-settings .main-content-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 20px
}

.user-profile-settings .section-divider {
    border-top: 1px solid #495867;
    margin: 10px 0
}

.user-profile-settings .col {
    align-items: center;
    flex: 1 0 30%
}

@media (max-width:500px) {
    .user-profile-settings .col {
        flex: 1 0 100%;
        margin-left: 0
    }
}

.user-profile-settings .columns {
    flex-wrap: wrap
}

.user-profile-settings .space-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.user-profile-settings .button {
    padding: 7px 10px
}

.user-profile-settings .button.disabled {
    opacity: .5;
    color: #435971 !important;
    background-color: #364250
}

.user-profile-settings .button:hover:not(.disabled) {
    background-color: #59728e
}

.user-profile-settings .button.delete-account {
    background-color: #a92920
}

.user-profile-settings .button.delete-account:hover {
    background-color: #fc1d1d
}

.user-profile-settings .setting-row-timezone-auto {
    padding-bottom: 5px
}

.user-profile-settings .slider {
    display: flex;
    align-items: center;
    color: #929a9e
}

.user-profile-settings .slider .badge-slider,
.user-profile-settings .slider .set-theme {
    border: 0;
    background-color: inherit;
    color: #929a9e
}

.user-profile-settings .with-margin {
    margin-right: 5px
}

.user-profile-settings .notification-subscription {
    display: flex;
    align-items: center
}

.user-profile-settings .notification-subscription .remove {
    color: #af100f
}

.user-profile-settings .notification-subscription .logo {
    max-width: 16px;
    max-height: 16px
}

.user-profile-settings .validation-message {
    display: flex;
    align-items: center;
    font-size: 10px
}

.user-profile-settings .validation-message .fa {
    margin-right: 3px
}

.user-profile-settings .validation-message.success {
    color: green
}

.user-profile-settings .validation-message.error {
    color: red
}

.user-profile-settings input {
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e
}

.user-profile-settings .badge-selectors {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    grid-row-gap: 5px
}

.user-profile-settings .badge-selectors .forum-badge {
    height: 30px;
    width: auto
}

.user-profile-settings .fan-player,
.user-profile-settings .fan-team {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #495867;
    padding-bottom: 5px
}

.user-profile-settings .fan-name {
    font-weight: 700;
    flex: 1 0 0;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-profile-settings .fan-remove {
    display: block;
    padding: 0 5px;
    flex: 0 0 60px;
    white-space: nowrap
}

.user-profile-settings .fan-notification {
    display: block;
    padding: 0 5px;
    flex: 0 0 80px;
    white-space: nowrap
}

.user-profile-settings .fan-favorite {
    display: block;
    padding: 0 5px;
    flex: 0 0 60px;
    white-space: nowrap
}

.user-profile-settings .fan-logo {
    max-width: 16px;
    max-height: 16px
}

.user-profile-settings .fa-times {
    color: #af100f
}

.user-profile-settings .fan-player-search,
.user-profile-settings .fan-team-search {
    display: inline-block
}

.user-profile-settings #notification-settings .settings-table {
    width: 100%;
    border: none
}

.user-profile-settings #notification-settings .settings-table .settings-row:nth-child(2n) {
    background-color: #364250
}

.user-profile-settings #notification-settings .settings-table td:first-child {
    padding-left: 5px
}

.user-profile-settings #notification-settings .settings-selector {
    text-align: center
}

.email-verification {
    color: #929a9e
}

.email-verification .padding {
    padding: 20px
}

.email-verification h1 {
    margin: 0
}

.email-verification h2 {
    margin-top: 0;
    font-weight: 400
}

.email-verification a {
    font-weight: 700
}

.gallery .thumb-con {
    padding: 16px;
    display: grid;
    grid-gap: 16px;
    margin-top: 10px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
}

@media (max-width:500px) {
    .gallery .thumb-con {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
    }
}

.gallery .thumb {
    transition: .2s ease
}

.preload .gallery .thumb {
    transition: initial !important
}

.gallery .thumb:hover {
    filter: brightness(120%)
}

.gallery .thumb-id-con:target .thumb-holder {
    border: 3px solid #fff;
    outline: 3px solid #435971;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.gallery .thumb-holder {
    position: relative;
    padding-bottom: 66.5922871438%;
    height: 0;
    overflow: hidden;
    background-color: #000
}

.gallery .thumb-img {
    width: 100%
}

.overlay-loading {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 70000;
    height: 20px;
    color: #fff;
    top: 0
}

.overlay-loading:after {
    content: " ";
    float: right;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-image: url(/img/static/ajax-loader2x.gif)
}

.gallerypictureoverlay {
    position: absolute;
    right: 0;
    left: 0;
    max-width: 100%
}

.gallerypicturepagethinforum {
    max-width: 100%;
    width: 472px;
    margin: 0 auto
}

.gallery-v {
    margin-top: -6px;
    display: flex;
    justify-content: center
}

.gallerypicture {
    font-size: 12px;
    margin: 0 auto 10px;
    max-width: 1200px
}

@media (max-height:1000px) {
    .gallerypicture {
        max-width: 1000px
    }
}

.gallerypicture .picture-con {
    position: relative;
    background-color: #000;
    max-width: 100%;
    padding-bottom: 66.6666666667%
}

.gallerypicture .picture-con .photographer {
    background-color: rgba(0, 0, 0, .5);
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px 0 0 0
}

.gallerypicture .picture-con .photographer .photographer-twitter:before {
    padding-right: 2px
}

.gallerypicture .picture-con .photographer a {
    color: #fff;
    padding: 0 8px;
    font-size: 10px;
    opacity: .5 !important
}

.gallerypicture .picture-con .photographer a:hover {
    color: #fff !important;
    opacity: 1 !important
}

.gallerypicture .picture {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.gallerypicture .picture-tag {
    position: absolute;
    display: none;
    border: 1px solid #929a9e
}

.gallerypicture .fa-chevron-left,
.gallerypicture .fa-chevron-right {
    position: absolute;
    top: 0;
    height: 100%;
    font-size: 60px;
    color: rgba(146, 154, 158, .5);
    text-shadow: 0 0 4px rgba(50, 50, 50, .5);
    display: flex;
    align-items: center
}

.gallerypicture .fa-chevron-left:hover,
.gallerypicture .fa-chevron-right:hover {
    color: #929a9e
}

.gallerypicture .fa-chevron-left {
    padding-left: 10px;
    width: 25%;
    left: 0;
    justify-content: flex-start
}

.gallerypicture .fa-chevron-right {
    padding-right: 10px;
    width: 75%;
    right: 0;
    justify-content: flex-end
}

.gallerypicture .picture-stuff {
    display: flex;
    padding: 10px
}

.gallerypicture .eventlink,
.gallerypicture .players {
    flex: 1 1 33%
}

.gallerypicture .preserve-height {
    flex: 0 0 0;
    width: 0
}

.gallerypicture .text {
    flex: 1 1 auto;
    text-align: center
}

.gallerypicture .players {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gallerypicture .eventlink {
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pictureButtonHolder {
    font-size: 12px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right
}

@media (max-height:1000px) {
    .pictureButtonHolder {
        max-width: 1000px
    }
}

.pictureButton {
    display: inline-block;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 0 10px;
    border-radius: 3px;
    margin-bottom: 5px;
    font-size: 10px
}

.pictureButton a {
    color: #b9bdbf !important
}

.pictureButton i {
    font-size: 12px
}

.pictureButton:hover {
    background-color: #45515f
}

.stats-section .srek {
    margin-top: 10px
}

.stats-section .featured-sub-text {
    font-size: 10px;
    opacity: .65;
    margin-left: 8px
}

.stats-section .featured-ratings-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px
}

@media (max-width:500px) {
    .stats-section .featured-ratings-container {
        padding-bottom: 0
    }
}

.stats-section .featured-ratings-container .g-grid {
    margin-left: -8px;
    flex-wrap: wrap
}

.stats-section .featured-ratings-container .col-custom {
    flex: 0 0 20%;
    padding-bottom: 8px;
    padding-left: 8px;
    margin-bottom: -8px
}

@media (max-width:500px) {
    .stats-section .featured-ratings-container .col-custom {
        flex: 0 0 33.3333333333%;
        margin-bottom: 0
    }
}

.stats-section .featured-ratings-container .rating-breakdown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    text-align: center;
    padding: 8px;
    position: relative
}

.stats-section .featured-ratings-container .rating-breakdown .rating-description,
.stats-section .featured-ratings-container .rating-breakdown .rating-maps {
    font-size: 10px;
    opacity: .65
}

.stats-section .featured-ratings-container .rating-breakdown .rating-value {
    font-size: 18px;
    font-weight: 700
}

.stats-section .player-summary-stat-box {
    background: linear-gradient(270deg, #171c22, #3a4755);
    height: 278px;
    display: flex;
    color: #fff;
    --teamColor: #2d6da3
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box {
        height: 220px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-data-description-text {
    position: relative
}

.stats-section .player-summary-stat-box .player-summary-stat-box-data-description-text:hover .hiddenTooltip {
    opacity: 1 !important;
    bottom: 64px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-rating-data-text {
    font-size: 28px;
    font-weight: 700
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-rating-data-text {
        font-size: 22px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-text {
    font-size: 11px;
    font-weight: 400;
    opacity: .65;
    margin-top: -8px;
    text-transform: uppercase
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-text {
        font-size: 8px;
        margin-top: -6px
    }
}

.stats-section .player-summary-stat-box .player-summary-stats-box-right-bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.stats-section .player-summary-stat-box .player-summary-ct-bg-img,
.stats-section .player-summary-stat-box .player-summary-t-bg-img {
    position: absolute;
    top: 0;
    opacity: .3
}

.stats-section .player-summary-stat-box .player-summary-ct-bg-img {
    right: -6px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-ct-bg-img {
        height: 120px;
        right: -26px
    }
}

.stats-section .player-summary-stat-box .player-summary-t-bg-img {
    left: -44px;
    top: 22px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-t-bg-img {
        height: 120px;
        left: -26px;
        top: 0
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    margin-top: -24px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.t-rating {
    text-align: right
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.t-rating .player-summary-stat-box-side-rating-text {
    margin-right: 10px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating.ct-rating .player-summary-stat-box-side-rating-text {
    margin-left: 10px
}

.stats-section .player-summary-stat-box .t-rating {
    color: #e0a42d
}

.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0));
    position: absolute;
    height: 100%;
    width: 100%;
    right: -28px;
    clip-path: polygon(0 0, 132px 0, 113px 20px, 104px 50px, 0 100px);
    transform: translateX(calc(100% - 132px))
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background {
        clip-path: polygon(0 0, 80px 0, 62px 10px, 34px 100px, 0 100px);
        transform: translateX(calc(100% - 80px))
    }
}

.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0))
}

.stats-section .player-summary-stat-box .t-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(224, 164, 45, .2) 8.65%, rgba(224, 164, 45, 0))
}

.stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-background-wrapper {
    position: relative;
    height: 44px;
    line-height: 28px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-side-rating-background-wrapper {
        line-height: 21px;
        height: 34px
    }
}

.stats-section .player-summary-stat-box .ct-rating {
    color: #2c6ea4
}

.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background {
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0));
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    left: -28px;
    clip-path: polygon(270px 60px, 270px 0, 0 0, 20px 20px, 25px 50px)
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background {
        clip-path: polygon(150px 0, 0 0, 9px 17px, 18px 41px, 100% 101%);
        left: -19px
    }
}

.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0))
}

.stats-section .player-summary-stat-box .ct-rating .player-summary-stat-box-side-rating-background:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(44, 110, 164, .2) 8.65%, rgba(44, 110, 164, 0))
}

.stats-section .player-summary-stat-box .player-summary-tooltip {
    bottom: 64px;
    transition: .2s ease;
    position: absolute;
    background-color: rgba(0, 0, 0, .85);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    text-transform: none;
    font-size: 11px;
    line-height: 1.55;
    width: 100%;
    max-width: 125px;
    padding: 8px;
    color: #fff;
    opacity: 1;
    z-index: 999999;
    pointer-events: none;
    text-align: left
}

.preload .stats-section .player-summary-stat-box .player-summary-tooltip {
    transition: initial !important
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-tooltip {
        font-size: 10px
    }
}

.stats-section .player-summary-stat-box .player-summary-tooltip.hiddenTooltip {
    opacity: 0 !important;
    bottom: 54px !important
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-middle {
    display: flex;
    justify-content: center;
    flex: 1
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-middle {
        margin-top: -14px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-data-bar {
    flex: 1;
    width: 100%;
    height: 3px;
    transition: .2s ease;
    background-color: hsla(0, 0%, 100%, .15)
}

.preload .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-data-bar {
    transition: initial !important
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-data-bar:first-child {
    border-radius: 100px 0 0 100px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-data-bar:nth-child(3) {
    border-radius: 0 100px 100px 0
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-data-bar:nth-child(2) {
    background-color: hsla(0, 0%, 100%, .25)
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-breakdown-bar {
    display: flex;
    position: relative
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    padding: 0 16px 24px;
    margin-top: -32px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-bottom {
        margin-top: -52px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data {
    font-size: 24px;
    font-weight: 700;
    align-items: baseline;
    gap: 3px;
    display: flex;
    justify-content: center
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data {
        font-size: 17px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-percentage {
    font-size: 12px;
    opacity: .65
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-percentage {
        font-size: 8px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-description-text,
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-text {
    font-size: 10px;
    font-weight: 400;
    margin-top: -8px;
    color: rgba(158, 200, 241, .65);
    text-transform: uppercase;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-description-text .summary-stat-sub-header-variant,
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-text .summary-stat-sub-header-variant {
    text-transform: none
}

@media (max-width:500px) {

    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-description-text,
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-text {
        font-size: 7px;
        margin-bottom: 2px;
        margin-top: -6px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-breakdown-description {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 8px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    bottom: -14px;
    opacity: .85;
    color: hsla(0, 0%, 100%, .4)
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-breakdown-description {
        font-size: 7px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicator {
    z-index: 99;
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #fff;
    top: -4px;
    left: 0;
    transition: 1.5s ease;
    opacity: 0
}

.preload .stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicator {
    transition: initial !important
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-avg-text {
    color: #fff;
    position: absolute;
    bottom: -15px;
    left: -8px;
    font-size: 7px;
    background: #000;
    padding: 0 3px;
    border-radius: 4px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicatorAverage {
    background-color: #97cfff !important;
    box-shadow: none !important;
    left: 0;
    width: 2px;
    opacity: .65;
    transition: .1s ease
}

.preload .stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicatorAverage {
    transition: initial !important
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .summaryStatIndicatorAverage.hiddenIndicator {
    opacity: 0;
    left: 0
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-show-eco-adjusted-wrapper,
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-show-player-avg-wrapper {
    position: relative
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-show-eco-adjusted-wrapper:hover,
.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-show-player-avg-wrapper:hover {
    color: #fff
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer {
    cursor: pointer;
    padding-right: 16px
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmark {
    position: absolute;
    top: 4px;
    border-radius: 2px;
    right: 0;
    height: 10px;
    width: 10px;
    background-color: #eee
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmark {
        height: 11px;
        width: 11px;
        top: 0
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer:hover input~.checkmark {
    background-color: #ccc
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer input:checked~.checkmark {
    background-color: #72aadf
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer input:checked~.checkmark:after {
    display: block
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer .checkmark:after {
    left: 3px;
    top: 1px;
    width: 2px;
    height: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .checkmarkContainer .checkmark:after {
        left: 5px;
        top: 2px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.aboveAverage .player-summary-data-bar:nth-child(3) {
    background: #06b319 !important;
    box-shadow: 0 0 7px 0 #06b319
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.aboveAverage .player-summary-stat-box-breakdown-description {
    color: #06b319;
    text-align: right
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.aboveAverage .summaryStatIndicator {
    background-color: #6ff8a8;
    box-shadow: 0 0 7px 0 #06b319
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.belowAverage .player-summary-data-bar:first-child {
    background: #f53c3c !important;
    box-shadow: 0 0 7px 0 #cf0a0a
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.belowAverage .player-summary-stat-box-breakdown-description {
    color: #ff6565;
    text-align: left
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.belowAverage .player-summary-stat-box-breakdown-description {
        margin-top: -1px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.belowAverage .summaryStatIndicator {
    background-color: #cf0a0a;
    box-shadow: 0 0 7px 0 #cf0a0a
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.average .player-summary-data-bar:nth-child(2) {
    background: #e3ae08 !important;
    box-shadow: 0 0 7px 0 #e3ae08
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.average .player-summary-stat-box-breakdown-description {
    color: #e3ae08;
    text-align: center
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-data-wrapper.average .summaryStatIndicator {
    background-color: #ffdc6f;
    box-shadow: 0 0 7px 0 #e3ae08
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-half-circle {
    --percentage: var(--value);
    --primary: var(--color);
    --secondary: #5e7084;
    color: var(--color);
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: 50%/100% 100% 0 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    margin-top: -28px;
    z-index: 1
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-half-circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(from 270deg at 50% 100%, var(--primary) calc(var(--percentage)*1%/2), var(--secondary) calc(var(--percentage)*1%/2 + .1%));
    -webkit-mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask: radial-gradient(at 50% 100%, #fff 55%, transparent 55.5%);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(at 50% 100%, transparent 65%, #000 66.5%);
    -webkit-mask-mode: alpha
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-text {
    text-transform: uppercase;
    font-size: 9px;
    margin-bottom: -8px;
    color: var(--color)
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-text {
        font-size: 8px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-rating-avg-wrapper {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% + 5px);
    left: 50%;
    top: auto;
    bottom: -5px;
    transform: translateX(-50%) rotate(calc(var(--value)*1.8deg - 90deg));
    transform-origin: bottom center;
    clip-path: inset(0 0 80% 0);
    transition: 0s !important
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper {
    --color: #000
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper.belowAverage {
    --color: #ff6565
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper.average {
    --color: #e3ae08
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper.aboveAverage {
    --color: #06b319
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper {
    flex: 0 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-rating-wrapper {
        flex: 0 90px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-top {
    font-size: 10px;
    height: 22px;
    background: #333c47;
    color: hsla(0, 0%, 100%, .65);
    z-index: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center;
    position: absolute;
    right: 0;
    padding: 0 8px;
    border-radius: 0 0 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-right .player-summary-stat-box-right-top {
        font-size: 7px;
        gap: 6px;
        padding: 0 4px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left {
    flex: 0 0 176px;
    width: 176px;
    position: relative
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left {
        flex: 0 0 116px;
        width: 116px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left:after {
    content: "";
    height: 100%;
    width: 33px;
    display: block;
    background: linear-gradient(90deg, #1c252d, rgba(43, 52, 61, 0));
    z-index: 0;
    position: absolute;
    left: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left svg {
    position: absolute;
    left: 0;
    top: 0
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-flag .flag {
    width: 30px;
    height: auto;
    border: 0
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-flag .flag {
        width: 18px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-banner-wrapper {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-banner-wrapper {
        top: 8px;
        left: 8px;
        gap: 8px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-team-logo-wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-team-logo-wrapper {
        height: 18px;
        width: 18px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-team-logo-wrapper img {
    max-height: 100%;
    max-width: 100%
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-bodyshot-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-image: linear-gradient(0deg, transparent 17%, #000 37%)
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-bodyshot {
    position: absolute;
    left: -34px;
    height: 330px;
    top: 29px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-bodyshot {
        left: -43px;
        height: 270px;
        top: 17px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-text-wrapper {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-text-wrapper {
        bottom: 24px;
        gap: 2px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper {
    display: flex;
    font-size: 10px;
    opacity: .65;
    justify-content: center;
    margin-top: -6px;
    flex-wrap: wrap;
    line-height: 12px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper {
        gap: 2px;
        font-size: 8px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper div:not(:first-child):before {
    content: "•";
    margin-right: 4px;
    margin-left: 4px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-meta-wrapper div:not(:first-child):before {
        margin-right: 2px;
        margin-left: 2px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-nickname {
    font-weight: 700;
    font-size: 24px
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-nickname {
        font-size: 18px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-info-wrapper {
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-info-wrapper {
        bottom: -1px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-btn {
    background: #435971;
    padding: 2px 8px;
    border-radius: 4px 4px 0 0;
    height: 20px;
    font-size: 13px;
    color: #fff !important
}

@media (max-width:500px) {
    .stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-btn {
        font-size: 11px;
        padding: 2px 6px
    }
}

.stats-section .player-summary-stat-box .player-summary-stat-box-left .player-summary-stat-box-left-btn:hover {
    background: #59728e;
    color: #fff !important
}

.stats-section .playerSummaryStatBox {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-image: linear-gradient(136deg, #1b1f23, #3a4755);
    position: relative;
    display: flex;
    top: 0;
    height: 245px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox {
        height: 155px
    }
}

.stats-section .playerSummaryStatBox:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-image: url(/img/static/player/profile/bodyshotBackground.png);
    background-repeat: no-repeat;
    background-position: left 10px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox:before {
        background-position: left -40px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer {
    flex: 0 0 223px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer {
        flex: 0 0 130px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button {
    position: absolute;
    bottom: 16px;
    width: 100%;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button {
        bottom: 8px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button a {
    color: #fff !important;
    background-color: #435971;
    padding: 4px 8px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    transition: .2s ease
}

.preload .stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button a {
    transition: initial !important
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button a {
        font-size: 10px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .go-to-profile-button a:hover {
    background-color: #59728e;
    color: #fff
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .team-logo {
    position: absolute;
    max-width: 150px;
    opacity: .5;
    left: 30px;
    top: 16px;
    pointer-events: none
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer .team-logo {
        max-width: 100px;
        left: 8px;
        top: 16px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .summaryBodyshot {
    position: absolute;
    max-width: 223px;
    bottom: 0;
    pointer-events: none
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer .summaryBodyshot {
        max-width: 130px
    }
}

.stats-section .playerSummaryStatBox .summaryBodyshotContainer .summarySquare {
    flex: 0 0 223px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 160px;
    width: 160px;
    top: 40%;
    left: 50%;
    border-radius: 110px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .35), 0 1px 5px 0 rgba(0, 0, 0, .76);
    transform: translate(-50%, -40%);
    background-color: #fff
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBodyshotContainer .summarySquare {
        width: 90px;
        height: 90px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatsMaps {
    position: absolute;
    bottom: 2px;
    right: 8px;
    color: rgba(158, 200, 241, .75);
    font-size: 9px;
    text-align: right
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatsMaps {
        font-size: 7px;
        bottom: 3px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatsMaps .summaryStatMapsAvg {
    opacity: 1;
    color: hsla(0, 0%, 100%, .45)
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatsMaps .summaryStatMapsAvg.hiddenAvg {
    opacity: 0
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo {
    position: relative;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo {
        margin-bottom: -4px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .SummaryTeamname {
    color: hsla(0, 0%, 100%, .65);
    transition: .2s ease;
    cursor: pointer
}

.preload .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .SummaryTeamname {
    transition: initial !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .SummaryTeamname a:hover {
    color: hsla(0, 0%, 100%, .8) !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryNickname {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 32px;
    color: #fff
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryNickname {
        font-size: 22px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryRealname {
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryRealname {
        font-size: 9px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryRealname .flag {
    margin-right: 5px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryPlayerAge {
        width: 40px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryLegendContainer {
    display: block;
    font-size: 9px;
    color: hsla(0, 0%, 100%, .65);
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    text-align: right;
    bottom: -11px;
    z-index: 99
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryLegendContainer {
        font-size: 7px;
        bottom: -7px;
        z-index: 99
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer {
    margin-right: 16px;
    cursor: pointer;
    padding: 8px 8px 4px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer {
        padding: 16px;
        margin-right: 12px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmark {
    position: absolute;
    top: 3px;
    right: 8px;
    height: 10px;
    width: 10px;
    background-color: #eee
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmark {
        height: 13px;
        width: 13px;
        top: -1px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .showEcoAdjustedStats .checkmark {
    right: 126px
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer:hover input~.checkmark {
    background-color: #ccc
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer input:checked~.checkmark {
    background-color: #72aadf
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer input:checked~.checkmark:after {
    display: block
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer .checkmark:after {
    left: 3px;
    top: 1px;
    width: 2px;
    height: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .checkmarkContainer .checkmark:after {
        left: 5px;
        top: 2px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryInfoContainer {
    margin-top: -6px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 100%, .22);
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px;
    padding-bottom: 4px;
    margin-bottom: 8px;
    margin-right: 8px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryShortInfo .summaryInfoContainer {
        padding-bottom: 2px;
        margin-bottom: 0;
        font-size: 9px;
        margin-top: -3px;
        margin-right: 4px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow {
    display: flex;
    margin-left: -8px;
    margin-top: 4px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow {
        margin-left: -4px;
        margin-top: 4px
    }
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow:last-child {
        margin-top: 8px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown {
    flex: 1;
    margin: 8px;
    position: relative
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown {
        margin: 4px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.belowAverage .summaryDataBar:first-child {
    background: #f53c3c !important;
    box-shadow: 0 0 7px 0 #cf0a0a
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.belowAverage .summaryStatBreakdownDescription {
    color: #ff6565;
    text-align: left
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.belowAverage .summaryStatBreakdownDescription {
        margin-top: -1px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.belowAverage .summaryStatIndicator {
    background-color: #cf0a0a;
    box-shadow: 0 0 7px 0 #cf0a0a
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.average .summaryDataBar:nth-child(2) {
    background: #e3ae08 !important;
    box-shadow: 0 0 7px 0 #e3ae08
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.average .summaryStatBreakdownDescription {
    color: #e3ae08;
    text-align: center
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.average .summaryStatIndicator {
    background-color: #ffdc6f;
    box-shadow: 0 0 7px 0 #e3ae08
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.aboveAverage .summaryDataBar:nth-child(3) {
    background: #06b319 !important;
    box-shadow: 0 0 7px 0 #06b319
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.aboveAverage .summaryStatBreakdownDescription {
    color: #06b319;
    text-align: right
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown.aboveAverage .summaryStatIndicator {
    background-color: #6ff8a8;
    box-shadow: 0 0 7px 0 #06b319
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader {
    font-size: 9px;
    color: #9ec8f1;
    text-transform: uppercase;
    margin-bottom: -4px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader {
        font-size: 7px;
        margin-bottom: -2px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader .fa {
    cursor: pointer;
    color: hsla(0, 0%, 100%, .65);
    padding: 8px 8px 8px 5px
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader .summaryStatTooltip {
    bottom: 64px;
    transition: .2s ease;
    position: absolute;
    background-color: rgba(0, 0, 0, .85);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    text-transform: none;
    font-size: 11px;
    line-height: 1.55;
    width: 100%;
    max-width: 125px;
    padding: 8px;
    color: #fff;
    opacity: 1;
    z-index: 999999;
    pointer-events: none
}

.preload .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader .summaryStatTooltip {
    transition: initial !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader .summaryStatTooltip.hiddenTooltip {
    opacity: 0 !important;
    bottom: 54px !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownSubHeader .summaryStatSubHeaderVariant {
    text-transform: none
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    line-height: 1;
    pointer-events: none
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue {
        font-size: 18px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue .percentageSymbol {
    font-size: 22px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue .percentageSymbol {
        font-size: 14px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataBar {
    display: flex;
    margin-top: 8px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataBar {
        margin-top: 3px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataBar .summaryDataBar {
    flex: 1;
    width: 100%;
    height: 3px;
    transition: .2s ease;
    background-color: hsla(0, 0%, 100%, .15)
}

.preload .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataBar .summaryDataBar {
    transition: initial !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataBar .summaryDataBar:nth-child(2) {
    background-color: hsla(0, 0%, 100%, .25)
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatIndicator {
    z-index: 99;
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #fff;
    bottom: -4px;
    left: 0;
    transition: 1.5s ease;
    opacity: 0
}

.preload .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatIndicator {
    transition: initial !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatAvgText {
    color: #fff;
    position: absolute;
    top: -10px;
    left: -6px;
    font-size: 7px
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatIndicatorAverage {
    background-color: #97cfff !important;
    box-shadow: none !important;
    left: 0;
    width: 2px;
    opacity: .65;
    transition: .1s ease
}

.preload .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatIndicatorAverage {
    transition: initial !important
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatIndicatorAverage.hiddenIndicator {
    opacity: 0;
    left: 0
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownDescription {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 8px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    bottom: -14px;
    opacity: .85
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownDescription {
        font-size: 7px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer.compact .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue {
    font-size: 24px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer.compact .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue {
        font-size: 16px
    }
}

.stats-section .playerSummaryStatBox .summaryBreakdownContainer.compact .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue .percentageSymbol {
    font-size: 16px
}

@media (max-width:500px) {
    .stats-section .playerSummaryStatBox .summaryBreakdownContainer.compact .summaryStatBreakdownRow .summaryStatBreakdown .summaryStatBreakdownData .summaryStatBreakdownDataValue .percentageSymbol {
        font-size: 12px
    }
}

.stats-section .button {
    margin-top: 0
}

.stats-section .subtext {
    font-size: 10px;
    opacity: .65;
    font-weight: 400
}

.stats-section .empty-box {
    font-size: 14px;
    color: rgba(146, 154, 158, .75);
    background-color: #364250;
    border: 1px solid #495867;
    padding: 16px
}

.stats-section .search-input-con {
    padding: 8px
}

.stats-section .incomplete-data {
    font-size: 10px
}

.stats-section .search-input {
    font-size: inherit;
    font-weight: inherit;
    display: block;
    width: 100%;
    border: 1px solid #495867;
    box-sizing: border-box;
    background-color: #2d3844;
    color: #929a9e
}

.stats-section .section-spacer {
    height: 18px
}

.stats-section .menu-spacer {
    height: 10px
}

.stats-section .section-small-spacer {
    height: 5px
}

.stats-section .section-tiny-spacer {
    height: 3px
}

.stats-section .search-button,
.stats-section .search-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    height: 30px;
    padding-right: 5px;
    padding-left: 5px
}

.stats-section .search-button {
    font-weight: 700
}

.stats-section .vspace {
    height: 10px
}

.stats-section .summary {
    justify-content: space-between;
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.stats-section .summary .col {
    flex: 1 0 21%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    min-width: 150px
}

.stats-section .summary .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.stats-section .summary .summary-box {
    padding: 10px;
    white-space: nowrap;
    display: flex;
    flex-direction: column
}

.stats-section .summary .summary-box .value {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #b9bdbf
}

.stats-section .summary .summary-box .description {
    color: #fff
}

.stats-section .top-x-box {
    background: #2d3844;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    font-size: 11px;
    padding: 10px;
    justify-content: space-between
}

.stats-section .top-x-box .flex-placeholder {
    flex: 1
}

.stats-section .top-x-box .img {
    display: block;
    height: 30px;
    max-width: 30px;
    margin: -5px 10px -5px -5px
}

.stats-section .top-x-box .country {
    margin-right: 10px
}

.stats-section .top-x-box .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.stats-section .top-x-box .average {
    margin-left: 15px
}

.stats-section .top-x-box .average,
.stats-section .top-x-box .rating {
    line-height: 10px;
    white-space: nowrap
}

.stats-section .top-x-box .average {
    text-align: right
}

.stats-section .top-x-box .logo {
    margin-right: 5px;
    width: 20px
}

.stats-section .player-ratings-table .playerCol {
    text-align: left;
    width: 50%
}

.stats-section .player-ratings-table .playerColSmall {
    text-align: left;
    width: 25%
}

.stats-section .player-ratings-table .flash-col {
    width: 35px;
    text-align: center
}

.stats-section .player-ratings-table .flashed-opponent-col {
    width: 76px
}

.stats-section .player-ratings-table .flash-blinded,
.stats-section .player-ratings-table .flash-success,
.stats-section .player-ratings-table .flash-thrown {
    width: 50px
}

.stats-section .player-ratings-table .teamCol {
    text-align: left;
    width: 50%
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .teamCol {
        width: 35px;
        text-align: center
    }
}

.stats-section .player-ratings-table .teamCol-teams-overview {
    text-align: left;
    width: 50%
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .teamCol-teams-overview {
        text-align: left;
        width: 75px
    }
}

.stats-section .player-ratings-table .mapsCol-teams-overview {
    width: 40px;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .mapsCol-teams-overview {
        width: 18px
    }
}

.stats-section .player-ratings-table .kdDiffCol-teams-overview {
    width: 50px;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .kdDiffCol-teams-overview {
        width: 27px
    }
}

.stats-section .player-ratings-table .kdCol-teams-overview {
    width: 30px;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .kdCol-teams-overview {
        width: 15px
    }
}

.stats-section .player-ratings-table .ratingCol-teams-overview {
    width: 50px;
    text-align: center;
    font-weight: 700
}

@media (max-width:500px) {
    .stats-section .player-ratings-table .ratingCol-teams-overview {
        width: 17px
    }
}

.stats-section .player-ratings-table .mapsCol {
    width: 40px;
    text-align: center
}

.stats-section .player-ratings-table .rounds-col {
    width: 50px;
    text-align: center
}

.stats-section .player-ratings-table td.mapsCol {
    opacity: .5
}

.stats-section .player-ratings-table .kdDiffCol {
    width: 50px;
    text-align: center
}

.stats-section .player-ratings-table .kdCol {
    width: 30px;
    text-align: center
}

.stats-section .player-ratings-table td.kdCol {
    opacity: .5
}

.stats-section .player-ratings-table .ratingCol {
    width: 50px;
    text-align: center;
    font-weight: 700
}

.stats-section .player-ratings-table .logo {
    margin-right: 5px;
    max-height: 18px;
    max-width: 18px
}

.stats-section .player-flashbangs-table th[title] {
    cursor: help
}

.stats-section .player-flashbangs-table .player-col {
    width: 100%
}

.stats-section .player-flashbangs-table .flashbangs-r-col,
.stats-section .player-flashbangs-table .maps-col {
    width: 50px;
    text-align: right
}

.stats-section .player-flashbangs-table .flashed-by-opp-col {
    width: 70px;
    text-align: right
}

.stats-section .player-flashbangs-table .flash-time-col {
    width: 60px;
    text-align: right
}

.stats-section .player-flashbangs-table .FA-col {
    width: 40px;
    text-align: right
}

.stats-section .player-flashbangs-table .diff-col {
    width: 50px;
    text-align: right
}

.stats-section .matches-table .date-col {
    width: 55px
}

.stats-section .matches-table .maps-col {
    width: 70px;
    text-align: center
}

@media (max-width:500px) {
    .stats-section .matches-table .maps-col {
        width: 30px
    }
}

.stats-section .matches-table td.maps-col {
    opacity: .5
}

.stats-section .matches-table .score {
    color: #929a9e;
    font-size: 10px
}

.stats-section .events-table .name-col {
    text-align: left
}

.stats-section .events-table .maps-col {
    width: 50px;
    text-align: center
}

.stats-section .events-table .eventLogo {
    width: 19px
}

.stats-section .events-table .placeholder {
    display: inline-block
}

.stats-section .events-table .winner-col {
    width: 45px;
    text-align: center;
    position: relative
}

@media (max-width:500px) {
    .stats-section .events-table .winner-col {
        width: 25px
    }
}

.stats-section .events-table .winner-col img {
    width: 19px;
    max-height: 19px
}

.stats-section .events-table .multiple-winners {
    position: absolute;
    font-size: 9px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    line-height: 9px;
    font-weight: 700;
    opacity: .65
}

.stats-section .stats-quick-navigation-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    padding: 8px
}

@media (max-width:500px) {
    .stats-section .stats-quick-navigation-container {
        flex-wrap: wrap;
        background-color: inherit !important;
        box-shadow: none !important
    }
}

.stats-section .stats-quick-navigation-container .stats-quick-navigation {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px;
    margin: 8px;
    text-align: center;
    transition: .2s ease
}

.preload .stats-section .stats-quick-navigation-container .stats-quick-navigation {
    transition: initial !important
}

.stats-section .stats-quick-navigation-container .stats-quick-navigation:hover {
    cursor: pointer;
    background-color: #45515f
}

@media (max-width:500px) {
    .stats-section .stats-quick-navigation-container .stats-quick-navigation .stats-quick-navigation-description {
        margin-left: 8px
    }
}

@media (max-width:500px) {
    .stats-section .stats-quick-navigation-container .stats-quick-navigation:nth-child(2n) {
        padding-left: 0;
        border-left: 1px solid #495867
    }

    .stats-section .stats-quick-navigation-container .stats-quick-navigation:nth-child(2n) .stats-quick-navigation-icon {
        margin-left: 8px !important
    }
}

@media (max-width:500px) and (max-width:500px) {
    .stats-section .stats-quick-navigation-container .stats-quick-navigation:nth-child(2n) .stats-quick-navigation-icon-container {
        padding-right: 8px
    }
}

@media (max-width:500px) {
    .stats-section .stats-quick-navigation-container .stats-quick-navigation {
        border-bottom: 1px solid #495867;
        flex-direction: row;
        align-items: center;
        flex: 1 1 50%;
        margin: 0 -8px
    }

    .stats-section .stats-quick-navigation-container .stats-quick-navigation:last-child {
        border-bottom: 0
    }
}

.stats-section .stats-quick-navigation-container .stats-quick-navigation .stats-quick-navigation-icon-container {
    height: 30px;
    width: 30px;
    margin: 0 auto;
    display: flex
}

@media (max-width:500px) {
    .stats-section .stats-quick-navigation-container .stats-quick-navigation .stats-quick-navigation-icon-container {
        margin: 0
    }
}

.stats-section .stats-quick-navigation-container .stats-quick-navigation .stats-quick-navigation-icon {
    filter: invert(100%);
    max-width: 100%;
    max-height: 100%;
    align-self: center
}

.stats-section .stats-quick-navigation-container .stats-quick-navigation-description a,
.stats-section .stats-quick-navigation-container a {
    color: #929a9e;
    font-weight: 700
}

.stats-section #stats_1 {
    margin-top: 5px
}

.stats-section .obs-text-admin-center {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    font-size: 20px
}

.stats-section .role-stats-recaps {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin: 8px 0;
    gap: 16px
}

.stats-section .role-stats-section-description {
    color: rgba(145, 168, 179, .65);
    font-size: 12px
}

.stats-section .role-stats-section-description:hover {
    color: #929a9e
}

.stats-section .stats-round-toggler-wrapper,
.stats-section .stats-side-selector-wrapper {
    display: flex;
    gap: 4px;
    font-size: 10px;
    justify-content: flex-end;
    align-items: center
}

.stats-section .stats-side-selector-wrapper {
    justify-content: flex-start;
    flex: 1
}

.stats-section .role-stats-filter-wrapper {
    display: flex;
    gap: 24px;
    align-items: center
}

.stats-section .stats-round-toggler,
.stats-section .stats-side-toggler {
    display: flex;
    color: rgba(145, 168, 179, .65);
    border: 1px solid #495867;
    border-radius: 4px;
    height: 18px;
    padding: 0 1px
}

.stats-section .stats-round-toggler .active,
.stats-section .stats-side-toggler .active {
    font-weight: 700;
    color: #929a9e;
    background: rgba(145, 168, 179, .2)
}

.stats-section .stats-round-toggler .active[data-side-stats=ct],
.stats-section .stats-side-toggler .active[data-side-stats=ct] {
    background: #3681c5;
    color: #fff
}

.stats-section .stats-round-toggler .active[data-side-stats=ct]:hover,
.stats-section .stats-side-toggler .active[data-side-stats=ct]:hover {
    background: #3681c5
}

.stats-section .stats-round-toggler .active[data-side-stats=t],
.stats-section .stats-side-toggler .active[data-side-stats=t] {
    background: #dba207;
    color: #fff
}

.stats-section .stats-round-toggler .active[data-side-stats=t]:hover,
.stats-section .stats-side-toggler .active[data-side-stats=t]:hover {
    background: #dba207
}

.stats-section .stats-round-toggler .stats-round-toggle,
.stats-section .stats-round-toggler .stats-side-selector,
.stats-section .stats-side-toggler .stats-round-toggle,
.stats-section .stats-side-toggler .stats-side-selector {
    padding: 0 8px;
    border-radius: 2px;
    height: 16px;
    position: relative;
    top: 1px
}

.stats-section .stats-round-toggler .stats-round-toggle:not(.active):hover,
.stats-section .stats-round-toggler .stats-side-selector:not(.active):hover,
.stats-section .stats-side-toggler .stats-round-toggle:not(.active):hover,
.stats-section .stats-side-toggler .stats-side-selector:not(.active):hover {
    cursor: pointer;
    background: rgba(145, 168, 179, .05)
}

.stats-section .role-stats-section-icon {
    height: 18px;
    width: 18px;
    position: relative;
    top: -2px
}

@media (max-width:500px) {
    .stats-section .role-stats-section-icon {
        height: 10px;
        width: 10px;
        top: 0
    }
}

.stats-section .role-stats-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

@media (max-width:500px) {
    .stats-section .role-stats-container {
        gap: 8px
    }
}

.stats-section .role-stats-top {
    flex: 1;
    display: flex;
    align-items: baseline
}

.stats-section .role-stats-row {
    display: flex;
    justify-content: space-between;
    height: 32px;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .stats-section .role-stats-row {
        height: auto;
        min-height: 32px
    }
}

.stats-section .not-done {
    background-color: #fdd
}

.stats-section .waiting-done {
    background-color: #ffffd0
}

.stats-section .role-stats-progress-wrapper {
    height: 4px;
    background: rgba(146, 154, 158, .15);
    width: 100%;
    position: relative;
    flex: 0 0 100%
}

.stats-section .role-stats-progress {
    position: absolute;
    top: 0;
    left: 0;
    background: #435971;
    height: 100%;
    overflow: hidden;
    -webkit-mask: linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0)
}

.stats-section .role-stats-progress.belowAverage {
    background: #1c6099
}

.stats-section .role-stats-progress.average {
    background: #4b90cb
}

.stats-section .role-stats-progress.aboveAverage {
    background: #78afdd
}

.stats-section .role-stats-data {
    font-weight: 700
}

@media (max-width:500px) {
    .stats-section .role-stats-data {
        font-size: 10px
    }
}

.stats-section .role-stats-section-title {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    align-items: baseline;
    gap: 4px;
    flex: 1
}

@media (max-width:500px) {
    .stats-section .role-stats-section-title {
        font-size: 12px
    }
}

@media (max-width:500px) {
    .stats-section .role-stats-recap-title {
        font-size: 10px;
        line-height: 12px
    }
}

.stats-section .row-stats-section-score-100 {
    color: rgba(145, 168, 179, .65);
    font-weight: 400;
    font-size: 9px
}

@media (max-width:500px) {
    .stats-section .row-stats-section-score-100 {
        font-size: 7px
    }
}

.stats-section .row-stats-section-score {
    font-size: 12px;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 8px;
    font-weight: 700;
    align-items: baseline
}

@media (max-width:500px) {
    .stats-section .row-stats-section-score {
        font-size: 8px
    }
}

.stats-section .role-stats-section {
    background: #364250;
    border-radius: 4px;
    padding: 8px;
    overflow: hidden;
    transition: .2s ease
}

.stats-section .role-stats-section .fa {
    transition: .2s ease
}

.stats-section .role-stats-section:not(.active) {
    max-height: 32px
}

.stats-section .role-stats-section:not(.active) .role-stats-margin,
.stats-section .role-stats-section:not(.active) .role-stats-row {
    display: none
}

.stats-section .role-stats-section.active {
    max-height: 500px
}

.stats-section .role-stats-section.active .fa-caret-down {
    transform: rotate(180deg)
}

.stats-section .role-stats-section .role-stats-section-columns {
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 8px
}

@media (max-width:500px) {
    .stats-section .role-stats-section .role-stats-section-columns {
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.stats-section .role-stats-margin {
    margin-top: 8px
}

.stats-section .role-stats-recap-data {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: -4px
}

@media (max-width:500px) {
    .stats-section .role-stats-recap-data {
        font-size: 12px
    }
}

.stats-section .role-stats-section-title-wrapper {
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap
}

.stats-section .role-stats-section-title-wrapper:hover {
    cursor: pointer;
    background: #45515f;
    margin: -8px;
    padding: 8px
}

.stats-section .role-stats-section-title-wrapper .role-stats-progress-wrapper {
    margin-top: 4px
}

.stats-section .role-stats-title {
    flex: 1
}

@media (max-width:500px) {
    .stats-section .role-stats-title {
        line-height: 12px;
        font-size: 10px
    }
}

.stats-section .role-stats-section-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: flex-start
}

@media (max-width:500px) {
    .stats-section .role-stats-section-columns {
        gap: 8px
    }
}

.stats-section .stats-top-menu {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
}

.stats-section .stats-top-menu .tabs {
    display: flex;
    flex-direction: row
}

.stats-section .stats-top-menu .tabs:not(:first-child) {
    margin-top: 5px
}

.stats-section .stats-top-menu .tabs .tabs-left {
    position: relative;
    display: flex;
    flex: 1 1 100%
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .tabs form {
        display: flex;
        flex: 1 1 100%
    }
}

.stats-section .stats-top-menu .tabs .map-filter select {
    border-bottom: 0;
    color: #929a9e;
    margin-left: 0
}

.stats-section .stats-top-menu .tabs .tab-title {
    font-size: 8px;
    text-transform: uppercase;
    opacity: .75;
    font-weight: 700;
    position: absolute;
    top: 1px;
    left: 4px
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .tabs .tab-title {
        font-size: 6px;
        top: 7px
    }
}

.stats-section .stats-top-menu .tabs select {
    margin: 12px 4px 8px;
    font-weight: 700;
    color: #87a3bf;
    border: 0 solid #495867;
    border-bottom: 2px solid #435971;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAABlBMVEVMaXGHo7+g0u0vAAAAAnRSTlMA/1uRIrUAAAAhSURBVAjXY2AgHzAyQuj/UC4DIxKPgZGBgRHBgwlRAwAAKFQDBUwqZZcAAAAASUVORK5CYII=");
    padding: .3em 2em .3em .3em;
    background-color: #2d3844;
    cursor: pointer;
    transition: .2s ease
}

.preload .stats-section .stats-top-menu .tabs select {
    transition: initial !important
}

.stats-section .stats-top-menu .tabs select:hover {
    background-color: #45515f
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .tabs select {
        padding: .3em 2em .3em .3em;
        display: flex;
        flex: 1 1 100%
    }
}

.stats-section .stats-top-menu .tabs select[disabled] {
    background-image: none
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-title {
    position: relative;
    margin-right: 16px
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .tabs .stats-sub-navigation-title {
        flex: 1 1 25%;
        margin-right: 0;
        font-size: 10px
    }
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map-hover {
    position: absolute;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px;
    z-index: 101;
    top: 100%;
    right: 0;
    display: flex;
    width: 266px;
    border-top: 1px solid #495867;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map-hover .g-grid {
    flex-wrap: wrap
}

.stats-section .stats-top-menu .tabs .stats-sub-map-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%
}

.stats-section .stats-top-menu .tabs .stats-sub-map a {
    padding: 4px
}

.stats-section .stats-top-menu .tabs .stats-sub-map a:hover {
    background-color: #45515f;
    padding: 4px;
    border-radius: 4px
}

.stats-section .stats-top-menu .tabs .stats-sub-map .active {
    font-weight: 700;
    color: #87a3bf
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map {
    margin: 12px 4px 8px;
    font-weight: 700;
    color: #87a3bf;
    border: 0 solid #495867;
    border-bottom: 2px solid #435971;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAABlBMVEVMaXGHo7+g0u0vAAAAAnRSTlMA/1uRIrUAAAAhSURBVAjXY2AgHzAyQuj/UC4DIxKPgZGBgRHBgwlRAwAAKFQDBUwqZZcAAAAASUVORK5CYII=");
    padding: .3em 2em .3em .3em;
    background-color: #2d3844;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    transition: background-color .2s ease
}

.preload .stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map {
    transition: initial !important
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map:hover {
    background-color: #45515f
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map:active {
    outline: 5px auto -webkit-focus-ring-color
}

.stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map.active {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAABlBMVEVMaXGHo7+g0u0vAAAAAnRSTlMA/1uRIrUAAAAgSURBVAjXY2CgDDCiMBkZGP4juIwMDAg+I1TlfwaKAQD7RQMF+JxOQAAAAABJRU5ErkJggg==")
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .tabs .stats-sub-navigation-simple-filter-map {
        padding: .3em 2em .3em .3em;
        display: flex;
        flex: 1 1 100%
    }
}

.stats-section .stats-top-menu .stats-top-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
    color: #929a9e;
    position: relative
}

.stats-section .stats-top-menu .stats-top-menu-item:hover {
    background-color: #45515f
}

.stats-section .stats-top-menu .stats-top-menu-item.selected {
    font-weight: 700;
    box-shadow: inset 0 -3px 0 0 #87a3bf;
    color: #87a3bf
}

.stats-section .stats-top-menu .stats-top-menu-item .stats-top-menu-item-link {
    color: inherit;
    font-weight: inherit
}

.stats-section .stats-top-menu .coming-soon {
    position: absolute;
    top: -5px;
    right: 20%;
    background-color: #435971;
    border-radius: 5px;
    color: #fff;
    padding: 0 2px;
    font-size: 10px
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .coming-soon {
        display: none
    }
}

.stats-section .stats-top-menu .new-feature {
    position: absolute;
    top: -5px;
    right: 20%;
    background-color: #435971;
    border-radius: 5px;
    color: #fff;
    padding: 0 2px;
    font-size: 10px
}

@media (max-width:500px) {
    .stats-section .stats-top-menu .new-feature {
        display: none
    }
}

.stats-section.stats-match .stats-match-menu .menu-header {
    padding: 5px 10px;
    font-weight: 700;
    border-bottom: 1px solid #495867
}

.stats-section.stats-match .stats-match-menu .tabs {
    background-color: #364250
}

.stats-section.stats-match .stats-match-menu .tabs .stats-top-menu-item {
    padding: 5px 0
}

.stats-section.stats-match .stats-match-menu .tabs .faded {
    opacity: .5
}

.stats-section.stats-match .killmatrix-menu {
    display: flex;
    justify-content: flex-start;
    padding: 5px;
    background-color: #364250
}

.stats-section.stats-match .killmatrix-menu-link {
    cursor: pointer
}

.stats-section.stats-match .killmatrix-menu-link:not(:first-child) {
    margin-left: 10px
}

.stats-section.stats-match .stats-match-map {
    display: flex;
    flex-direction: column;
    transition: .2s ease
}

.preload .stats-section.stats-match .stats-match-map {
    transition: initial !important
}

.stats-section.stats-match .stats-match-map.inactive {
    opacity: .3
}

.stats-section.stats-match .stats-match-map.inactive:hover {
    opacity: 1
}

.stats-section.stats-match .top-players {
    min-width: 250px
}

.stats-section.stats-match .stats-match-map-holder {
    position: relative;
    padding-bottom: 39.0002743484%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

.stats-section.stats-match .stats-match-map-img {
    width: 100%
}

.stats-section.stats-match .stats-match-map-desc {
    position: relative
}

.stats-section.stats-match .stats-match-map-result {
    padding: 6px
}

.stats-section.stats-match .stats-match-map-result-score {
    font-weight: 700;
    font-size: 16px;
    line-height: 1em
}

.stats-section.stats-match .stats-match-map-result-mapname {
    line-height: 1em
}

.stats-section.stats-match .stats-match-map-winner-logo-con {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 37px;
    height: 37px;
    display: flex
}

.stats-section.stats-match .stats-match-map-winner-logo {
    width: 100%;
    max-height: 100%;
    opacity: .3
}

.stats-section.stats-match .ct-color {
    color: #0091d4
}

.stats-section.stats-match .t-color {
    color: #fab200
}

.stats-section.stats-match .match-info-box-col {
    min-width: 250px
}

.stats-section.stats-match .match-info-box-con {
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.stats-section.stats-match .match-info-box-con .match-info-box {
    height: 116px;
    text-align: center;
    position: relative;
    z-index: 1
}

.stats-section.stats-match .match-info-box-con .small-text {
    font-size: 10px
}

.stats-section.stats-match .match-info-box-con .team-left,
.stats-section.stats-match .match-info-box-con .team-right {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    text-align: center
}

.stats-section.stats-match .match-info-box-con .team-right {
    left: auto;
    right: 0
}

.stats-section.stats-match .match-info-box-con .team-logo {
    max-width: 44px;
    max-height: 44px
}

.stats-section.stats-match .match-info-box-con .match-info-flag-left {
    -webkit-mask-image: linear-gradient(90deg, #fff 10%, hsla(0, 0%, 100%, 0));
    left: 0
}

.stats-section.stats-match .match-info-box-con .match-info-flag-right {
    -webkit-mask-image: linear-gradient(270deg, #fff 10%, hsla(0, 0%, 100%, 0));
    right: 0
}

.stats-section.stats-match .match-info-box-con .match-info-flag-left,
.stats-section.stats-match .match-info-box-con .match-info-flag-right {
    max-width: 50%;
    min-width: 50%;
    height: 116px;
    opacity: .15;
    position: absolute;
    top: 0;
    z-index: 0
}

.stats-section.stats-match .match-info-box-con img.match-info-flag-left.flag,
.stats-section.stats-match .match-info-box-con img.match-info-flag-right.flag {
    border: 0 !important
}

.stats-section.stats-match .match-info-box-con .match-info-row {
    white-space: nowrap;
    border-top: 1px solid #495867;
    font-size: 12px;
    padding: 5px 6px
}

.stats-section.stats-match .match-info-box-con .match-page-link {
    display: block;
    text-align: center
}

.stats-section.stats-match .match-info-box-con .match-page-link.button {
    padding-top: 5px;
    padding-bottom: 5px
}

.stats-section.stats-match .most-x-box {
    background: #2d3844;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-end;
    font-size: 12px;
    padding: 0 10px 0 0;
    line-height: 12px
}

.stats-section.stats-match .most-x-box:last-child {
    margin-bottom: 0
}

.stats-section.stats-match .most-x-box .most-x-title {
    font-size: 11px !important;
    display: block;
    margin-top: 1px
}

.stats-section.stats-match .most-x-box .img {
    height: 41px;
    margin-right: 10px
}

.stats-section.stats-match .most-x-box .country {
    margin-right: 5px
}

.stats-section.stats-match .most-x-box .name,
.stats-section.stats-match .most-x-box .value {
    padding-bottom: 5px
}

.stats-section.stats-match .most-x-box .name {
    flex: 1 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-section.stats-match .most-x-box .valueName {
    font-size: 14px;
    font-weight: 700
}

.stats-section.stats-match .most-x-box .value {
    text-align: right;
    flex: 0.08 0 auto;
    margin-bottom: 8px;
    color: #b9bdbf
}

.stats-section.stats-match .round-history-con {
    padding: 3px;
    overflow: auto
}

.stats-section.stats-match .round-history-overtime .round-history-team-row {
    justify-content: flex-start
}

.stats-section.stats-match .round-history-team-row {
    display: flex;
    align-items: center;
    margin-bottom: -1px;
    justify-content: space-between
}

.stats-section.stats-match .round-history-team-row:first-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px
}

.stats-section.stats-match .round-history-outcome,
.stats-section.stats-match .round-history-team {
    width: 3.2258064516%;
    flex: 0 0 3.2258064516%;
    padding: 2px .5161290323%;
    box-sizing: border-box;
    height: 21px
}

.stats-section.stats-match .round-history-outcome2 {
    flex: 0 0 auto;
    padding: 2px .5161290323%;
    box-sizing: border-box;
    height: 21px
}

@media (max-width:500px) {

    .stats-section.stats-match .round-history-outcome,
    .stats-section.stats-match .round-history-team {
        height: 12px
    }
}

.stats-section.stats-match .round-history-bar {
    border-left: 1px solid #495867;
    margin-left: -1px;
    align-self: stretch
}

.stats-section.stats-match .st-adr,
.stats-section.stats-match .st-assists,
.stats-section.stats-match .st-clutches,
.stats-section.stats-match .st-deaths,
.stats-section.stats-match .st-kast,
.stats-section.stats-match .st-kills,
.stats-section.stats-match .st-mks,
.stats-section.stats-match .st-opkd,
.stats-section.stats-match .st-rating,
.stats-section.stats-match .st-roundSwing {
    text-align: center
}

.stats-section.stats-match .st-teamname {
    text-align: left
}

.stats-section.stats-match .st-teamname .logo {
    margin-right: 5px
}

.stats-section.stats-match .st-opkd {
    width: 38px;
    padding-top: 0
}

.stats-section.stats-match .st-opkd .opening {
    display: flex;
    flex-direction: column;
    font-size: 9px;
    font-weight: 400;
    margin-bottom: -8px
}

.stats-section.stats-match .st-mks {
    width: 25px
}

.stats-section.stats-match .st-kast {
    width: 42px
}

.stats-section.stats-match .st-clutches {
    width: 28px
}

.stats-section.stats-match .st-kills {
    width: 45px
}

@media (max-width:500px) {
    .stats-section.stats-match .st-kills {
        width: 20px
    }
}

.stats-section.stats-match .st-assists {
    width: 38px
}

@media (max-width:500px) {
    .stats-section.stats-match .st-assists {
        width: 20px
    }
}

.stats-section.stats-match .st-deaths {
    width: 45px
}

@media (max-width:500px) {
    .stats-section.stats-match .st-deaths {
        width: 20px
    }
}

.stats-section.stats-match .st-adr {
    width: 33px
}

.stats-section.stats-match .st-roundSwing {
    width: 48px
}

.stats-section.stats-match .st-rating {
    width: 47px;
    font-weight: 700
}

@media (max-width:500px) {
    .stats-section.stats-match .st-rating {
        width: 38px
    }
}

.stats-section.context-tooltip {
    background-color: #364250;
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, .5);
    padding: 10px;
    white-space: nowrap
}

.stats-section.context-tooltip .context-button {
    font-weight: 400;
    border: 1px solid #495867;
    background-color: #3d4d5f;
    color: rgba(135, 163, 191, .75);
    font-size: 10px;
    padding: 3px 10px;
    margin-right: 3px
}

.stats-section.context-tooltip .context-button:hover {
    background-color: #45515f;
    color: #87a3bf
}

.stats-section.context-tooltip .context-button.disabled {
    background-color: #edeef0;
    color: rgba(135, 163, 191, .25)
}

.stats-section.context-tooltip .context-button:last-child {
    margin-right: 0
}

.stats-section.context-tooltip .context-button .fa {
    margin-right: 3px
}

.stats-section .logo {
    max-width: 20px;
    max-height: 20px
}

.stats-section .padding {
    padding: 15px
}

.stats-section .padding h1 {
    margin-top: 0;
    margin-bottom: 5px
}

.stats-section .lineup-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px;
    margin-bottom: 16px
}

.stats-section .lineup-container:last-child {
    margin-bottom: 0
}

.stats-section .lineup-container .stats-container {
    margin-top: 5px
}

.stats-section .lineup-container .lineup-year {
    font-weight: 700;
    color: #929a9e;
    font-size: 14px;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .stats-section .lineup-container .lineup-year .mobileBlock {
        float: none !important;
        display: block
    }
}

.stats-section .lineup-container .lineup-maps {
    font-weight: 400;
    font-size: 10px
}

.stats-section .lineup-container .lineup-replace {
    font-weight: 400;
    font-size: 12px
}

.stats-section .lineup-container .stats-container {
    margin-top: 8px
}

.stats-section .lineup-container .chart-column {
    width: 100%;
    position: relative
}

.stats-section .lineup-container .win-percentage {
    display: inline-block;
    background-color: #09c100;
    height: 3px;
    float: left
}

.stats-section .lineup-container .neutral-percentage {
    display: inline-block;
    background-color: #5a96dc;
    height: 3px;
    float: left
}

.stats-section .lineup-headline {
    font-size: 20px;
    color: #929a9e;
    font-weight: 700
}

.stats-section.stats-team .lineup-container .grid .col {
    min-width: 50px
}

.stats-section .top-performers {
    display: flex;
    flex-wrap: wrap
}

.stats-section .top-performers .top-performer-container {
    display: flex;
    flex: 1 1 33%;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .stats-section .top-performers .top-performer-container {
        flex: 1 1 100%
    }
}

.stats-section .top-performers .top-performer-container .performer-headline {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: -7px;
    background-color: #435971;
    padding: 1px 6px
}

.stats-section .top-performers .top-performer-container .top-performer {
    margin: 8px;
    border-bottom: 4px solid #435971;
    background: #1d1d1d;
    background: linear-gradient(180deg, #1d1d1d 0, #4f4f4f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#4f4f4f", GradientType=0);
    display: flex;
    flex: 1 1 100%;
    padding-top: 7px;
    position: relative
}

.stats-section .top-performers .top-performer-container .top-performer:hover {
    background: linear-gradient(180deg, #272727 0, #636363);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#636363", GradientType=0)
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-player {
    display: flex;
    flex: 1 0 50%;
    justify-content: center
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-player .top-performer-player-img {
    max-width: 100%;
    height: 161px;
    z-index: 2;
    position: absolute;
    left: -6px;
    top: 22px;
    align-self: flex-end
}

@media (max-width:500px) {
    .stats-section .top-performers .top-performer-container .top-performer .top-performer-player .top-performer-player-img {
        left: 0;
        top: auto
    }
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-player .team-logo {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: .3;
    max-width: 130px;
    max-height: 130px;
    left: 6px
}

@media (max-width:500px) {
    .stats-section .top-performers .top-performer-container .top-performer .top-performer-player .team-logo {
        left: 15px
    }
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-stats {
    display: flex;
    flex: 1 1 50%;
    color: #fff;
    justify-content: space-between;
    padding-right: 8px;
    flex-direction: column;
    margin-top: -2px
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-stats .nickname {
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-stats .real-name {
    font-size: 10px;
    opacity: .75;
    margin-top: -4px;
    margin-bottom: 8px
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-stats .top-performer-stats-row {
    justify-content: space-between;
    display: flex
}

.stats-section .top-performers .top-performer-container .top-performer .top-performer-stats .stat-value {
    font-weight: 700
}

.stats-section .top-performers .top-performer-container .top-performer-nick {
    background-color: #435971;
    color: #fff;
    display: block;
    width: 100%;
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 8px;
    padding-left: 8px;
    font-weight: 700;
    padding-bottom: 4px
}

.stats-section .top-performers .top-performer-container .top-performer-nick img {
    margin-right: 5px
}

.stats-section .pistolWL {
    width: 75px
}

.stats-section .pistolRW {
    width: 80px
}

@media (max-width:500px) {
    .stats-section .pistolRW {
        width: 74px
    }
}

.stats-section .pistolRound {
    width: 90px
}

@media (max-width:500px) {
    .stats-section .pistolRound {
        width: 50px
    }
}

.stats-section .pistolBreak {
    width: 90px
}

@media (max-width:500px) {
    .stats-section .pistolBreak {
        width: 60px
    }
}

.stats-section .maps-navigation {
    flex-wrap: wrap
}

.stats-section .maps-navigation .col-custom {
    flex: 0 0 20%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    width: 100%
}

@media (max-width:500px) {
    .stats-section .maps-navigation .col-custom {
        flex: 0 0 33.3333333333%;
        padding-left: 16px;
        box-sizing: border-box;
        padding-bottom: 16px;
        width: 100%
    }
}

.stats-section .maps-navigation .maps-navigation-link {
    display: flex;
    flex-direction: column;
    transition: .2s ease
}

.preload .stats-section .maps-navigation .maps-navigation-link {
    transition: initial !important
}

.stats-section .maps-navigation .maps-navigation-link:hover .maps-navigation-desc {
    transition: .2s ease;
    background-color: #45515f
}

.preload .stats-section .maps-navigation .maps-navigation-link:hover .maps-navigation-desc {
    transition: initial !important
}

.stats-section .maps-navigation .maps-navigation-link:first-child {
    margin-left: 0
}

.stats-section .maps-navigation .maps-navigation-link .maps-navigation-desc {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px
}

.stats-section .maps-navigation .maps-navigation-link .maps-navigation-map {
    position: relative;
    padding-bottom: 39.0002743484%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

.stats-section .maps-navigation .maps-navigation-link .maps-navigation-map .maps-navigation-img {
    width: 100%
}

.stats-section .flex-row {
    display: flex;
    flex-direction: row !important;
    margin: -8px -14px 0 -4px;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .stats-section .flex-row {
        flex-wrap: wrap;
        margin: -8px 4px 0 -4px
    }
}

.stats-section .maps-info .row-50 {
    flex: 0 1 50%;
    flex-basis: 48%;
    max-width: 50%;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 8px
}

@media (max-width:500px) {
    .stats-section .maps-info .row-50 {
        width: 100%;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.stats-section .maps-info .maps-info-row-50 {
    margin-bottom: 8px
}

.stats-section .maps-info .maps-info-container {
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250 !important
}

.stats-section .maps-info .maps-info-container .maps-info-box {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.stats-section .maps-info .maps-info-container .maps-info-box:last-child {
    margin-bottom: 0
}

.stats-section .maps-info .maps-info-container .terrorist {
    border-right: 3px solid #fab200
}

@media (max-width:500px) {
    .stats-section .maps-info .maps-info-container .terrorist {
        border-left: 3px solid #fab200;
        border-right: none !important
    }
}

.stats-section .maps-info .maps-info-container .counter-terrorist {
    border-left: 3px solid #0091d4
}

.stats-section .maps-info .maps-info-container .maps-info-percentage {
    font-size: 24px;
    font-weight: 700
}

.stats-section .maps-info .maps-info-container .maps-info-desc {
    font-size: 10px;
    padding-bottom: 4px;
    opacity: .65;
    margin-top: -8px
}

.stats-section .matrix-description {
    padding: 16px;
    border-top: 1px solid #495867;
    background-color: #364250
}

.stats-section .matrix-description h2 {
    margin-top: 0
}

.stats-section #showCtMatrix.active,
.stats-section #showTMatrix.active {
    font-weight: 700
}

.stats-section #showCtMatrix:not(.active),
.stats-section #showTMatrix:not(.active) {
    cursor: pointer
}

.stats-section .stats-matrix {
    text-align: center;
    font-size: 11px;
    color: #000
}

@media (max-width:500px) {
    .stats-section .stats-matrix {
        font-size: 10px
    }
}

.stats-section .stats-matrix td {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 11px
}

@media (max-width:500px) {
    .stats-section .stats-matrix td {
        padding: 0;
        font-size: 7px
    }
}

.stats-section .stats-matrix .stats-matrix-x-header {
    background-color: #2d3844;
    color: #929a9e !important
}

.stats-section .stats-matrix .y-header-container,
.stats-section .stats-matrix .y-header-container:hover {
    background-color: #2d3844
}

.stats-section .stats-matrix .rotate {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 1.5em;
    border-right: 1px solid #495867
}

.stats-section .stats-matrix .stats-matrix-y-header {
    transform: rotate(90deg);
    pointer-events: none;
    font-weight: 700;
    font-size: 10px !important;
    color: #929a9e !important;
    margin-left: -10em;
    margin-right: -10em
}

.stats-section .stats-matrix .stats-matrix-x-sub-header,
.stats-section .stats-matrix .stats-matrix-y-sub-header {
    background-color: #364250;
    color: #929a9e !important
}

.stats-section .stats-matrix .stats-matrix-sub-header-legend {
    font-size: 9px;
    font-weight: 700;
    opacity: .65;
    color: #929a9e !important
}

.stats-section .stats-matrix .color-1 {
    background-color: #bb2436;
    border-top: 1px solid #a00c1d;
    border-right: 1px solid #a00c1d
}

.stats-section .stats-matrix .color-2 {
    background-color: #ce6844;
    border-top: 1px solid #b54b26;
    border-right: 1px solid #b54b26
}

.stats-section .stats-matrix .color-3 {
    background-color: #e09e3f;
    border-top: 1px solid #bf7f22;
    border-right: 1px solid #bf7f22
}

.stats-section .stats-matrix .color-4 {
    background-color: #e8d13a;
    border-top: 1px solid #c3ae25;
    border-right: 1px solid #c3ae25
}

.stats-section .stats-matrix .color-5 {
    background-color: #cace43;
    border-top: 1px solid #a7ab26;
    border-right: 1px solid #a7ab26
}

.stats-section .stats-matrix .color-6 {
    background-color: #84bb32;
    border-top: 1px solid #5d8c15;
    border-right: 1px solid #5d8c15
}

.stats-section .stats-matrix .color-7 {
    background-color: #21a623;
    border-top: 1px solid #118413;
    border-right: 1px solid #118413
}

.stats-section .stats-matrix .highlight {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    font-weight: 700
}

.stats-section .matrix-calculator-container {
    margin-top: 8px;
    display: flex;
    flex: 1 0 33%;
    background-color: #2d3844;
    background-size: cover;
    background-position: 50% 30%;
    background-image: url(/img/static/scoreboardmaps/de_placeholder.png)
}

.stats-section .matrix-calculator-container.map-32 {
    background-image: url(/img/static/scoreboardmaps/de_mirage.png)
}

.stats-section .matrix-calculator-container.map-33 {
    background-image: url(/img/static/scoreboardmaps/de_inferno.png)
}

.stats-section .matrix-calculator-container.map-29 {
    background-image: url(/img/static/scoreboardmaps/de_cache.png)
}

.stats-section .matrix-calculator-container.map-35 {
    background-image: url(/img/static/scoreboardmaps/de_train.png)
}

.stats-section .matrix-calculator-container.map-39 {
    background-image: url(/img/static/scoreboardmaps/de_cbble.png)
}

.stats-section .matrix-calculator-container.map-40 {
    background-image: url(/img/static/scoreboardmaps/de_overpass.png)
}

.stats-section .matrix-calculator-container.map-31 {
    background-image: url(/img/static/scoreboardmaps/de_dust2.png)
}

.stats-section .matrix-calculator-container.map-34 {
    background-image: url(/img/static/scoreboardmaps/de_nuke.png)
}

.stats-section .matrix-calculator-container.map-46 {
    background-image: url(/img/static/scoreboardmaps/de_vertigo.png)
}

.stats-section .matrix-calculator-container.map-47 {
    background-image: url(/img/static/scoreboardmaps/de_ancient.png)
}

.stats-section .matrix-calculator-container.map-48 {
    background-image: url(/img/static/scoreboardmaps/de_anubis.png)
}

.stats-section .matrix-calculator-container .matrix-calculator {
    flex: 1 0 33%;
    text-align: center;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-header {
    font-size: 16px;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 6px
}

.stats-section .matrix-calculator-container .matrix-calculator input[type=number]::-webkit-inner-spin-button,
.stats-section .matrix-calculator-container .matrix-calculator input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-score {
    width: 100%;
    text-align: center;
    font-size: 24px;
    border-width: 0;
    padding: 0;
    background-color: rgba(250, 178, 0, .2);
    color: #fff
}

@media (max-width:500px) {
    .stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-score {
        font-size: 20px;
        padding-top: 2px;
        padding-bottom: 2px
    }
}

.stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-winpercentage {
    font-size: 32px;
    padding-top: 8px;
    font-weight: 700;
    color: #fff
}

@media (max-width:500px) {
    .stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-winpercentage {
        font-size: 24px
    }
}

.stats-section .matrix-calculator-container .matrix-calculator .matrix-calculator-subtext {
    font-size: 10px;
    opacity: .65;
    padding-bottom: 8px;
    color: #fff;
    margin-top: -8px
}

.stats-section .matrix-calculator-container .matrix-calculator.terrorist {
    background-color: rgba(250, 178, 0, .2)
}

.stats-section .matrix-calculator-container .matrix-calculator.terrorist .matrix-calculator-header {
    background-color: #fab200;
    color: #fff;
    border-bottom: 1px solid #d89a00
}

.stats-section .matrix-calculator-container .matrix-calculator.terrorist .matrix-calculator-score {
    background-color: rgba(250, 178, 0, .2)
}

.stats-section .matrix-calculator-container .matrix-calculator.terrorist .matrix-calculator-winpercentage {
    border-top: 1px solid #a98c41
}

.stats-section .matrix-calculator-container .matrix-calculator.overtime {
    background-color: hsla(0, 0%, 80.8%, .2)
}

.stats-section .matrix-calculator-container .matrix-calculator.overtime .matrix-calculator-header {
    background-color: #495867;
    border-bottom: 1px solid #495867
}

.stats-section .matrix-calculator-container .matrix-calculator.overtime .matrix-calculator-score {
    background-color: hsla(0, 0%, 80.8%, .2);
    cursor: not-allowed
}

.stats-section .matrix-calculator-container .matrix-calculator.overtime .matrix-calculator-winpercentage {
    border-top: 1px solid #9a9a9a
}

.stats-section .matrix-calculator-container .matrix-calculator.counter-terrorist {
    background-color: rgba(0, 145, 212, .2)
}

.stats-section .matrix-calculator-container .matrix-calculator.counter-terrorist .matrix-calculator-header {
    background-color: #0091d4;
    color: #fff;
    border-bottom: 1px solid #0076ad
}

.stats-section .matrix-calculator-container .matrix-calculator.counter-terrorist .matrix-calculator-score {
    background-color: rgba(0, 145, 212, .2)
}

.stats-section .matrix-calculator-container .matrix-calculator.counter-terrorist .matrix-calculator-winpercentage {
    border-top: 1px solid #4f8096
}

.top20-page {
    --awardBg: #121217;
    --awardTitleColor: #ffddb4;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px
}

@media (max-width:500px) {
    .top20-page {
        gap: 8px
    }
}

.top20-page .most-top-x-name a {
    font-weight: 700;
    color: #929a9e !important
}

.top20-page .most-top-x-name a:hover {
    color: #929a9e !important
}

.top20-page .expand-top20-list {
    background: #435971;
    color: #fff;
    height: 32px;
    text-align: center;
    margin: -16px auto 0;
    border: 0;
    border-radius: 4px;
    font-weight: 700;
    padding: 0 16px
}

.top20-page .expand-top20-list:hover {
    cursor: pointer;
    background: #59728e
}

.top20-page .top20-year-teamlogo-container {
    height: 20px;
    width: 20px;
    margin-right: 4px
}

.top20-page .top20-year-teamlogo-container:last-child {
    margin-right: 0
}

.top20-page .top20-year-teamlogo-container .top20-year-teamlogo {
    max-height: 100%;
    width: auto;
    max-width: 20px
}

.top20-page .top20-year-player-wrapper {
    display: flex;
    gap: 8px;
    align-items: center
}

.top20-page .top20-table-wrapper table td {
    vertical-align: middle
}

.top20-page .top20-year-playername-wrapper {
    color: #929a9e
}

.top20-page .top20-year-playername-wrapper .flag {
    margin-right: 4px
}

.top20-page .top20-year-playername-wrapper .top20-year-playername {
    color: rgba(145, 168, 179, .65);
    font-size: 11px
}

.top20-page .top20-year-teamlogo-wrapper {
    margin-right: 2px
}

.top20-page .top20-year-teamlogo-wrapper:last-child {
    margin-right: 0
}

.top20-page .top20-not-primary-team {
    opacity: .5
}

.top20-page .top20-not-primary-team:hover {
    opacity: 1
}

.top20-page .top20-year-playernick {
    font-size: 13px
}

.top20-page .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: var(--box-border-radius)
}

.top20-page .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: rgba(0, 0, 0, .05)
}

.top20-page .top20-header {
    background: url(/img/static/top20/top20-header.png), var(--awardBg);
    background-size: cover;
    height: 200px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    margin: -16px -16px 0
}

@media (max-width:500px) {
    .top20-page .top20-header {
        height: 140px
    }
}

.top20-page .top20-header .top20-award-links {
    font-size: 14px;
    gap: 12px;
    position: relative
}

@media (max-width:500px) {
    .top20-page .top20-header .top20-award-links {
        flex-wrap: wrap;
        gap: 4px;
        font-size: 12px
    }
}

.top20-page .top20-header .top20-award-links a,
.top20-page .top20-header .top20-award-links button {
    padding: 0 16px;
    height: 32px
}

@media (max-width:500px) {

    .top20-page .top20-header .top20-award-links a,
    .top20-page .top20-header .top20-award-links button {
        padding: 0 4px;
        height: 24px
    }
}

.top20-page .top20-award-links {
    display: flex;
    gap: 4px
}

.top20-page .top20-award-links a,
.top20-page .top20-award-links button {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    height: 24px;
    border: 0
}

.top20-page .top20-award-links a:hover,
.top20-page .top20-award-links button:hover {
    cursor: pointer;
    color: #87a3bf
}

@media (max-width:500px) {
    .top20-page .top20-header-left {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.top20-page .top20-header-title-full-list {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    line-height: 38px
}

.top20-page .top20-header-title-full-list:first-line {
    color: var(--awardTitleColor);
    font-size: 50px;
    margin: 0 0 -24px
}

@media (max-width:500px) {
    .top20-page .top20-header-title-full-list:first-line {
        font-size: 20px
    }
}

@media (max-width:500px) {
    .top20-page .top20-header-title-full-list {
        font-size: 18px;
        line-height: 26px
    }
}

.top20-page .top20-header-title {
    color: var(--awardTitleColor);
    font-size: 20px
}

.top20-page .top20-header-title h1 {
    font-size: 50px;
    margin: 0
}

@media (max-width:500px) {
    .top20-page .top20-header-title h1 {
        font-size: 20px
    }
}

@media (max-width:500px) {
    .top20-page th {
        font-size: 9px
    }
}

.top20-page .top20-th-position {
    width: 45px;
    text-align: center;
    border-left: 1px solid #495867;
    vertical-align: middle
}

@media (max-width:500px) {
    .top20-page .top20-th-position {
        width: 25px
    }
}

.top20-page .top20-th-placement {
    width: 45px;
    text-align: center;
    border-left: 1px solid #495867
}

.top20-page .top20-table-img {
    border-radius: 100px;
    margin-right: 8px;
    width: 30px;
    height: 30px
}

@media (max-width:500px) {
    .top20-page .top20-table-img {
        margin-right: 4px;
        height: 25px;
        width: 25px
    }
}

.top20-page .table-container tbody tr:hover {
    background-color: #ededef !important
}

.top20-page .index-top-20-overview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:500px) {
    .top20-page .index-top-20-overview {
        grid-template-columns: 1fr
    }
}

.top20-page .top20-award-card {
    background: url(/img/static/top20/top20_mini_bg.png), var(--awardBg);
    background-size: cover;
    border-radius: 4px;
    height: 140px;
    overflow: hidden;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.top20-page .top20-award-card:after {
    content: "";
    position: absolute;
    height: 50px;
    background: linear-gradient(0deg, #26282a 30%, transparent);
    bottom: 0;
    left: 0;
    width: 100%
}

@media (max-width:500px) {
    .top20-page .top20-award-card {
        height: 100px
    }
}

.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper {
    top: 30px
}

@media (max-width:500px) {
    .top20-page .top20-award-card .top20-award-card-bodyshot-wrapper {
        top: 6px
    }
}

.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper .top20-award-card-bodyshot {
    max-width: 118px;
    position: absolute
}

.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:first-child {
    z-index: 3;
    right: 0
}

@media (max-width:500px) {
    .top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:first-child {
        right: 40px
    }
}

.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(2) {
    z-index: 2;
    right: 50px
}

@media (max-width:500px) {
    .top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(2) {
        right: 100px
    }
}

.top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(3) {
    z-index: 1;
    right: -40px
}

@media (max-width:500px) {
    .top20-page .top20-award-card .top20-award-card-bodyshot-wrapper img:nth-child(3) {
        right: -20px
    }
}

.top20-page .top20-award-card .top20-award-card-year,
.top20-page .top20-award-card .top20-award-links {
    position: relative;
    z-index: 1
}

.top20-page .top20-award-card .top20-award-links a {
    padding: 0 4px
}

.top20-page .top20-award-card .top20-award-card-year {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px
}

.top20-page .most-top-x-sticky {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 50px
}

@media (max-width:500px) {
    .top20-page .most-top-x-sticky {
        flex-direction: row;
        overflow: scroll
    }
}

.top20-page .most-top-x-wrapper h3 {
    margin: 0;
    font-size: 12px
}

.top20-page .most-top-x-wrapper .most-top-x-card {
    background: #364250;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.top20-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
    position: absolute;
    right: -32px;
    bottom: 0
}

.top20-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot {
    width: 110px
}

.top20-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
    padding-right: 61px;
    padding-top: 3px
}

.top20-page .most-top-x-wrapper .most-top-x-card .most-top-x-value {
    font-weight: 700
}

.top20-page .most-top-x-wrapper .most-top-x-card .most-top-x-row {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #495867;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px
}

.top20-page .most-top-x-wrapper .most-top-x-card .most-top-x-row:last-child {
    border-bottom: 0
}

.top20-page .side-by-side {
    font-size: 14px;
    line-height: 24px
}

@media (max-width:500px) {
    .top20-page .side-by-side:nth-child(odd) {
        flex-direction: column-reverse
    }
}

.top20-page .side-by-side img {
    max-width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 180px;
    width: 100%
}

.top20-page .top20-1st {
    background: rgba(255, 215, 0, .2);
    font-weight: 700
}

.top20-page .top20-2nd {
    background: hsla(0, 0%, 75.3%, .12)
}

.top20-page .top20-3rd {
    background: rgba(205, 127, 50, .2)
}

.top20-page .top20-header-year {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-top: -24px;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .top20-page .top20-header-year {
        font-size: 18px;
        margin-top: -8px
    }
}

.top20-page .top20-header-title,
.top20-page .top20-header-year {
    position: relative;
    z-index: 1
}

.top20-page .top20-header .top20-award-card-bodyshot {
    max-width: 218px;
    position: absolute
}

@media (max-width:500px) {
    .top20-page .top20-header .top20-award-card-bodyshot {
        max-width: 118px
    }
}

.top20-page .top20-header img {
    bottom: -40px
}

.top20-page .top20-header img:first-child {
    right: 40px;
    bottom: -30px;
    z-index: 2
}

@media (max-width:500px) {
    .top20-page .top20-header img:first-child {
        bottom: 0;
        right: 40px
    }
}

.top20-page .top20-header img:nth-child(2) {
    right: 120px;
    z-index: 1
}

@media (max-width:500px) {
    .top20-page .top20-header img:nth-child(2) {
        bottom: 0;
        right: 100px
    }
}

.top20-page .top20-header img:nth-child(3) {
    right: -40px
}

@media (max-width:500px) {
    .top20-page .top20-header img:nth-child(3) {
        bottom: 0;
        right: -20px
    }
}

.top20-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    display: flex;
    flex-direction: column
}

.top20-page .multiple-appearances-section .player-link {
    display: inline;
    margin-left: 4px;
    font-weight: 700;
    color: #929a9e !important
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section .player-link {
        margin-left: 2px
    }
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section {
        overflow: hidden
    }
}

.top20-page .top20-award-card-bodyshot-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden
}

.top20-page .top20-award-card-bodyshot-wrapper:after {
    content: "";
    position: absolute;
    height: 100px;
    background: linear-gradient(0deg, #26282a 30%, transparent);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4
}

@media (max-width:500px) {
    .top20-page .top20-award-card-bodyshot-wrapper:after {
        height: 70px
    }
}

.top20-page .top20-award-card-year {
    color: var(--awardTitleColor)
}

.top20-page .multiple-appearances-section {
    display: grid;
    grid-template-columns: 5fr 2fr;
    gap: 16px
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section {
        grid-template-columns: 1fr
    }
}

.top20-page .multiple-appearances-section tr:nth-child(2n) {
    background: transparent !important
}

.top20-page .multiple-appearances-section th.top20-th-position:hover {
    cursor: pointer;
    background: #364250;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.top20-page .multiple-appearances-section .multiple-appearances-section-title {
    grid-column: 1/3
}

.top20-page .multiple-appearances-section .multiple-appearances-section-title h2 {
    color: #929a9e !important
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section .multiple-appearances-section-title {
        grid-row: 1;
        grid-column: unset
    }
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section .most-top-x-column {
        grid-row: 2;
        overflow: hidden
    }
}

@media (max-width:500px) {
    .top20-page .multiple-appearances-section .most-top-x-wrapper {
        flex: 0 0 220px
    }

    .top20-page .multiple-appearances-section .most-top-x-wrapper:last-child {
        padding-right: 32px
    }
}

.top20-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 2
}

.top20-lightbox iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 16/9;
    height: 70%
}

@media (max-width:500px) {
    .top20-lightbox iframe {
        height: auto;
        width: calc(100% - 16px)
    }
}

.stats-section .weapon-graph {
    min-height: 300px
}

@media (max-width:500px) {
    .stats-section .stats-sub-navigation-simple-filter-time {
        width: 100%
    }
}

.stats-section.stats-player.stats-player-overview .grid.teammates {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-left: 0;
    margin-bottom: 0;
    flex-wrap: inherit;
    grid-gap: 8px
}

.stats-section.stats-player.stats-player-overview .grid.teammates .teammate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-section.stats-player.stats-player-overview .grid.teammates .teammate-info {
    position: relative
}

@media (max-width:500px) {
    .stats-section.stats-player.stats-player-overview .grid.teammates .teammate-info .flag {
        position: absolute;
        top: -12px;
        left: 0
    }
}

.stats-section .stats-rows .stats-row {
    display: flex;
    justify-content: space-between;
    border: solid #495867;
    border-width: 1px 0 0;
    padding: 7px;
    font-size: 12px
}

.stats-section .stats-rows .stats-row>span:first-child {
    font-weight: 700
}

.stats-section .stats-rows .stats-row>span:first-child.status-indicator {
    margin: -7px;
    padding: 7px 0 7px 7px
}

.stats-section .stats-rows .stats-row>span:first-child.status-indicator.best {
    box-shadow: inset 3px 0 0 0 #09c100
}

.stats-section .stats-rows .stats-row>span:first-child.status-indicator.worst {
    box-shadow: inset 3px 0 0 0 #fc1d1d
}

.stats-section .stats-rows .stats-row>span:first-child.status-indicator.tie {
    box-shadow: inset 3px 0 0 0 #5a96dc
}

.stats-section .stats-rows .stats-row>span:nth-child(2) {
    text-align: right
}

.stats-section .stats-rows .stats-row>span:nth-child(2).status-indicator {
    margin: -7px;
    padding: 7px 7px 7px 0
}

.stats-section .stats-rows .stats-row>span:nth-child(2).status-indicator.best {
    box-shadow: inset -3px 0 0 0 #09c100
}

.stats-section .stats-rows .stats-row>span:nth-child(2).status-indicator.worst {
    box-shadow: inset -3px 0 0 0 #fc1d1d
}

.stats-section .stats-rows .stats-row>span:nth-child(2).status-indicator.tie {
    box-shadow: inset -3px 0 0 0 #5a96dc
}

.stats-section .stats-rows .stats-row:last-child {
    border-bottom-width: 0
}

.stats-section .stats-rows .stats-row:nth-child(2n) {
    background-color: #364250
}

.stats-section .pagination-component.pagination-top {
    margin-bottom: inherit;
    margin-top: -5px;
    margin-right: 8px
}

@media (min-width:501px) {

    .stats-section .pagination-component .pagination-next,
    .stats-section .pagination-component .pagination-prev {
        width: 20px
    }
}

.stats-section.stats-event .grid,
.stats-section.stats-player .grid,
.stats-section.stats-team .grid {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.stats-section.stats-event .grid .col,
.stats-section.stats-player .grid .col,
.stats-section.stats-team .grid .col {
    flex: 1 0 20%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px;
    min-width: 100px
}

.stats-section.stats-event .grid .col.no-height,
.stats-section.stats-player .grid .col.no-height,
.stats-section.stats-team .grid .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.stats-section.stats-event .two-grid,
.stats-section.stats-player .two-grid,
.stats-section.stats-team .two-grid {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.stats-section.stats-event .two-grid .col,
.stats-section.stats-player .two-grid .col,
.stats-section.stats-team .two-grid .col {
    flex: 1 0 50%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px
}

.stats-section.stats-event .big-padding,
.stats-section.stats-player .big-padding,
.stats-section.stats-team .big-padding {
    padding: 10px
}

.stats-section.stats-event .button,
.stats-section.stats-player .button,
.stats-section.stats-team .button {
    margin-top: 10px;
    flex: 1 0 auto;
    display: flex;
    justify-content: center
}

.stats-section.stats-event .box-headline,
.stats-section.stats-player .box-headline,
.stats-section.stats-team .box-headline {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    background-color: #364250;
    border-bottom: 1px solid #495867;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px
}

.stats-section.stats-event .box-medium-headline,
.stats-section.stats-player .box-medium-headline,
.stats-section.stats-team .box-medium-headline {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
    background-color: #364250;
    border-bottom: 1px solid #495867;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px
}

.stats-section.stats-event .divided-row,
.stats-section.stats-player .divided-row,
.stats-section.stats-team .divided-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.stats-section.stats-event .divided-row>.row-item,
.stats-section.stats-player .divided-row>.row-item,
.stats-section.stats-team .divided-row>.row-item {
    flex: 1 0 auto;
    border-right: 1px solid #495867
}

.stats-section.stats-event .divided-row>.row-item:last-child,
.stats-section.stats-player .divided-row>.row-item:last-child,
.stats-section.stats-team .divided-row>.row-item:last-child {
    border-right: 0
}

.stats-section.stats-event .center-column,
.stats-section.stats-player .center-column,
.stats-section.stats-team .center-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.stats-section.stats-event .image-and-label,
.stats-section.stats-player .image-and-label,
.stats-section.stats-team .image-and-label {
    display: flex;
    align-items: center
}

.stats-section.stats-event .image-and-label>img,
.stats-section.stats-player .image-and-label>img,
.stats-section.stats-team .image-and-label>img {
    margin-right: 3px;
    max-width: 25px;
    max-height: 20px
}

.stats-section.stats-event .image-and-label>span,
.stats-section.stats-player .image-and-label>span,
.stats-section.stats-team .image-and-label>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-section.stats-event .avoid-weird-wordwrap,
.stats-section.stats-player .avoid-weird-wordwrap,
.stats-section.stats-team .avoid-weird-wordwrap {
    display: flex;
    width: 100%;
    justify-content: center
}

.stats-section.stats-event .small-label-below,
.stats-section.stats-player .small-label-below,
.stats-section.stats-team .small-label-below {
    font-size: 10px;
    margin-top: -5px
}

.stats-section.stats-event .diagram-info,
.stats-section.stats-player .diagram-info,
.stats-section.stats-team .diagram-info {
    font-size: 10px;
    font-weight: 700
}

.stats-section.stats-event .large-strong,
.stats-section.stats-player .large-strong,
.stats-section.stats-team .large-strong {
    font-weight: 700;
    font-size: 16px;
    color: #b9bdbf
}

.stats-section.stats-event .strong,
.stats-section.stats-player .strong,
.stats-section.stats-team .strong {
    font-weight: 700;
    color: #b9bdbf
}

.stats-section.stats-event .fa,
.stats-section.stats-player .fa,
.stats-section.stats-team .fa {
    padding-right: 3px
}

.stats-section.stats-event .gold,
.stats-section.stats-player .gold,
.stats-section.stats-team .gold {
    color: gold
}

.stats-section.stats-event .silver,
.stats-section.stats-player .silver,
.stats-section.stats-team .silver {
    color: silver
}

.stats-section.stats-event .bronze,
.stats-section.stats-player .bronze,
.stats-section.stats-team .bronze {
    color: #f4a460
}

.stats-section.stats-event .lightskyblue,
.stats-section.stats-player .lightskyblue,
.stats-section.stats-team .lightskyblue {
    color: #87cefa
}

.stats-section.stats-event .leader .stats-row,
.stats-section.stats-player .leader .stats-row,
.stats-section.stats-team .leader .stats-row {
    background-color: #2d3844
}

.stats-section.stats-event .container-width,
.stats-section.stats-player .container-width,
.stats-section.stats-team .container-width {
    width: 100%;
    background-color: #3e4c54
}

.stats-section.stats-event .reset-grid,
.stats-section.stats-player .reset-grid,
.stats-section.stats-team .reset-grid {
    grid-gap: initial
}

.stats-section.stats-event .teammate,
.stats-section.stats-player .teammate,
.stats-section.stats-team .teammate {
    display: flex;
    flex-direction: column;
    align-items: center
}

.stats-section.stats-event .teammate span,
.stats-section.stats-player .teammate span,
.stats-section.stats-team .teammate span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-section.stats-event .teammate .teammate-player-image,
.stats-section.stats-player .teammate .teammate-player-image,
.stats-section.stats-team .teammate .teammate-player-image {
    aspect-ratio: 1/1
}

.stats-section.stats-event .teammate .teammate-info,
.stats-section.stats-player .teammate .teammate-info,
.stats-section.stats-team .teammate .teammate-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    width: 100%;
    box-sizing: border-box
}

.stats-section.stats-event .teammate .teammate-info .image-and-label,
.stats-section.stats-player .teammate .teammate-info .image-and-label,
.stats-section.stats-team .teammate .teammate-info .image-and-label {
    width: 100%;
    justify-content: center
}

.stats-section.stats-event.stats-player-matches td:last-child,
.stats-section.stats-player.stats-player-matches td:last-child,
.stats-section.stats-team.stats-player-matches td:last-child {
    font-weight: 700
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesDate,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesDate,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesDate {
    width: 50px;
    text-align: center
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesTeam1,
.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesTeam2,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesTeam1,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesTeam2,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesTeam1,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesTeam2 {
    width: 50%;
    text-align: left
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesMap,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesMap,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesMap {
    width: 35px;
    text-align: center
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-matches th.statsPlayerMatchesMap,
    .stats-section.stats-player.stats-player-matches th.statsPlayerMatchesMap,
    .stats-section.stats-team.stats-player-matches th.statsPlayerMatchesMap {
        width: 30px
    }
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesK-D,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesK-D,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesK-D {
    width: 55px;
    text-align: center
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesPlus-Minus,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesPlus-Minus,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesPlus-Minus {
    width: 30px;
    text-align: center
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesScore,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesScore,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesScore {
    width: 45px;
    text-align: center
}

.stats-section.stats-event.stats-player-matches th.statsPlayerMatchesRating,
.stats-section.stats-player.stats-player-matches th.statsPlayerMatchesRating,
.stats-section.stats-team.stats-player-matches th.statsPlayerMatchesRating {
    width: 60px;
    text-align: center
}

.stats-section.stats-event.stats-player-events td:last-child,
.stats-section.stats-player.stats-player-events td:last-child,
.stats-section.stats-team.stats-player-events td:last-child {
    font-weight: 700
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsPlacement,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsPlacement,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsPlacement {
    width: 46px;
    text-align: center
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsName,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsName,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsName {
    width: 66.666%;
    text-align: left
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsTeam,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsTeam,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsTeam {
    width: 33.333%;
    text-align: left
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-events th.statsPlayerEventsTeam,
    .stats-section.stats-player.stats-player-events th.statsPlayerEventsTeam,
    .stats-section.stats-team.stats-player-events th.statsPlayerEventsTeam {
        width: 35px
    }
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsMaps,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsMaps,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsMaps {
    width: 35px
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsKprDpr,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsKprDpr,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsKprDpr {
    width: 69px
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsPlus-Minus,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsPlus-Minus,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsPlus-Minus {
    width: 32px;
    text-align: center
}

.stats-section.stats-event.stats-player-events th.statsPlayerEventsRating,
.stats-section.stats-player.stats-player-events th.statsPlayerEventsRating,
.stats-section.stats-team.stats-player-events th.statsPlayerEventsRating {
    width: 40px
}

.stats-section.stats-event.stats-player-career td:first-child,
.stats-section.stats-player.stats-player-career td:first-child,
.stats-section.stats-team.stats-player-career td:first-child {
    font-weight: 700
}

.stats-section.stats-event.stats-player-career .stat-rating,
.stats-section.stats-player.stats-player-career .stat-rating,
.stats-section.stats-team.stats-player-career .stat-rating {
    font-weight: 700;
    color: #87a3bf
}

.stats-section.stats-event.stats-player-career .fullCareer,
.stats-section.stats-player.stats-player-career .fullCareer,
.stats-section.stats-team.stats-player-career .fullCareer {
    margin-top: 10px
}

.stats-section.stats-event.stats-player-clutches .difference,
.stats-section.stats-player.stats-player-clutches .difference,
.stats-section.stats-team.stats-player-clutches .difference {
    display: flex;
    align-items: center
}

.stats-section.stats-event.stats-player-clutches .difference>:first-child,
.stats-section.stats-player.stats-player-clutches .difference>:first-child,
.stats-section.stats-team.stats-player-clutches .difference>:first-child {
    font-size: 30px
}

.stats-section.stats-event.stats-player-clutches td:last-child,
.stats-section.stats-player.stats-player-clutches td:last-child,
.stats-section.stats-team.stats-player-clutches td:last-child {
    font-weight: 700
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesDate,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesDate,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesDate {
    width: 55px
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesTeam1,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesTeam1,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesTeam1 {
    width: 50%;
    text-align: left
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesTeam1,
    .stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesTeam1,
    .stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesTeam1 {
        width: 25%
    }
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesTeam2,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesTeam2,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesTeam2 {
    width: 50%;
    text-align: left
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesTeam2,
    .stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesTeam2,
    .stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesTeam2 {
        width: 25%
    }
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesMap,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesMap,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesMap {
    width: 73px
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesStatus,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesStatus,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesStatus {
    width: 45px
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesRound,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesRound,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesRound {
    width: 40px
}

.stats-section.stats-event.stats-player-clutches th.statsPlayerClutchesEnemies,
.stats-section.stats-player.stats-player-clutches th.statsPlayerClutchesEnemies,
.stats-section.stats-team.stats-player-clutches th.statsPlayerClutchesEnemies {
    width: 50px
}

.stats-section.stats-event.stats-player-multi-kills .summary-box .description,
.stats-section.stats-player.stats-player-multi-kills .summary-box .description,
.stats-section.stats-team.stats-player-multi-kills .summary-box .description {
    display: flex;
    gap: 4px
}

.stats-section.stats-event.stats-player-multi-kills .stats-table.fast-only tr.regular,
.stats-section.stats-event.stats-player-multi-kills .stats-table.regular-only tr.fast,
.stats-section.stats-player.stats-player-multi-kills .stats-table.fast-only tr.regular,
.stats-section.stats-player.stats-player-multi-kills .stats-table.regular-only tr.fast,
.stats-section.stats-team.stats-player-multi-kills .stats-table.fast-only tr.regular,
.stats-section.stats-team.stats-player-multi-kills .stats-table.regular-only tr.fast {
    display: none
}

.stats-section.stats-event.stats-player-multi-kills td:last-child,
.stats-section.stats-player.stats-player-multi-kills td:last-child,
.stats-section.stats-team.stats-player-multi-kills td:last-child {
    font-weight: 700
}

.stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsDate,
.stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsDate,
.stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsDate {
    width: 55px
}

.stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsTeam1,
.stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsTeam1,
.stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsTeam1 {
    width: 50%;
    text-align: left
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsTeam1,
    .stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsTeam1,
    .stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsTeam1 {
        width: 25%
    }
}

.stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsTeam2,
.stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsTeam2,
.stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsTeam2 {
    width: 50%;
    text-align: left
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsTeam2,
    .stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsTeam2,
    .stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsTeam2 {
        width: 25%
    }
}

.stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsMap,
.stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsMap,
.stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsMap {
    width: 73px
}

.stats-section.stats-event.stats-player-multi-kills th.statsPlayerMultiKillsRound,
.stats-section.stats-player.stats-player-multi-kills th.statsPlayerMultiKillsRound,
.stats-section.stats-team.stats-player-multi-kills th.statsPlayerMultiKillsRound {
    width: 40px
}

.stats-section.stats-event.stats-player-multi-kills .toggle-fast-multi-kills-only,
.stats-section.stats-player.stats-player-multi-kills .toggle-fast-multi-kills-only,
.stats-section.stats-team.stats-player-multi-kills .toggle-fast-multi-kills-only {
    font-size: 11px;
    display: flex;
    height: 17px;
    transition: .2s ease;
    align-items: center;
    line-height: 11px;
    text-align: center;
    font-weight: 700;
    padding-left: 5px;
    padding-right: 3px;
    padding-bottom: 1px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #364250;
    color: rgba(146, 154, 158, .65);
    bottom: 2px;
    float: right;
    box-shadow: 0 0 0 0 rgba(45, 109, 163, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 8px
}

.preload .stats-section.stats-event.stats-player-multi-kills .toggle-fast-multi-kills-only,
.preload .stats-section.stats-player.stats-player-multi-kills .toggle-fast-multi-kills-only,
.preload .stats-section.stats-team.stats-player-multi-kills .toggle-fast-multi-kills-only {
    transition: initial !important
}

.stats-section.stats-event.stats-player-multi-kills .toggle-fast-multi-kills-only.enabled,
.stats-section.stats-player.stats-player-multi-kills .toggle-fast-multi-kills-only.enabled,
.stats-section.stats-team.stats-player-multi-kills .toggle-fast-multi-kills-only.enabled {
    background-color: #2d6da3;
    color: #fff;
    box-shadow: 0 0 3px 0 rgba(45, 109, 163, .75)
}

.stats-section.stats-event.stats-player-multi-kills .toggle-fast-multi-kills-only a,
.stats-section.stats-player.stats-player-multi-kills .toggle-fast-multi-kills-only a,
.stats-section.stats-team.stats-player-multi-kills .toggle-fast-multi-kills-only a {
    background-color: inherit;
    color: inherit !important;
    text-decoration: inherit
}

@media (max-width:500px) {

    .stats-section.stats-event.stats-player-opponents .stats-opponents-lineup-table .teamCol,
    .stats-section.stats-player.stats-player-opponents .stats-opponents-lineup-table .teamCol,
    .stats-section.stats-team.stats-player-opponents .stats-opponents-lineup-table .teamCol {
        text-align: left;
        width: 50%
    }
}

.stats-section.stats-event.stats-team-overview .disabled-img,
.stats-section.stats-player.stats-team-overview .disabled-img,
.stats-section.stats-team.stats-team-overview .disabled-img {
    opacity: .25;
    background-color: #2d3844
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesDate,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesDate,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesDate {
    width: 50px
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesTeam1,
.stats-section.stats-event.stats-team-matches th.statsTeamMatchesTeam2,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesTeam1,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesTeam2,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesTeam1,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesTeam2 {
    width: 33.333%;
    text-align: left
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesMap,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesMap,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesMap {
    width: 70px
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesEvent,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesEvent,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesEvent {
    width: 33.333%;
    text-align: left
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesWin-Lose,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesWin-Lose,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesWin-Lose {
    width: 25px;
    text-align: center
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesResult,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesResult,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesResult {
    width: 50px
}

.stats-section.stats-event.stats-team-matches th.statsTeamMatchesWL,
.stats-section.stats-player.stats-team-matches th.statsTeamMatchesWL,
.stats-section.stats-team.stats-team-matches th.statsTeamMatchesWL {
    width: 25px
}

.stats-section.stats-event.stats-team-matches td.statsTeamMatchesWL,
.stats-section.stats-player.stats-team-matches td.statsTeamMatchesWL,
.stats-section.stats-team.stats-team-matches td.statsTeamMatchesWL {
    -moz-text-align-last: center;
    text-align-last: center
}

.stats-section.stats-event.stats-team-map th.statsTeamMapDate,
.stats-section.stats-player.stats-team-map th.statsTeamMapDate,
.stats-section.stats-team.stats-team-map th.statsTeamMapDate {
    width: 55px
}

.stats-section.stats-event.stats-team-map th.statsTeamMapTeam1,
.stats-section.stats-event.stats-team-map th.statsTeamMapTeam2,
.stats-section.stats-player.stats-team-map th.statsTeamMapTeam1,
.stats-section.stats-player.stats-team-map th.statsTeamMapTeam2,
.stats-section.stats-team.stats-team-map th.statsTeamMapTeam1,
.stats-section.stats-team.stats-team-map th.statsTeamMapTeam2 {
    width: 33.333%;
    text-align: left
}

.stats-section.stats-event.stats-team-map th.statsTeamMapName,
.stats-section.stats-player.stats-team-map th.statsTeamMapName,
.stats-section.stats-team.stats-team-map th.statsTeamMapName {
    width: 75px
}

.stats-section.stats-event.stats-team-map th.statsTeamMapEvent,
.stats-section.stats-player.stats-team-map th.statsTeamMapEvent,
.stats-section.stats-team.stats-team-map th.statsTeamMapEvent {
    width: 33.333%;
    text-align: left
}

.stats-section.stats-event.stats-team-map td.statsTeamMapResult,
.stats-section.stats-event.stats-team-map th.statsTeamMapResult,
.stats-section.stats-player.stats-team-map td.statsTeamMapResult,
.stats-section.stats-player.stats-team-map th.statsTeamMapResult,
.stats-section.stats-team.stats-team-map td.statsTeamMapResult,
.stats-section.stats-team.stats-team-map th.statsTeamMapResult {
    width: 50px;
    text-align: center
}

.stats-section.stats-event.stats-team-map th.statsTeamMapWL,
.stats-section.stats-player.stats-team-map th.statsTeamMapWL,
.stats-section.stats-team.stats-team-map th.statsTeamMapWL {
    width: 25px
}

.stats-section.stats-event.stats-team-map td.statsTeamMapWL,
.stats-section.stats-player.stats-team-map td.statsTeamMapWL,
.stats-section.stats-team.stats-team-map td.statsTeamMapWL {
    -moz-text-align-last: center;
    text-align-last: center
}

.stats-section.stats-event.stats-team-events th.statsTeamEventsPlacement,
.stats-section.stats-player.stats-team-events th.statsTeamEventsPlacement,
.stats-section.stats-team.stats-team-events th.statsTeamEventsPlacement {
    width: 46px
}

.stats-section.stats-event.stats-team-events th.statsTeamEventsName,
.stats-section.stats-player.stats-team-events th.statsTeamEventsName,
.stats-section.stats-team.stats-team-events th.statsTeamEventsName {
    width: 66.666%;
    text-align: left
}

.stats-section.stats-event.stats-team-events th.statsTeamEventsTeam,
.stats-section.stats-player.stats-team-events th.statsTeamEventsTeam,
.stats-section.stats-team.stats-team-events th.statsTeamEventsTeam {
    width: 33.333%;
    text-align: left
}

.stats-section.stats-event.stats-event-leaders .leader .flag,
.stats-section.stats-event.stats-event-leaders .runner-up .flag,
.stats-section.stats-player.stats-event-leaders .leader .flag,
.stats-section.stats-player.stats-event-leaders .runner-up .flag,
.stats-section.stats-team.stats-event-leaders .leader .flag,
.stats-section.stats-team.stats-event-leaders .runner-up .flag {
    margin-right: 5px
}

.stats-section.stats-event.stats-event-leaders .columns,
.stats-section.stats-player.stats-event-leaders .columns,
.stats-section.stats-team.stats-event-leaders .columns {
    display: flex;
    flex-wrap: wrap
}

.stats-section.stats-event.stats-event-leaders .columns .col,
.stats-section.stats-player.stats-event-leaders .columns .col,
.stats-section.stats-team.stats-event-leaders .columns .col {
    flex: 1 0 0;
    margin-left: 10px;
    min-width: 250px
}

.stats-section.stats-event.stats-event-leaders .columns .col:first-child,
.stats-section.stats-player.stats-event-leaders .columns .col:first-child,
.stats-section.stats-team.stats-event-leaders .columns .col:first-child {
    margin-left: 0
}

.stats-section.stats-event.stats-event-leaders .leader,
.stats-section.stats-player.stats-event-leaders .leader,
.stats-section.stats-team.stats-event-leaders .leader {
    position: relative;
    overflow: hidden
}

.stats-section.stats-event.stats-event-leaders .leader .stats-row,
.stats-section.stats-player.stats-event-leaders .leader .stats-row,
.stats-section.stats-team.stats-event-leaders .leader .stats-row {
    padding: 0 7px 0 0 !important
}

.stats-section.stats-event.stats-event-leaders .leader .team-logo,
.stats-section.stats-player.stats-event-leaders .leader .team-logo,
.stats-section.stats-team.stats-event-leaders .leader .team-logo {
    position: absolute;
    top: 50%;
    left: 75%;
    width: 60px;
    opacity: .1;
    transform: translateY(-50%)
}

.stats-section.stats-event.stats-event-leaders .leader-info-picture,
.stats-section.stats-player.stats-event-leaders .leader-info-picture,
.stats-section.stats-team.stats-event-leaders .leader-info-picture {
    display: flex;
    align-items: center;
    min-width: 0
}

.stats-section.stats-event.stats-event-leaders .leader-info,
.stats-section.stats-player.stats-event-leaders .leader-info,
.stats-section.stats-team.stats-event-leaders .leader-info {
    display: inline-flex;
    flex-direction: column;
    padding: 5px;
    min-width: 0
}

.stats-section.stats-event.stats-event-leaders .leader-picture,
.stats-section.stats-player.stats-event-leaders .leader-picture,
.stats-section.stats-team.stats-event-leaders .leader-picture {
    width: 60px;
    height: 60px
}

.stats-section.stats-event.stats-event-leaders .leader-player,
.stats-section.stats-player.stats-event-leaders .leader-player,
.stats-section.stats-team.stats-event-leaders .leader-player {
    display: flex;
    align-items: center
}

.stats-section.stats-event.stats-event-leaders .leader-name,
.stats-section.stats-player.stats-event-leaders .leader-name,
.stats-section.stats-team.stats-event-leaders .leader-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-section.stats-event.stats-event-leaders .leader-rating,
.stats-section.stats-player.stats-event-leaders .leader-rating,
.stats-section.stats-team.stats-event-leaders .leader-rating {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stats-section.stats-event.stats-event-aces th.statsEventAcesDate,
.stats-section.stats-player.stats-event-aces th.statsEventAcesDate,
.stats-section.stats-team.stats-event-aces th.statsEventAcesDate {
    width: 55px;
    text-align: center
}

.stats-section.stats-event.stats-event-aces th.statsEventAcesTeam1,
.stats-section.stats-event.stats-event-aces th.statsEventAcesTeam2,
.stats-section.stats-player.stats-event-aces th.statsEventAcesTeam1,
.stats-section.stats-player.stats-event-aces th.statsEventAcesTeam2,
.stats-section.stats-team.stats-event-aces th.statsEventAcesTeam1,
.stats-section.stats-team.stats-event-aces th.statsEventAcesTeam2 {
    width: 33.333%
}

.stats-section.stats-event.stats-event-aces th.statsEventAcesMap,
.stats-section.stats-player.stats-event-aces th.statsEventAcesMap,
.stats-section.stats-team.stats-event-aces th.statsEventAcesMap {
    width: 75px;
    text-align: center
}

.stats-section.stats-event.stats-event-aces th.statsEventAcesPlayer,
.stats-section.stats-player.stats-event-aces th.statsEventAcesPlayer,
.stats-section.stats-team.stats-event-aces th.statsEventAcesPlayer {
    width: 33.333%
}

.stats-section.stats-event.stats-event-aces th.statsEventAcesRound,
.stats-section.stats-player.stats-event-aces th.statsEventAcesRound,
.stats-section.stats-team.stats-event-aces th.statsEventAcesRound {
    width: 40px
}

.stats-section.stats-event .win-defeat-box,
.stats-section.stats-player .win-defeat-box,
.stats-section.stats-team .win-defeat-box {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box
}

.stats-section.stats-event .win-defeat-box .biggestDefeat,
.stats-section.stats-event .win-defeat-box .biggestWin,
.stats-section.stats-player .win-defeat-box .biggestDefeat,
.stats-section.stats-player .win-defeat-box .biggestWin,
.stats-section.stats-team .win-defeat-box .biggestDefeat,
.stats-section.stats-team .win-defeat-box .biggestWin {
    color: #929a9e;
    font-weight: 700
}

.stats-section.stats-event .win-defeat-box:hover,
.stats-section.stats-player .win-defeat-box:hover,
.stats-section.stats-team .win-defeat-box:hover {
    background-color: #45515f
}

.stats-section.stats-event .win-defeat-box img,
.stats-section.stats-player .win-defeat-box img,
.stats-section.stats-team .win-defeat-box img {
    height: 50%;
    position: absolute;
    opacity: .5;
    top: 25%;
    right: 5px
}

.stats-section.stats-event .win-defeat-container,
.stats-section.stats-player .win-defeat-container,
.stats-section.stats-team .win-defeat-container {
    margin-top: 5px;
    align-items: stretch
}

.stats-section.stats-event .statsPlayerName,
.stats-section.stats-player .statsPlayerName,
.stats-section.stats-team .statsPlayerName {
    font-size: 14px;
    margin-bottom: 8px !important;
    margin: 0
}

@media (max-width:500px) {
    .stats-player-compare .player-selector-outer-flex {
        flex-direction: row
    }
}

.stats-player-compare .player-selector-outer-flex .selector-map-count {
    font-size: 10px;
    margin-top: -5px
}

@media (max-width:500px) {
    .stats-player-compare .player-selector-outer-flex .selector-map-count {
        margin-top: 0
    }
}

.stats-player-compare .player-selector-outer-flex .filters {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.stats-player-compare .player-selector-outer-flex .filters .filter-selector {
    margin-bottom: 5px
}

@media (max-width:500px) {
    .stats-player-compare .player-selector-outer-flex .filters .filter-selector {
        margin: 5px 0 0
    }
}

.stats-player-compare .player-selector-outer-flex .filters .year-match-selector {
    margin-right: 10px
}

.stats-player-compare .player-selector-outer-flex input,
.stats-player-compare .player-selector-outer-flex select {
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e
}

.stats-player-compare .player-selector-outer-flex .player-selector {
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.stats-player-compare .player-selector-outer-flex .player-selector .player-and-filter {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0
}

.stats-player-compare .player-selector-outer-flex .player-selector .player-and-filter .player {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 5px
}

.stats-player-compare .player-selector-outer-flex .player-selector .player-and-filter .player .remove-player-link {
    font-size: 10px;
    white-space: nowrap
}

@media (max-width:500px) {
    .stats-player-compare .player-selector-outer-flex .player-selector .player-and-filter .player {
        flex-direction: column
    }
}

.stats-player-compare .player-selector-outer-flex .player-selector .player-and-filter .player-search-input {
    max-width: 100%
}

.stats-player-compare .player-selector-outer-flex .smartphone-only-filters {
    border-top: 1px solid #495867
}

.stats-player-compare .player-selector-outer-flex .player-img {
    margin-right: 5px
}

.stats-player-compare .player-selector-outer-flex .player-img .img {
    width: 60px;
    height: 60px
}

@media (max-width:500px) {
    .stats-player-compare .player-selector-outer-flex .player-img .img {
        margin-bottom: 5px
    }
}

.stats-player-compare .stat-row-name {
    white-space: nowrap
}

.stats-player-compare .stat-row-name .stat-row-detail {
    font-size: 10px;
    font-weight: 400;
    vertical-align: text-top;
    margin-left: 5px
}

.stats-player-compare .opacity-stat {
    opacity: .5;
    font-weight: 400
}

.stats-player-compare .stats-bar-graph {
    border-top: 1px solid #495867;
    background-color: #364250;
    display: flex
}

.stats-player-compare .stats-bar-graph .stats-bar-table {
    width: 100%
}

.stats-player-compare .stats-bar-graph .stats-bar-table .nickname {
    font-weight: 700
}

.stats-player-compare .stats-bar-graph .stats-bar-table .filter-text {
    opacity: .75
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box {
    display: flex
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box.stat-box-left {
    justify-content: flex-end
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box .stat-bar {
    background-color: orange;
    height: 20px
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box .stat-value {
    font-weight: 700;
    margin: 0 5px
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box .player1-stat {
    background-color: #cc981a
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-box .player2-stat {
    background-color: #255b94
}

.stats-player-compare .stats-bar-graph .stats-bar-table .player1-col {
    text-align: right;
    width: 40%
}

.stats-player-compare .stats-bar-graph .stats-bar-table .stat-name-col {
    text-align: center;
    width: 20%;
    font-weight: 700
}

.stats-player-compare .stats-bar-graph .stats-bar-table .player2-col {
    text-align: left;
    width: 40%
}

.stats-match .label-and-text {
    display: flex;
    align-items: center
}

.stats-match .label-and-text .label {
    margin-right: 3px
}

.stats-match .players-team-header {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    padding: 10px 5px
}

.stats-match .team-logo {
    max-height: 25px;
    max-width: 25px
}

.stats-match .same-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.stats-match .containers {
    display: flex;
    gap: 12px
}

.stats-match .containers .eco-adjusted-container .toggle-eco-adjusted {
    transition: .2s ease;
    align-items: center;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #364250;
    color: rgba(146, 154, 158, .65)
}

.preload .stats-match .containers .eco-adjusted-container .toggle-eco-adjusted {
    transition: initial !important
}

.stats-match .containers .eco-adjusted-container .toggle-eco-adjusted.enabled {
    font-weight: 700;
    background-color: #2d6da3;
    color: #fff
}

.stats-match .containers .ct-t-stats-container {
    display: flex;
    align-items: center
}

.stats-match .containers .ct-t-stats-container .description {
    opacity: .65;
    margin-right: 4px
}

.stats-match .containers .ct-t-stats-container .all-stats,
.stats-match .containers .ct-t-stats-container .ct-stats-only,
.stats-match .containers .ct-t-stats-container .t-stats-only {
    background-color: #364250;
    padding: 3px 8px 2px;
    color: rgba(146, 154, 158, .65);
    border-right: 1px solid #495867;
    transition: .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {

    .stats-match .containers .ct-t-stats-container .all-stats,
    .stats-match .containers .ct-t-stats-container .ct-stats-only,
    .stats-match .containers .ct-t-stats-container .t-stats-only {
        padding: 3px 16px 2px
    }
}

.stats-match .containers .ct-t-stats-container .all-stats:hover,
.stats-match .containers .ct-t-stats-container .ct-stats-only:hover,
.stats-match .containers .ct-t-stats-container .t-stats-only:hover {
    cursor: pointer;
    background-color: #45515f
}

.stats-match .containers .ct-t-stats-container .all-stats {
    border-radius: 4px 0 0 4px
}

.stats-match .containers .ct-t-stats-container .t-stats-only {
    border-radius: 0
}

.stats-match .containers .ct-t-stats-container .ct-stats-only {
    border-radius: 0 4px 4px 0;
    border-right: 0
}

.stats-match .containers .ct-t-stats-container .active {
    background-color: #435971;
    color: #fff;
    font-weight: 700
}

.stats-match .containers .ct-t-stats-container .active:hover {
    background-color: #59728e !important
}

.stats-match-performance .overview {
    padding: 10px
}

.stats-match-performance .overview .overview-table {
    width: 100%;
    border-spacing: 10px 5px
}

.stats-match-performance .overview .overview-table .team-logo {
    width: 20px;
    max-height: 20px
}

.stats-match-performance .overview .overview-table .name-column,
.stats-match-performance .overview .overview-table .team1-column {
    text-align: right
}

.stats-match-performance .overview .overview-table .chart-column {
    width: 100%;
    position: relative
}

.stats-match-performance .overview .overview-table .chart-column .chart-middel {
    position: absolute;
    width: 1px;
    background-color: #000;
    left: 50%;
    top: 100%;
    height: 86px;
    z-index: 1
}

.stats-match-performance .overview .overview-table .chart-column .chart {
    display: inline-block;
    height: 100%
}

.stats-match-performance .overview .overview-table .chart-column .chart1 {
    background-color: #32689a
}

.stats-match-performance .overview .overview-table .chart-column .chart2 {
    background-color: #123455
}

.stats-match-performance .highlighted-player {
    margin-bottom: 5px
}

.stats-match-heatmap .heatmap-picture {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0
}

.stats-match-heatmap .radar-wrapper {
    width: 100%;
    position: relative;
    height: 0
}

.stats-match-heatmap .de_train {
    padding-bottom: 75.390625%
}

.stats-match-heatmap .de_cache {
    padding-bottom: 69.140625%
}

.stats-match-heatmap .de_cbble {
    padding-bottom: 82.03125%
}

.stats-match-heatmap .de_dust2 {
    padding-bottom: 98.6328125%
}

.stats-match-heatmap .de_inferno {
    padding-bottom: 89.84375%
}

.stats-match-heatmap .de_mirage {
    padding-bottom: 70.8984375%
}

.stats-match-heatmap .de_nuke {
    padding-bottom: 102.5390625%
}

.stats-match-heatmap .de_overpass {
    padding-bottom: 100%
}

.stats-match-heatmap .de_vertigo {
    padding-bottom: 144.53125%
}

.stats-match-heatmap .de_ancient {
    padding-bottom: 82.03125%
}

.stats-match-heatmap .de_anubis {
    padding-bottom: 97.65625%
}

.stats-match-heatmap .heatmap-holder {
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding-top: 10px;
    width: 100%
}

.stats-match-heatmap .heatmap-data,
.stats-match-heatmap .table {
    width: 100%
}

.stats-match-heatmap .table .team-logo {
    width: 30px;
    max-height: 30px;
    margin-right: 5px
}

.stats-match-heatmap .settings {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 15px;
    display: flex;
    flex-direction: column
}

.stats-match-heatmap .settings .filterRow:first-child {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #495867
}

.stats-match-heatmap .settings .settingHeader {
    font-weight: 700;
    color: #b9bdbf
}

.stats-match-heatmap .settings .inactive {
    opacity: .75;
    font-weight: 700
}

.stats-match-heatmap .settings .inactive:hover {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .05))
}

.stats-match-heatmap .settings .active {
    font-weight: 700;
    border-bottom: 2px solid #435971
}

.stats-match-heatmap .settings .active:not(.unclickable):hover {
    opacity: .5
}

.stats-match-heatmap .settings .unclickable {
    cursor: default;
    font-weight: 700
}

.stats-match-heatmap .settings .types {
    display: inline-block;
    float: left;
    margin-right: 25px;
    padding-right: 25px;
    border-right: 1px solid #495867
}

@media (max-width:500px) {
    .stats-match-heatmap .settings .types {
        clear: both;
        border-right: 0;
        border-bottom: 1px solid #495867;
        width: 100%;
        padding-bottom: 15px;
        padding-right: 0
    }
}

.stats-match-heatmap .settings .sides {
    display: inline-block;
    float: left;
    margin-right: 25px;
    padding-right: 15px;
    border-right: 1px solid #495867
}

@media (max-width:500px) {
    .stats-match-heatmap .settings .sides {
        clear: both;
        border-right: 0;
        margin-top: 10px;
        border-bottom: 1px solid #495867;
        width: 100%;
        padding-bottom: 15px;
        padding-right: 0
    }
}

.stats-match-heatmap .settings .kill-type {
    display: inline-block;
    float: left
}

@media (max-width:500px) {
    .stats-match-heatmap .settings .kill-type {
        clear: both;
        border-right: 0;
        margin-top: 10px;
        width: 100%;
        padding-right: 0
    }
}

.stats-match-heatmap .legendSection {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    padding: 2px 15px;
    color: #fff;
    background-color: #2d3844
}

.stats-match-heatmap .legendSection .legendDescription {
    margin-right: 10px
}

.stats-match-heatmap .legendSection .legendDescription .circleRed {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f60;
    display: inline-block;
    margin-right: 5px;
    box-shadow: 0 0 5px 3px #c57624
}

.stats-match-heatmap .legendSection .legendDescription .circleGreen {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #7ec307;
    display: inline-block;
    margin-right: 5px;
    box-shadow: 0 0 5px 3px #1883a5
}

.stats-match-heatmap .legendSection .legendThankYou {
    font-size: 10px;
    float: right;
    color: #fff;
    opacity: .5
}

@media (max-width:500px) {
    .stats-match-heatmap .legendSection .legendThankYou {
        display: none
    }
}

.stats-match-heatmap .legendSection .legendThankYou a {
    color: #fff !important;
    text-decoration: underline
}

.stats-match-heatmap .legendSection .legendThankYou a :hover {
    color: #fff !important
}

.stats-match-heatmap .playerSection {
    border-top: 1px solid #495867;
    background-color: #43505f;
    padding: 15px
}

.stats-match-heatmap .half-width {
    width: 50%
}

.stats-match-heatmap .markAll {
    float: right;
    font-weight: 700;
    font-size: 10px
}

.stats-match-heatmap .players {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.stats-match-heatmap .players .floatRight {
    float: right;
    font-weight: 400
}

.stats-match-heatmap .players .player {
    flex: 1 0;
    display: flex;
    flex-direction: row;
    border: 1px solid #495867;
    margin-top: 5px;
    background-color: #364250
}

.stats-match-heatmap .players .player select {
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e
}

.stats-match-heatmap .players .player .player-picture {
    width: 72px
}

@media (max-width:500px) {
    .stats-match-heatmap .players .player .player-picture {
        display: none
    }
}

.stats-match-heatmap .players .player .player-picture img {
    width: 100%
}

.stats-match-heatmap .players .player .player-controls {
    padding: 5px;
    width: 100%;
    height: 46px
}

.stats-match-heatmap .players .player .player-controls .player-nick {
    font-weight: 700
}

.stats-match-heatmap .button {
    background-color: inherit;
    color: #929a9e;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: none
}

.stats-match-heatmap .button:hover {
    color: #b9bdbf !important;
    opacity: 1
}

.stats-match-economy .equipment-categories {
    padding: 5px;
    width: 100%
}

.stats-match-economy .equipment-categories .team-categories {
    height: 25px;
    display: flex
}

.stats-match-economy .equipment-categories .team-categories:first-child {
    border-bottom: 1px solid #495867
}

.stats-match-economy .equipment-categories .team-categories .team {
    display: flex;
    align-items: center;
    width: 20px;
    border-right: 1px solid #495867
}

.stats-match-economy .equipment-categories .team-categories .team .team-logo {
    max-width: 15px;
    max-height: 15px
}

.stats-match-economy .equipment-categories .team-categories .equipment-category-td {
    width: 6.66666666%;
    display: flex;
    padding: 5px 2px;
    height: 100%;
    max-height: 16px
}

.stats-match-economy .equipment-categories .team-categories .equipment-category-td .equipment-category {
    width: 100%;
    height: 100%;
    max-height: 13px
}

.stats-match-economy .equipment-categories .team-categories .equipment-category-td .equipment-category.lost {
    opacity: .5;
    filter: invert(100%)
}

.signup {
    padding: 10px 0;
    font-size: 12px
}

.signup .indent {
    padding: 0 10px
}

.signup .header {
    margin: 0;
    font-size: 24px;
    font-weight: 700
}

.signup .section-header {
    font-weight: 700;
    margin-bottom: 15px
}

.signup .horizontal-line {
    border-bottom: 1px solid #495867;
    width: 100%;
    margin: 15px 0
}

.signup .input-columns {
    display: flex
}

.signup .input-columns .col {
    flex: 1 0 0;
    margin-left: 35px;
    min-width: 0
}

.signup .input-columns .col:first-child {
    margin-left: 0
}

.signup .template-columns {
    display: flex
}

.signup .template-columns .col {
    flex: 1 0 0;
    margin-left: 35px;
    min-width: 0
}

.signup .template-columns .col:first-child {
    margin-left: 0
}

.signup .input {
    display: flex;
    flex-direction: column
}

.signup .submit-row {
    text-align: center
}

.signup .submit {
    padding: 10px 80px;
    background-color: #435971;
    color: #929a9e;
    font-weight: 700;
    border: 0;
    cursor: pointer
}

.signup .submit:disabled {
    background-color: #edeef0;
    color: rgba(135, 163, 191, .25);
    cursor: default
}

.signup .info {
    display: flex;
    font-size: 10px;
    height: 100%;
    align-items: center
}

.signup .template-select {
    display: none
}

.signup .template-label {
    text-align: center
}

.signup .template-image {
    opacity: .25;
    width: 100%
}

.signup .template-label:hover .template-image,
.signup .template-select:checked+.template-label .template-image,
.signup .template-select:focus+.template-label .template-image {
    opacity: 1
}

.signup .validation-error {
    font-size: 10px;
    color: red
}

.signup.signup-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px
}

.signup .ip-banned-error {
    text-align: center
}

.inbox .unread {
    font-weight: 700
}

.inbox .inbox-top {
    display: flex;
    justify-content: space-between
}

.inbox .inbox-top .inbox-unread-toggle {
    padding-top: 3px
}

.inbox .message-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.inbox .message-table .centerStat {
    text-align: center
}

.inbox .message-table .stats-table thead:first-child {
    background-color: #364250
}

.inbox .message-table tr:hover,
.inbox .message-table tr:hover:nth-child(2n) {
    background-color: #45515f
}

.inbox .message-table thead tr:hover:first-child {
    background-color: inherit
}

.inbox .message-table th:first-child {
    border-left: 0
}

.inbox .message-table thead {
    font-weight: 700;
    background-color: #364250
}

.inbox .message-table th {
    text-align: left;
    padding: 5px;
    white-space: nowrap;
    border-left: 1px solid #495867
}

.inbox .message-table tr {
    border-top: 1px solid #495867
}

.inbox .message-table tr:last-child {
    border-bottom: 0
}

.inbox .message-table tbody tr:nth-child(2n) {
    background-color: #364250
}

.inbox .message-table tr.group-1 {
    background-color: #364250 !important
}

.inbox .message-table tr.group-1:hover {
    background-color: #45515f !important
}

.inbox .message-table tr.group-1:not(.first) {
    border-top: 0
}

.inbox .message-table tr.group-2 {
    background-color: #2d3844 !important
}

.inbox .message-table tr.group-2:hover {
    background-color: #45515f !important
}

.inbox .message-table tr.group-2:not(.first) {
    border-top: 0
}

.inbox .message-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867;
    padding: 5px
}

.inbox .message-table td:first-child {
    padding-left: 5px;
    border-left: 0
}

.inbox .message-table td:last-child {
    padding-right: 5px;
    border-right: 0
}

.inbox .message-table .flag {
    margin-right: 5px
}

.inbox .pagination-component {
    float: right
}

.read-message .padding {
    padding: 10px
}

.read-message .read-message-headline {
    font-size: 18px
}

.read-message .read-message-text {
    white-space: pre-wrap
}

.read-message .reply-box {
    width: 100%;
    box-sizing: border-box;
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e
}

.read-message .message-author {
    opacity: .8
}

.read-message .section-spacer {
    height: 12px
}

.read-message .flag {
    margin-right: 3px
}

.read-message .reply-button {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px
}

.write-message .message-to {
    font-size: 18px
}

.write-message .subject {
    background-color: #2d3844;
    width: 100%;
    box-sizing: border-box;
    color: #929a9e;
    border: 1px solid #495867;
    padding-left: 5px
}

.write-message .section-spacer {
    height: 12px
}

.write-message .reply-box {
    color: #929a9e;
    width: 100%;
    box-sizing: border-box;
    background-color: #2d3844;
    border: 1px solid #495867;
    padding: 5px
}

.write-message .error {
    color: red
}

.unblock-button {
    right: 0;
    bottom: 3px;
    border: 1px solid #ba3333;
    background: #ba3333;
    color: #ffe5e5;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 4px;
    width: 50px;
    transition: 0s
}

.unblock-button:after {
    content: "Blocked"
}

.unblock-button:hover {
    background: rgba(146, 154, 158, .2);
    color: #929a9e
}

.unblock-button:hover:after {
    content: "Unblock"
}

.block-button {
    right: 0;
    bottom: 3px;
    border: 1px solid #fc1d1d;
    color: #fc1d1d;
    background: transparent;
    font-size: 10px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 4px;
    transition: 0s
}

.block-button:after {
    content: "Block user"
}

@media (max-width:500px) {
    .block-button:after {
        content: "Block"
    }
}

.block-button:hover {
    background: #ba3333;
    color: #ffe5e5
}

.conversation-wrap {
    padding: 2px 10px 10px
}

.conversation-wrap .conversation {
    padding-top: 8px
}

.conversation-wrap .no-conversation {
    font-size: 14px;
    text-align: center
}

.conversation-wrap .conversation-error {
    font-size: 13px;
    color: #fc1d1d
}

.conversation-wrap .conversation-button-error {
    display: flex;
    align-items: baseline;
    gap: 8px
}

.conversation-wrap .padding {
    padding: 8px
}

.conversation-wrap .read-message-headline {
    font-size: 18px;
    font-weight: 700
}

.conversation-wrap .read-message-text {
    white-space: pre-wrap
}

.conversation-wrap .reply-box {
    min-height: 100px;
    width: 100%;
    box-sizing: border-box;
    background-color: #2d3844;
    border: 1px solid #495867;
    color: #929a9e;
    overflow-y: auto
}

.conversation-wrap .reply-box.disabled {
    background-color: rgba(146, 154, 158, .2);
    cursor: not-allowed
}

.conversation-wrap .message-author {
    display: flex;
    justify-content: flex-end
}

.conversation-wrap .conversation-top {
    height: 30px;
    border-bottom: 1px solid #495867;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    font-size: 14px
}

.conversation-wrap .conversation-top a {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.conversation-wrap .section-spacer {
    margin-left: -10px;
    margin-right: -10px;
    height: 6px;
    margin-top: 6px;
    border-top: 1px solid #495867
}

.conversation-wrap .flag {
    margin-right: 3px
}

.conversation-wrap .form-container {
    position: relative
}

.conversation-wrap .reply-button {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px
}

.conversation-wrap .reply-button.disabled {
    opacity: .5;
    cursor: not-allowed
}

.conversation-wrap .block-button,
.conversation-wrap .unblock-button {
    position: absolute
}

.conversation-wrap .conversation {
    max-height: calc(100vh - 336px);
    overflow-x: auto;
    display: flex;
    flex-direction: column-reverse;
    width: 100%
}

.conversation-wrap .conversation-message {
    max-width: 80%;
    font-size: 15px;
    word-break: break-word;
    margin-bottom: 8px
}

.conversation-wrap .conversation-message:first-child {
    margin-bottom: 0
}

.conversation-wrap .conversation-message .time {
    font-size: 10px;
    opacity: .65
}

.conversation-wrap .this-user {
    align-self: flex-end;
    border-radius: 20px 20px 2px 20px;
    color: #fff;
    background-color: #435971
}

.conversation-wrap .this-user .time {
    float: right
}

.conversation-wrap .this-user a {
    color: #fff;
    text-decoration: underline
}

.conversation-wrap .other-user {
    align-self: flex-start;
    border-radius: 20px 20px 20px 2px;
    background-color: #26303c
}

.conversation-wrap .other-user .time {
    float: left
}

.conversation-wrap .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .conversation-wrap .custom-scrollbar::-webkit-scrollbar {
        height: 3px
    }
}

.conversation-wrap .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.conversation-wrap .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.recover-password {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 20px
}

.recover-password .hyper-wide-columns {
    display: flex
}

.recover-password .hyper-wide-columns .col {
    flex: 1 0 0;
    margin-left: 44px;
    min-width: 0
}

.recover-password .hyper-wide-columns .col:first-child {
    margin-left: 0
}

.recover-password .hyper-wide-columns .form-col .form-header {
    font-size: 24px;
    font-weight: 700
}

.recover-password .hyper-wide-columns .form-col .label-and-input {
    margin-bottom: 10px
}

.recover-password .hyper-wide-columns .form-col .label-and-input input {
    width: 100%;
    box-sizing: border-box
}

.recover-password .hyper-wide-columns .form-col .form-submit {
    background-color: #32689a;
    color: #929a9e;
    width: 100%;
    border: 0;
    font-weight: 700
}

.recover-password .hyper-wide-columns .password-info-col {
    border: 1px solid #495867;
    padding: 10px;
    min-width: 57%
}

.recover-password .hyper-wide-columns .password-info-col .info-header {
    font-weight: 700
}

.recover-password .hyper-wide-columns .password-info-col ul.info-list {
    list-style-position: outside;
    padding-left: 20px
}

.recover-password .hyper-wide-columns .password-info-col ul.info-list li.info-list-item {
    padding-top: 10px
}

.recover-password .hyper-wide-columns .password-info-col ul.info-list li.info-list-item:first-of-type {
    padding-top: 0
}

.recover-password .validation-error {
    font-size: 10px;
    color: red
}

.recover-password .validation-error .fa {
    margin-right: 3px
}

.error-background {
    background-color: #2d3844;
    max-width: 500px;
    margin: 0 auto
}

@media (max-width:500px) {
    .error-background {
        width: 100%
    }
}

.error-body {
    background-color: #2d3844
}

.error-button {
    padding: 20px;
    background-color: #435971;
    margin-top: 20px;
    color: #fff
}

@media (max-width:500px) {
    .error-button {
        top: -230px
    }
}

.error-status {
    padding: 10px 20px;
    text-align: center;
    margin: 0 auto
}

.error-status h1 {
    font-size: 120px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 100px;
    color: #87a3bf;
    position: relative;
    top: -270px;
    left: -60px
}

@media (max-width:500px) {
    .error-status h1 {
        top: -230px
    }
}

.error-status .error-desc {
    position: relative;
    top: -270px;
    left: -60px
}

@media (max-width:500px) {
    .error-status .error-desc {
        top: -230px
    }
}

.error-status div:nth-child(4) {
    margin-top: -120px;
    padding-bottom: 20px
}

.error-status div:nth-child(5) {
    padding-bottom: 20px
}

.error-status a {
    font-weight: 700 !important
}

.error-status img {
    margin-top: 35px;
    margin-bottom: 35px;
    width: 100%
}

.error-500 {
    padding: 10px 20px;
    text-align: center;
    color: #929a9e
}

.error-500 h1 {
    font-size: 120px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 100px;
    color: #87a3bf;
    position: relative;
    top: -270px;
    left: -60px
}

@media (max-width:500px) {
    .error-500 h1 {
        top: -230px
    }
}

.error-500 .error-desc {
    position: relative;
    top: -270px;
    left: -60px;
    font-size: 18px
}

@media (max-width:500px) {
    .error-500 .error-desc {
        top: -230px
    }
}

.error-500 div:nth-child(4) {
    margin-top: -120px;
    padding-bottom: 20px
}

.error-500 div:nth-child(5) {
    padding-bottom: 40px
}

.error-500 a {
    font-weight: 700 !important
}

.error-500 img {
    margin-top: 35px;
    margin-bottom: 35px;
    max-width: 100%
}

.about-us {
    padding: 16px
}

.contact h1 {
    text-align: center;
    margin-bottom: 8px
}

.contact .contact-person {
    margin-bottom: 16px
}

.contact .contact-person .contact-title {
    font-weight: 700;
    font-size: 14px
}

.contact .contact-person:last-child {
    margin-bottom: 0
}

.contact .management-card .contact-box {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media (max-width:500px) {
    .contact .management-card .contact-box {
        align-items: center
    }
}

.contact .management-card .contact-box:hover {
    cursor: inherit;
    background-color: #364250
}

.contact .management-card .management-nick {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: -4px
}

@media (max-width:500px) {
    .contact .management-card .management-nick {
        text-align: center
    }
}

.contact .management-card .management-name,
.contact .management-card .management-role {
    font-size: 10px;
    opacity: .65
}

@media (max-width:500px) {

    .contact .management-card .management-name,
    .contact .management-card .management-role {
        text-align: center
    }
}

.contact .management-card .management-role {
    margin-top: -4px
}

.contact .management-card img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: rgba(0, 0, 0, .02)
}

.contact .g-grid {
    flex-wrap: wrap
}

@media (max-width:500px) {
    .contact .g-grid.contact-nav {
        margin-left: -8px
    }
}

@media (max-width:500px) {
    .contact .g-grid.contact-nav .col-4 {
        flex: 0 0 50%;
        padding-bottom: 8px;
        padding-left: 8px
    }
}

.contact .contact-section-text {
    margin-bottom: 8px
}

.contact .contact-section-button {
    background-color: #435971;
    transition: .2s ease;
    border-radius: 4px;
    color: #fff;
    padding: 4px 8px
}

.contact .contact-section-button:hover {
    cursor: pointer;
    background-color: #59728e;
    color: #fff !important
}

.contact .contact-nav {
    margin-top: 8px;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .contact .contact-nav {
        margin-bottom: 8px
    }
}

.contact .standard-box {
    min-height: 100vh;
    padding: 16px
}

.contact .padding {
    padding: 10px 20px 20px
}

@media (max-width:500px) {
    .contact .contact-section .g-grid {
        flex-wrap: wrap
    }
}

@media (max-width:500px) {

    .contact .contact-section .g-grid .col-4,
    .contact .contact-section .g-grid .col-8 {
        flex: 0 0 100%
    }
}

.contact .contact-section-header {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px
}

.contact .contact-box {
    background-color: #364250;
    color: #929a9e;
    border-radius: 4px;
    padding: 16px;
    border-color: #495867;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-self: center
}

@media (max-width:500px) {
    .contact .contact-box {
        font-size: 10px
    }
}

.contact .contact-box:hover {
    background-color: #45515f;
    cursor: pointer
}

.contact .contact-box.active {
    background-color: #26303c;
    font-weight: 700
}

.contact .header {
    font-size: 18px;
    font-weight: 700
}

.contact .grid {
    display: flex;
    margin-left: -10px;
    margin-bottom: -10px;
    flex-wrap: wrap
}

.contact .grid .col {
    flex: 1 0 50%;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 10px
}

.contact .grid .col.no-height {
    height: 0;
    padding: 0;
    margin: 0
}

.contact .contacts-container .specific-contact .padding {
    padding: 10px
}

.contact .contacts-container .specific-contact .headline {
    font-size: 16px;
    font-weight: 700
}

.contact .specific-contact .standard-box {
    background-color: #364250
}

.salesforce-form span {
    padding-right: 2px
}

.salesforce-form form {
    width: 100%;
    margin: 0 auto
}

.salesforce-form label {
    font-weight: 700;
    margin-top: 12px
}

.salesforce-form br {
    display: none
}

.salesforce-form input[type=text],
.salesforce-form select,
.salesforce-form textarea {
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 11px
}

.salesforce-form select[multiple=multiple] {
    height: auto
}

.salesforce-form input[type=submit] {
    background-color: #4caf50;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 20px 0;
    cursor: pointer;
    width: 100%
}

.salesforce-form .dateInput {
    position: relative
}

.salesforce-form .dateInput input[type=text] {
    cursor: pointer
}

.salesforce-form input[type=date] {
    width: 100%;
    text-align: left;
    background-color: #f8f8f8;
    border: 1px solid #ddd
}

.salesforce-form .choices {
    --choices-button-dimension: 1rem;
    --choices-button-offset: 8px;
    --choices-button-color: #333;
    --choices-button-background-color: #fff;
    width: 97%
}

.salesforce-form .flatpickr-calendar {
    border-color: #fff;
    border-radius: 3px
}

.jobs .padding {
    padding: 1px 30px 10px
}

.forum-rules h2 {
    border-bottom: 3px solid #435971;
    font-size: 18px !important;
    text-transform: uppercase
}

.forum-rules h3 {
    font-size: 13px
}

.forum-rules blockquote {
    margin-block-start: 0;
    margin-block-end: 0
}

.forum-rules .headertext,
.forum-rules p {
    font-size: 13px;
    line-height: 1.66667;
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 8px 0
}

.forum-rules .padding {
    padding: 8px 20px 20px
}

.bc-template .bc-compliance-advertising-disclosure {
    position: relative;
    cursor: pointer
}

.bc-template .bc-compliance-advertising-disclosure .bc-compliance-advertising-disclosure__tooltip {
    position: absolute;
    display: none;
    background-color: #fff;
    max-width: 250px;
    padding: 10px;
    left: 0
}

.bc-template .bc-compliance-advertising-disclosure:hover .bc-compliance-advertising-disclosure__tooltip {
    display: block
}

.bc-template em,
.bc-template figcaption {
    font-size: 11px;
    font-style: italic
}

.bc-template .betfred-bc,
.bc-template .sts-bc {
    display: none
}

.bc-template .bc-logo-leovegas {
    background-color: #ff5702 !important
}

.bc-template .bc-logo-pixel-bet {
    background-color: #5b449b !important
}

.bc-template .bc-logo-mobius,
.bc-template .bc-logo-mobius-bet {
    background-color: #000 !important
}

.bc-template .bc-logo-1xbet,
.bc-template .bc-logo-1xstavka,
.bc-template .bc-logo-bc-1xbet,
.bc-template .bc-logo-bc-1xstavka {
    background-color: #0c314e !important
}

.bc-template .bc-logo-pinnacle {
    background-color: #08213d !important
}

.bc-template .bc-logo-midnite {
    background-color: #544fe3 !important
}

.bc-template .bc-logo-bethard {
    background-color: #1a1a1a !important
}

.bc-template .bc-logo-loot-bet {
    background-color: #0f1419 !important
}

.bc-template .bc-logo-comeon {
    background-color: #282c34 !important
}

.bc-template .bc-logo-sts {
    background-color: #0070e1 !important
}

.bc-template .bc-logo-melbet {
    background-color: #3c525b !important
}

.bc-template .bc-logo-gg-bet,
.bc-template .bc-logo-ggbet {
    background-color: #2b3040 !important
}

.bc-template .bc-logo-cyber-bet,
.bc-template .bc-logo-cyberbet {
    background-color: #000 !important
}

.bc-template .bc-logo-unibet,
.bc-template .bc-logo-Unibet {
    background-color: #147b45 !important
}

.bc-template .bc-logo-betfred,
.bc-template .bc-logo-Betfred {
    background-color: #005c9b !important
}

.bc-template .bc-logo-betwinner {
    background-color: #13503a !important
}

.bc-template .bc-logo-Unikrn,
.bc-template .bc-logo-unikrn {
    background-color: #25262b !important
}

.bc-template .bc-logo-bet365 {
    background-color: #017b5a !important
}

.bc-template .bc-logo-betway,
.bc-template .bc-logo-Betway {
    background-color: #000 !important
}

.bc-template .bc-logo-betway img,
.bc-template .bc-logo-Betway img {
    filter: invert(1)
}

.bc-template .bc-header-compliance {
    text-align: center;
    font-size: 10px
}

.bc-template .bc-footer-compliance {
    display: flex;
    flex-wrap: wrap
}

.bc-template .bc-footer-compliance .bc-compliance__element {
    flex: 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.bc-template .bc-footer-compliance .bc-compliance__element img {
    height: inherit;
    width: inherit
}

.bc-template.bc-betting-site.bc-template-betting-review {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    border-radius: 4px
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-betting-site-section {
    background-color: transparent !important;
    box-shadow: none !important
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-main-content a {
    color: #f1f4f7
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-main-content a span {
    font-weight: 700 !important
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-betting-site-top-section {
    padding: 24px 16px;
    position: relative;
    top: -32px;
    margin: 32px 16px 0
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-betting-site-top-section p {
    position: relative;
    z-index: 3
}

.bc-template.bc-betting-site.bc-template-betting-review .bc-sidebar {
    padding-right: 16px
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    font-weight: 700
}

@media (max-width:575.98px) {
    .bc-template.bc-betting-site.bc-template-betting-review .list-group {
        grid-template-columns: 1fr
    }
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group li {
    background-color: #2d3844;
    border: 1px solid rgba(73, 88, 103, .4);
    min-height: 32px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    position: relative
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group li:hover {
    background-color: #45515f
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group li:hover:after {
    top: calc(50% - 2px)
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 8px 40px 8px 8px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .bc-template.bc-betting-site.bc-template-betting-review .list-group li {
        font-size: 10px;
        min-height: 32px;
        height: inherit
    }
}

.bc-template.bc-betting-site.bc-template-betting-review .list-group li:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-size: 10px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #435971;
    transition: .2s ease
}

.bc-template figure {
    max-width: 100%;
    margin: 0
}

.bc-template figure img {
    max-width: 100%;
    height: auto
}

.bc-template .bc-best-bookmaker-container p {
    display: none
}

.bc-template .bcb-container {
    box-sizing: border-box
}

.bc-template .bc-main-content {
    overflow: hidden
}

.bc-template .bc-main-content a {
    font-weight: 700;
    color: #87a3bf
}

.bc-template .bc-betting-sites-table-container {
    border: 2px solid rgba(73, 88, 103, .5);
    border-radius: 4px
}

.bc-template .bc-betting-sites-table-container table {
    background-color: #2d3844;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 4px;
    overflow: hidden
}

.bc-template .bc-betting-sites-table-container table p {
    display: none
}

@media (max-width:500px) {
    .bc-template .bc-betting-sites-table-container table {
        font-size: 10px
    }
}

.bc-template .bc-betting-sites-table-container table .bc-betting-sites-table-description,
.bc-template .bc-betting-sites-table-container table .bc-betting-sites-table-website {
    text-align: left
}

.bc-template .bc-betting-sites-table-container table tr:nth-child(2n) {
    background-color: #364250
}

.bc-template .bc-betting-sites-table-container table thead {
    color: rgba(146, 154, 158, .65);
    font-size: 10px
}

.bc-template .bc-betting-sites-table-container table thead tr {
    height: 32px;
    background-color: #364250
}

.bc-template .bc-betting-sites-table-container table thead .bc-betting-sites-table-verified {
    width: 30px
}

.bc-template .bc-betting-sites-table-container table thead .bc-betting-sites-table-website {
    width: 100px
}

.bc-template .bc-betting-sites-table-container table thead .bc-betting-sites-table-rating {
    width: 70px;
    text-align: right;
    padding-right: 16px
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bc-template .bc-betting-sites-table-container table tbody .bc-bettting-site-table-website-name {
    background-color: #435971;
    color: #fff;
    padding: 2px 8px;
    border-radius: 10px
}

.bc-template .bc-betting-sites-table-container table tbody tr {
    height: 42px;
    transition: .2s ease
}

.bc-template .bc-betting-sites-table-container table tbody tr:hover {
    background-color: #45515f !important
}

.bc-template .bc-betting-sites-table-container table tbody tr:hover .bc-bettting-site-table-website-name {
    background-color: #59728e
}

.bc-template .bc-betting-sites-table-container table tbody td {
    height: 42px
}

.bc-template .bc-betting-sites-table-container table tbody td a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px
}

.bc-template .bc-betting-sites-table-container table tbody td a:hover {
    color: inherit !important
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-website {
    font-weight: 700;
    display: flex;
    align-items: center
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-description {
    color: rgba(146, 154, 158, .65)
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating-container {
    text-align: right;
    padding-right: 16px;
    width: 100%
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating-input {
    font-size: 11px
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating-stars {
    font-size: 7px;
    color: rgba(146, 154, 158, .65)
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating-stars .fa-star {
    margin-right: 2px
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-rating-stars .fa-star:last-child {
    margin-right: 0
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-verified {
    text-align: center;
    color: rgba(146, 154, 158, .35)
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-verified.verified {
    color: #09c100
}

.bc-template .bc-betting-sites-table-container table tbody .bc-betting-sites-table-verified .a-reset {
    text-align: center;
    justify-content: center
}

.bc-template.bc-betting-site .bc-betting-site-section {
    font-size: 14px;
    line-height: 24px
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body .bc-image {
    max-width: 100%
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body h1,
.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    line-height: 36px !important
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    line-height: 27px !important
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body .bc-button {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-top: 8px;
    background-color: #379033;
    color: #fff;
    display: inline-flex;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
    height: 32px;
    padding: 0 24px;
    border-radius: 4px;
    font-weight: 700;
    transition: .2s ease
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-body .bc-button:hover {
    background-color: #4cbd47;
    color: #fff !important;
    cursor: pointer
}

.bc-template .sommaire {
    background-color: #364250;
    border: 1px solid #495867;
    border-radius: 4px;
    padding: 16px;
    color: #929a9e;
    font-weight: 700;
    font-size: 14px;
    margin: 24px 0
}

.bc-template .sommaire a,
.bc-template .sommaire a:hover {
    color: #929a9e
}

.bc-template .sommaire strong {
    font-size: 20px;
    font-weight: 700
}

.bc-template .sommaire ul {
    padding: 0 24px;
    margin-bottom: 0
}

.bc-template .sommaire ul li {
    min-height: 32px
}

.bc-template .best-o-popup-container {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9
}

.bc-template .best-o-popup-container .best-o-popup-bottom {
    background-color: #364250;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #495867
}

.bc-template .best-o-popup-container .best-o-popup-number {
    background-color: #26303c;
    padding: 3px 14px;
    border-radius: 4px;
    transition: .2s ease
}

.bc-template .best-o-popup-container .best-o-popup-number:hover {
    background-color: #1d252f
}

.bc-template .best-o-popup-container .best-o-popup-logo-container {
    display: flex;
    align-items: center;
    height: 100%
}

.bc-template .best-o-popup-container .best-o-popup {
    max-width: 320px;
    background-color: #2d3844;
    margin: 200px auto 0;
    border-radius: 4px;
    max-height: 370px;
    display: flex;
    flex-direction: column;
    position: relative
}

.bc-template .best-o-popup-container .best-o-popup .bc-close-popup {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 8px;
    cursor: pointer
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-featured-match-matchinfo {
    display: flex;
    padding: 16px
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-featured-match-team {
    flex: 0 0 45%;
    text-align: center
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-featured-match-info {
    flex: 1 auto;
    align-self: center;
    font-size: 10px;
    font-weight: 700;
    opacity: .65
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-featured-match-team-logo-container {
    display: flex;
    height: 30px;
    width: 30px;
    flex: 0 0 30px;
    margin: 0 auto;
    align-items: center
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-featured-match-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.bc-template .best-o-popup-container .best-o-popup .best-o-popup-bottom {
    max-height: 243px;
    overflow-y: scroll
}

.bc-template .best-o-popup-container .best-o-popup-o-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 32px
}

.bc-template .best-o-popup-container .best-o-popup-o-row .best-o-popup-number {
    font-weight: 700;
    color: #929a9e !important
}

.bc-template .best-o-popup-container .best-o-popup-o-row .row2 {
    flex: 0 0 60px;
    width: 60px;
    height: 30px
}

.bc-template .best-o-popup-container .best-o-popup-o-row .best-o-popup-logo {
    max-width: 100%;
    max-height: 100%
}

.bc-template .bc-checkmark {
    margin-right: 4px;
    color: #09c100
}

.bc-template .newBettingNavCon {
    padding-bottom: 10px
}

.bc-template .bNav {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 42px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    align-self: center;
    border-radius: 4px;
    margin-bottom: 8px
}

.bc-template .bNav .active {
    font-weight: 700;
    color: #929a9e;
    border-bottom: 3px solid #435971
}

.bc-template h1,
.bc-template h2,
.bc-template h3 {
    margin-top: 8px;
    margin-bottom: 8px
}

@media (max-width:500px) {

    .bc-template h1,
    .bc-template h2,
    .bc-template h3 {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.bc-template .bc-2-content-1-sidebar {
    margin-top: -24px
}

@media (max-width:500px) {
    .bc-template .bc-2-content-1-sidebar.g-grid {
        flex-wrap: wrap
    }

    .bc-template .bc-2-content-1-sidebar.g-grid .bc-main-content,
    .bc-template .bc-2-content-1-sidebar.g-grid .bc-sidebar {
        flex: 0 0 100%
    }
}

.bc-template.bc-betting-site .bc-betting-site-top-b-row {
    display: flex;
    align-items: center;
    transition: .2s ease;
    padding-top: 8px;
    padding-bottom: 8px
}

.bc-template.bc-betting-site .bc-betting-site-top-b-row:hover {
    cursor: pointer;
    background-color: #45515f
}

.bc-template.bc-betting-site .bc-betting-site-top-b-row:first-child {
    margin-top: 8px
}

.bc-template.bc-betting-site .bc-betting-site-top-b-row:not(:first-child) {
    border-top: 1px solid #495867
}

.bc-template.bc-betting-site .bc-betting-site-top-b-left {
    display: flex;
    flex: 1 auto;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px
}

.bc-template.bc-betting-site .bc-betting-site-top-b-right {
    flex: 0 0 75px;
    align-items: center;
    font-weight: 700
}

.bc-template.bc-betting-site .bc-betting-site-b-header {
    font-weight: 700;
    font-size: 13px
}

.bc-template.bc-betting-site .bc-betting-site-stars {
    font-size: 8px;
    opacity: .65
}

.bc-template.bc-betting-site .bc-betting-site-stars .fa-star {
    margin-right: 3px
}

.bc-template.bc-betting-site .bc-betting-site-b-logo-container {
    height: 50px;
    width: 50px;
    background-color: #364250;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex: 0 0 50px;
    align-items: center
}

.bc-template.bc-betting-site .bc-betting-site-b-logo-container .bc-betting-site-b-logo {
    max-width: 100%;
    max-height: 100%
}

.bc-template.bc-betting-site .bc-betting-site-name {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    font-weight: 700
}

.bc-template.bc-betting-site .bc-betting-site-top-section {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #000;
    color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.bc-template.bc-betting-site .bc-betting-site-top-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/img/static/gfx/bcBg.jpg);
    opacity: .4;
    z-index: 1
}

.bc-template.bc-betting-site .bc-betting-site-top-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #2c6ea4, #e0a42d);
    opacity: .3;
    z-index: 2
}

.bc-template.bc-betting-site .bc-betting-site-top-section div,
.bc-template.bc-betting-site .bc-betting-site-top-section h1 {
    z-index: 3;
    position: relative
}

.bc-template.bc-betting-site .bc-betting-site-top-section h1 {
    margin-top: 0;
    margin-bottom: 0
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-right {
    align-items: center;
    justify-content: center;
    display: flex
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-right .bc-betting-site-top-visit {
    font-size: 22px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, 0);
    transition: .2s ease
}

@media (max-width:500px) {
    .bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-right .bc-betting-site-top-visit {
        font-size: 18px
    }
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-right .bc-betting-site-top-visit:hover {
    color: #fff !important;
    background-color: hsla(0, 0%, 100%, .15)
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-section-stars {
    font-size: 8px
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-top-section-stars .fa-star {
    margin-right: 3px
}

@media (max-width:500px) {
    .bc-template.bc-betting-site .bc-betting-site-top-section {
        padding-top: 8px;
        font-size: 10px
    }
}

.bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-bottom {
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: -16px
}

@media (max-width:500px) {
    .bc-template.bc-betting-site .bc-betting-site-top-section .bc-betting-site-bottom {
        font-size: 8px
    }
}

.bc-template.bc-betting-site .bc-betting-site-top {
    display: flex
}

.bc-template.bc-betting-site .bc-betting-site-top-left {
    flex: 1 auto;
    display: flex
}

.bc-template.bc-betting-site .bc-betting-site-top-logo-container {
    height: 80px;
    width: 80px;
    background-color: #364250;
    margin-right: 16px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex: 0 0 80px;
    align-items: center;
    justify-content: center
}

.bc-template.bc-betting-site .bc-betting-site-top-logo {
    max-width: 80%;
    max-height: 80%
}

.bc-template.bc-betting-site .bc-betting-site-section {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 16px 16px
}

.bc-template.bc-betting-site .bc-betting-site-section:not(:first-child) {
    margin-top: 16px
}

.bc-template.bc-betting-site .bc-betting-site-section h1 {
    font-size: 36px !important;
    line-height: 1.1em
}

@media (max-width:500px) {
    .bc-template.bc-betting-site .bc-betting-site-section h1 {
        line-height: 1.1em;
        font-size: 24px !important
    }
}

.bc-template.bc-betting-site .bc-betting-site-section h1,
.bc-template.bc-betting-site .bc-betting-site-section h2 {
    color: #929a9e;
    opacity: 1;
    font-size: 24px
}

.bc-template.bc-betting-site .bc-betting-site-section h3 {
    color: #929a9e;
    opacity: 1;
    font-size: 18px
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-byline {
    opacity: .65;
    margin-bottom: 16px;
    font-size: 10px
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-text .g-grid {
    margin-top: 16px;
    flex-wrap: wrap;
    text-decoration: underline
}

.bc-template.bc-betting-site .bc-betting-site-section .bc-betting-site-header {
    font-size: 32px;
    margin-top: 16px;
    margin-bottom: 24px;
    line-height: 48px
}

.bc-template.bc-betting-site .bc-betting-site-section .gamalyze-container {
    position: relative;
    overflow: hidden;
    padding-top: 70%;
    width: 80%;
    margin: auto
}

.bc-template.bc-betting-site .bc-betting-site-section .gamalyze-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 0
}

.bc-template.bc-betting-sites .bc-betting-sites-site {
    background-color: #2d3844;
    border: 2px solid rgba(73, 88, 103, .5);
    color: #929a9e !important;
    border-radius: 4px;
    padding: 16px;
    display: flex;
    flex-direction: column
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-site-bottom-header {
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
    color: #929a9e
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-site-bottom-sub {
    font-size: 11px;
    line-height: 16px;
    color: rgba(146, 154, 158, .65)
}

.bc-template.bc-betting-sites .bc-betting-sites-site .g-grid {
    flex-wrap: wrap
}

.bc-template.bc-betting-sites .bc-betting-sites-site:not(:first-child) {
    margin-top: 16px
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-logo-container {
    height: 50px;
    width: 50px;
    background-color: #364250;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex: 0 0 50px;
    justify-content: center;
    align-items: center
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-logo {
    max-width: 90%;
    max-height: 90%
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-name {
    flex: 1 auto;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-cta {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-read-more {
    border-radius: 4px;
    color: #929a9e;
    font-weight: 700;
    font-size: 14px
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-stars {
    font-size: 10px;
    font-weight: 500;
    display: flex;
    align-items: center
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-stars i {
    font-size: 8px;
    margin-left: 2px
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-bookmaker-star-numbers {
    opacity: .85;
    margin-top: -5px
}

.bc-template.bc-betting-sites .bc-betting-sites-site:hover {
    color: #929a9e !important;
    cursor: pointer
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-site-top {
    border-bottom: 1px solid rgba(73, 88, 103, .5);
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    padding-bottom: 16px
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-site-middle {
    padding-top: 8px;
    background-color: #364250;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 0 0 4px 4px;
    font-size: 12px
}

.bc-template.bc-betting-sites .bc-betting-sites-site .bc-betting-sites-site-bottom {
    background-color: #364250;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid rgba(73, 88, 103, .5)
}

.bc-template .bc-checkmark {
    font-weight: 700;
    font-size: 11px
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-cell3 {
        border-right: 0 solid !important
    }
}

.bc-template .bc-analytics .bc-analytics-insights-prediction-background {
    height: 3px;
    background-color: hsla(0, 0%, 50.2%, .3);
    width: 100%;
    position: relative
}

.bc-template .bc-analytics .bc-analytics-insights-prediction-background .favorite {
    background-color: #09c100
}

.bc-template .bc-analytics .bc-analytics-insights-prediction-background .team1,
.bc-template .bc-analytics .bc-analytics-insights-prediction-background .team2 {
    height: 3px;
    left: 0;
    float: left
}

.bc-template .bc-analytics .bc-analytics-insights-bottom-link {
    color: #929a9e !important;
    margin-top: 8px;
    display: inline-block
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-bottom-link {
        flex: 1 auto;
        text-align: center
    }
}

.bc-template .bc-analytics .bc-analytics-insights-bottom-link:hover {
    color: #929a9e !important
}

.bc-template .bc-analytics .bc-analytics-insights {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px
}

.bc-template .bc-analytics .bc-analytics-insights:not(:first-child) {
    margin-top: 8px
}

.bc-template .bc-analytics .bc-analytics-insights-map-type {
    margin-right: 4px
}

.bc-template .bc-analytics .bc-analytics-insights-team-container {
    display: inline-flex;
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    margin-right: 5px;
    margin-left: 8px
}

.bc-template .bc-analytics .bc-analytics-insights-team-container.team-2 {
    float: right
}

.bc-template .bc-analytics .bc-analytics-insights-team-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.bc-template .bc-analytics .bc-analytics-insights-cell1 {
    flex: 0 0 170px;
    border-right: 1px solid #495867
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-cell1 {
        flex: 1 auto
    }
}

.bc-template .bc-analytics .bc-analytics-insights-cell2 {
    flex: 0 0 65px;
    text-align: center;
    border-right: 1px solid #495867
}

.bc-template .bc-analytics .bc-analytics-insights-cell3 {
    flex: 0 0 72px;
    text-align: center;
    border-right: 1px solid #495867
}

.bc-template .bc-analytics .bc-analytics-insights-cell4 {
    flex: 1 auto;
    padding-left: 8px !important;
    line-height: 16px
}

.bc-template .bc-analytics .bc-analytics-eventname .text-ellipsis {
    padding-right: 8px
}

.bc-template .bc-analytics .bc-analytics-insights-top {
    display: flex;
    background-color: #364250;
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    align-items: center;
    border-radius: 4px 4px 0 0
}

.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell1,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell2,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell3,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell4 {
    border-right: 1px solid #495867;
    padding: 6px 0
}

.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell1:last-child,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell2:last-child,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell3:last-child,
.bc-template .bc-analytics .bc-analytics-insights-top .bc-analytics-insights-cell4:last-child {
    border-right: 0
}

.bc-template .bc-analytics .bc-analytics-insights-middle {
    display: flex;
    position: relative
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-middle {
        flex-wrap: wrap
    }
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-rank-form {
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
    justify-content: center;
    width: 100%
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-link {
    margin-right: 2px
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-link:last-child {
    margin-right: 0
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-container .bc-analytics-form {
    height: 6px;
    width: 6px;
    border-radius: 50px;
    background-color: #000
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-container .bc-analytics-form.form-win {
    background-color: #09c100
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-form-container .bc-analytics-form.form-lost {
    background-color: #fc1d1d
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4 {
    padding: 8px !important;
    overflow: hidden;
    max-height: 65px;
    position: relative
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4 {
        flex: 1 0 100%;
        padding: 0 !important;
        height: 65px
    }
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4:after {
    z-index: 4;
    display: block;
    content: "Hover to expand";
    height: 40px;
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(45, 56, 68, 0), #2d3844);
    text-align: center;
    font-size: 8px;
    font-weight: 700;
    color: #929a9e;
    line-height: 56px
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4:after {
        content: "Tab to expand"
    }
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4:hover {
    overflow: inherit;
    max-height: inherit;
    position: relative
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4:hover .bc-analytics-insights-container {
    position: absolute;
    width: calc(100% - 32px);
    z-index: 5;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16), 0 1px 2px 0 rgba(0, 0, 0, .08)
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell4:hover .bc-analytics-insights-container {
        width: calc(100% - 16px)
    }
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight {
    white-space: normal;
    position: relative;
    margin-bottom: 5px
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight:last-child {
    margin-bottom: 0
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight.insight-against:after,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight.insight-for:after {
    top: 3px;
    content: "";
    height: 11px;
    width: 11px;
    flex: 0 0 11px;
    display: inline-flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    align-self: flex-start;
    position: relative
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight.insight-for:after {
    content: "+";
    background-color: #09c100
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insight.insight-against:after {
    content: "-";
    background-color: #fc1d1d
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-container {
    background-color: #26303c;
    border-radius: 4px;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr 1fr;
    padding: 8px;
    font-size: 10px;
    transition: .2s ease;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team .bc-analytics-insights-team-name {
    font-size: 8px;
    font-weight: 700;
    opacity: .5
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team.team1 .bc-analytics-insight {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team.team1 .bc-analytics-insight:after {
    margin-right: 5px
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team.team2 {
    text-align: right
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team.team2 .bc-analytics-insight {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team.team2 .bc-analytics-insight:after {
    margin-left: 5px
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell0 {
    position: absolute;
    background-color: #435971;
    color: #fff;
    transform: rotate(-90deg);
    left: -31px;
    top: 31px;
    width: 81px;
    font-size: 10px;
    height: 20px;
    display: flex;
    text-align: center;
    align-self: center;
    align-items: center;
    justify-content: center
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container {
    display: flex;
    color: #929a9e !important;
    font-weight: 700;
    transition: .2s ease
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container:hover {
    cursor: pointer;
    color: #929a9e !important
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container:hover .bc-analytics-best-o {
    background-color: #1d252f
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container .bc-analytics-best-o {
    width: 50px;
    background-color: #26303c;
    margin: 0 auto;
    border-radius: 14px;
    transition: .2s ease
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team-row,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-rank-form {
    height: 40px
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-best-o-container:last-child,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team-row:last-child,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-rank-form:last-child {
    border-top: 1px dotted #495867
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell1,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell2,
.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-cell3 {
    display: flex;
    flex-direction: column
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team-row {
    display: flex;
    align-items: center;
    font-weight: 700;
    padding-left: 26px
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team-row {
        font-size: 11px
    }
}

.bc-template .bc-analytics .bc-analytics-insights-middle .bc-analytics-insights-team-row:last-child {
    border-top: 1px dotted #495867
}

.bc-template .bc-analytics .bc-analytics-insights-bottom {
    padding: 8px;
    border-top: 1px solid rgba(73, 88, 103, .4)
}

.bc-template .bc-analytics .bc-analytics-insights-bottom .bc-analytics-insights-bottom-bottom {
    display: flex;
    justify-content: flex-start;
    margin-top: 4px;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-bottom .bc-analytics-insights-bottom-bottom {
        justify-content: space-around
    }
}

.bc-template .bc-analytics .bc-analytics-insights-bottom .bc-analytics-insights-bottom-link {
    color: #fff !important;
    border-radius: 4px;
    padding: 2px 8px
}

.bc-template .bc-analytics .bc-analytics-insights-bottom .bc-analytics-insights-bottom-link.all-o {
    background-color: #09c100
}

.bc-template .bc-analytics .bc-analytics-insights-bottom .bc-analytics-insights-bottom-link.all-matches {
    background-color: #435971
}

.bc-template .bc-analytics .bc-analytics-insights-cell1 {
    display: flex
}

.bc-template .bc-analytics .bc-analytics-insights-container h1 {
    font-size: 24px !important;
    margin-bottom: 16px !important
}

.bc-template .bc-analytics .bc-analytics-insights-container .bc-analytics-event-logo-container {
    display: flex;
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    margin-right: 5px;
    margin-left: 8px
}

.bc-template .bc-analytics .bc-analytics-insights-container .bc-analytics-event-logo {
    max-height: 100%;
    max-width: 100%
}

.bc-template .bc-analytics .bc-analytics-insights-team-logo-contaienr {
    display: flex;
    height: 25px;
    width: 25px;
    flex: 0 0 25px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    align-self: center
}

@media (max-width:500px) {
    .bc-template .bc-analytics .bc-analytics-insights-team-logo-contaienr {
        height: 25px;
        width: 25px;
        flex: 0 0 25px
    }
}

.bc-template .bc-analytics .bc-analytics-insights-team-logo {
    max-height: 100%;
    max-width: 100%
}

.bc-template .bc-best-bookmaker {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: #929a9e !important;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    transition: .2s ease
}

.bc-template .bc-best-bookmaker:hover {
    background-color: #45515f
}

.bc-template .bc-best-bookmaker:hover .bc-best-bookmaker-top {
    background-color: #45515f;
    cursor: pointer
}

.bc-template .bc-best-bookmaker:hover .bc-best-bookmaker-bottom {
    background-color: #1d252f;
    cursor: pointer
}

.bc-template .bc-best-bookmaker .bc-checkmark {
    margin-right: 4px;
    color: #09c100
}

.bc-template .bc-best-bookmaker .g-grid {
    flex-wrap: wrap
}

.bc-template .bc-best-bookmaker:not(:first-child) {
    margin-top: 8px
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-logo-container {
    height: 50px;
    width: 50px;
    background-color: #364250;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-logo {
    max-width: 80%;
    max-height: 80%
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-name {
    flex: 1 auto;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-cta {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-read-more {
    border-radius: 4px;
    color: #435971;
    font-weight: 700;
    font-size: 12px
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-stars {
    font-size: 10px;
    font-weight: 500;
    display: flex;
    align-items: center
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-stars i {
    font-size: 8px;
    margin-left: 2px
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-star-numbers {
    margin-left: 5px;
    opacity: .65
}

.bc-template .bc-best-bookmaker:hover {
    color: #929a9e !important;
    cursor: pointer
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-top {
    border-bottom: 1px solid #495867;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    padding-bottom: 8px;
    transition: .2s ease
}

.bc-template .bc-best-bookmaker .bc-best-bookmaker-bottom {
    background-color: #364250;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    border-radius: 0 0 4px 4px;
    transition: .2s ease
}

.bc-template .bc-latest-news {
    margin-bottom: 12px;
    position: relative;
    transition: .2s ease;
    overflow: hidden;
    padding-bottom: 4px
}

.bc-template .bc-latest-news.not-expanded {
    max-height: 479px
}

.bc-template .bc-latest-news.not-expanded:after {
    display: block;
    content: "";
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(27, 31, 35, 0), #1b1f23)
}

.bc-template .bc-latest-news-expand {
    margin-top: -40px;
    z-index: 2;
    positioN: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.bc-template .bc-latest-news-expand .bc-cta {
    padding: 0 80px;
    transition: .2s ease
}

.bc-template .bc-latest-news-expand .bc-expand-all-news {
    opacity: 1
}

.bc-template .bc-latest-news-expand .hidden {
    opacity: 0
}

.bc-template .bc-latest-news-post {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    color: #929a9e !important;
    transition: .2s ease
}

.bc-template .bc-latest-news-post:hover {
    cursor: pointer;
    color: #929a9e !important;
    background-color: #45515f
}

.bc-template .bc-latest-news-post:not(:first-child) {
    margin-top: 8px
}

.bc-template .bc-latest-news-post.layout-2 {
    flex-direction: row
}

.bc-template .bc-latest-news-post.layout-2 .news-post-image-container {
    background-color: rgba(0, 0, 0, .1);
    height: 75px;
    width: 75px;
    flex: 0 0 75px;
    overflow: hidden;
    border-radius: 4px 4px 4px 4px;
    margin-right: 8px
}

.bc-template .bc-latest-news-post.layout-2 .news-post-meta {
    margin-top: 0
}

.bc-template .bc-latest-news-post.layout-1 .news-post-image-container {
    margin-left: -8px;
    margin-top: -8px;
    margin-right: -8px;
    background-color: rgba(0, 0, 0, .1);
    height: 165px;
    overflow: hidden;
    border-radius: 4px 4px 0 0
}

.bc-template .bc-latest-news-post .news-post-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bc-template .bc-latest-news-post .news-post-title {
    margin-top: 5px
}

.bc-template .bc-latest-news-post .news-post-meta {
    margin-top: -10px;
    opacity: .65;
    font-size: 10px
}

.bc-template .bc-cta {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-top: 8px;
    background-color: #435971;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
    height: 32px;
    border-radius: 4px;
    font-weight: 700;
    transition: .2s ease
}

.bc-template .bc-cta:hover {
    background-color: #59728e;
    color: #fff !important;
    cursor: pointer
}

.bc-template h2 {
    font-size: 14px;
    color: rgba(146, 154, 158, .65)
}

.bc-template .bc-betting-sites-site-bookmaker-usp .col-4 {
    padding-bottom: 8px
}

.bc-template .bc-best-bookmaker-usp {
    font-size: 10px;
    margin-bottom: -16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgba(146, 154, 158, .65)
}

.bc-template .bc-best-bookmaker-usp.g-grid {
    flex-wrap: wrap;
    margin-left: -8px
}

.bc-template .bc-best-bookmaker-usp.g-grid .col-6 {
    padding-bottom: 8px;
    padding-left: 8px
}

.bc-template .bc-b-guide-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px
}

.bc-template .bc-b-guide-container .bc-b-guide-background-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bc-template .bc-b-guide-container .bc-b-guide-bottom {
    background-color: #364250;
    padding: 16px;
    color: rgba(146, 154, 158, .65);
    border-radius: 0 0 4px 4px
}

.bc-template .bc-b-guide-container .bc-b-guide-background-container {
    position: relative;
    background-color: rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    height: 75px
}

.bc-template .bc-b-guide-container .bc-b-guide-background-container h3 {
    padding: 16px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    color: #fff;
    top: 0
}

.bc-template .bc-generic-block {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #000;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 75px;
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 8px
}

.bc-template .sidebar-generic-block {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #000;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 175px;
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 8px
}

.bc-template .bc-bookmaker-categories .g-grid {
    flex-wrap: wrap;
    margin-left: -8px
}

.bc-template .bc-bookmaker-categories .g-grid .col-6 {
    padding-left: 8px;
    padding-bottom: 8px
}

@media (max-width:500px) {
    .bc-template .bc-bookmaker-categories .g-grid .col-6 {
        flex: 0 0 33.3333333333%
    }
}

.bc-template .bc-bookmaker-category {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    border-radius: 4px;
    height: 42px;
    align-items: center;
    color: #929a9e !important;
    transition: .2s ease
}

.bc-template .bc-bookmaker-category:hover {
    color: #929a9e !important;
    background-color: #45515f
}

.bc-template .bc-bookmaker-category .bc-bookmaker-icon {
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-lefT: 8px
}

.bc-template .bc-bookmaker-category .bc-bookmaker-category-name {
    flex: 1 auto;
    font-weight: 700
}

.bc-template .bc-bookmaker-category .bc-bookmaker-cta {
    margin-right: 8px
}

.bc-template .bc-top-section {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #000;
    color: #fff;
    padding: 16px 24px 24px;
    margin-bottom: 16px;
    position: relative;
    border-radius: 4px;
    margin-top: 8px;
    overflow: hidden
}

.bc-template .bc-top-section .fa {
    font-size: 26px;
    margin-right: 8px
}

@media (max-width:500px) {
    .bc-template .bc-top-section .fa {
        font-size: 20px
    }
}

.bc-template .bc-top-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/img/static/gfx/bcBg.jpg);
    opacity: .4;
    z-index: 1
}

.bc-template .bc-top-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #2c6ea4, #e0a42d);
    opacity: .3;
    z-index: 2
}

.bc-template .bc-top-section div,
.bc-template .bc-top-section h1 {
    z-index: 3;
    position: relative
}

@media (max-width:500px) {
    .bc-template .bc-top-section {
        padding-top: 8px;
        font-size: 10px
    }
}

.bc-template.bc-frontpage .bc-featured-matches {
    z-index: 4;
    position: relative;
    margin-top: -8px;
    margin-bottom: -10px
}

.bc-template .bc-featured-matches-vertical-container {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em
}

.bc-template .bc-featured-matches-vertical-container.g-grid {
    margin-left: 0;
    width: calc(100% + 16px)
}

@media (max-width:500px) {
    .bc-template .bc-featured-matches-vertical-container.g-grid {
        width: inherit
    }
}

.bc-template .bc-featured-matches-vertical-container::-webkit-scrollbar {
    display: none
}

.bc-template .bc-featured-matches-vertical-container .col-4 {
    position: relative
}

@media (max-width:500px) {
    .bc-template .bc-featured-matches-vertical-container .col-4 {
        flex: 0 0 220px
    }
}

.bc-template .bc-featured-matches-vertical-container .col-4:first-child {
    margin-left: -16px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 80px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 4px 8px 20px;
    color: #929a9e !important;
    transition: .2s ease
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match:hover {
    color: #929a9e !important;
    background-color: #45515f
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-top {
    margin-top: -2px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-matchinfo {
    display: flex;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 700;
    font-size: 10px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-odds {
    display: flex;
    position: absolute;
    left: 40px;
    bottom: 4px;
    width: calc(100% - 64px);
    justify-content: space-between
}

@media (max-width:500px) {
    .bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-odds {
        width: calc(100% - 32px);
        left: 24px
    }
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-eventname {
    font-size: 9px;
    opacity: .65;
    text-align: center
}

@media (max-width:500px) {
    .bc-template .bc-featured-matches-vertical-container .bc-featured-match-eventname {
        font-size: 8px
    }
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-prediction {
    font-size: 9px;
    color: rgba(146, 154, 158, .65);
    display: flex;
    flex-direction: column
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-prediction-value-background {
    height: 3px;
    background-color: hsla(0, 0%, 50.2%, .3);
    width: 100%;
    position: relative
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-prediction-value-background .team1 {
    width: 75%;
    height: 3px;
    position: absolute;
    left: 0
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-prediction-value-background .favorite {
    background-color: green
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-value-provider {
    background-color: #364250;
    color: rgba(146, 154, 158, .6);
    text-align: center;
    font-weight: 700;
    width: 75px;
    height: 26px;
    font-size: 10px;
    border-radius: 4px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-value-provider:hover {
    background-color: #45515f;
    color: rgba(146, 154, 158, .7)
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-value-provider .fa {
    margin-left: 4px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-value {
    background-color: #09c100;
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 50px;
    height: 23px;
    border-radius: 4px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-best-value:hover {
    background-color: #006400;
    color: #fff !important
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-team {
    flex: 0 0 45%;
    text-align: center;
    font-size: 11px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-info {
    flex: 1 auto;
    align-self: center;
    font-size: 10px;
    font-weight: 700;
    opacity: .65
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-team-logo-container {
    display: flex;
    height: 25px;
    width: 25px;
    flex: 0 0 25px;
    align-items: center;
    margin: 0 auto 2px
}

.bc-template .bc-featured-matches-vertical-container .bc-featured-match-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.b-container .mobile-bookmaker {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    border-bottom: 1px solid #495867
}

.b-container .mobile-bookmaker .top-line {
    text-transform: uppercase;
    color: rgba(146, 154, 158, .65);
    font-size: 8px;
    font-weight: 700
}

.b-container .mobile-bookmaker .top-line .bets-star {
    padding: 0 4px;
    background-color: #435971;
    border-radius: 4px;
    display: inline-block;
    color: #fff
}

.b-container .mobile-bookmaker .top-line .bets-star:before {
    content: "\f005";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
    font-size: 7px;
    position: relative;
    top: -1px
}

.b-container .mobile-bookmaker:last-child {
    border-bottom: 0
}

.b-container .mobile-bookmaker .team-rows {
    flex: 0 0 110px;
    padding: 8px 0 8px 8px;
    position: relative
}

.b-container .mobile-bookmaker .team-row {
    display: flex;
    height: 32px;
    align-items: center;
    font-weight: 700
}

.b-container .mobile-bookmaker .team-row:last-child {
    margin-top: 8px
}

.b-container .mobile-bookmaker .team-row .team-logo-container {
    flex: 0 0 23px;
    margin-right: 5px;
    height: 23px;
    width: 23px;
    display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    align-content: center
}

.b-container .mobile-bookmaker .team-row .team-logo-container .team-logo {
    max-height: 100%;
    max-width: 100%
}

.b-container .mobile-bookmaker .odds-rows {
    flex: 1 auto;
    overflow-x: scroll;
    background-color: #364250;
    padding: 8px;
    border-left: 1px solid #495867;
    position: relative
}

.b-container .mobile-bookmaker .odds-rows .odds-row {
    height: 32px;
    display: flex
}

.b-container .mobile-bookmaker .odds-rows .odds-row:last-child {
    margin-top: 8px
}

.b-container .mobile-bookmaker .odds-rows .odds-row .odds-provider {
    display: flex
}

.b-container .mobile-bookmaker .odds-rows .odds {
    display: flex;
    margin-right: 8px;
    border: 1px solid #495867;
    border-radius: 4px
}

.b-container .mobile-bookmaker .odds-rows .odds-holder {
    background-color: #09c100;
    color: #fff;
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 3px 0 0 3px
}

.b-container .mobile-bookmaker .odds-rows .provider-holder {
    background-color: #2d3844;
    display: flex;
    width: 90px;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 0 3px 3px 0
}

.b-container .mobile-bookmaker .odds-rows .provider-holder .provider-mobile-logo-container {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 90px
}

.b-container .mobile-bookmaker .odds-rows .provider-holder img {
    max-width: 100%;
    max-height: 100%
}

.b-container .mobile-bookmaker .mobile-providersite-betway {
    filter: invert(100%)
}

.b-container .b-match-container {
    position: relative
}

.b-container .b-match-container .bookmakerMatch {
    position: relative;
    left: 15px
}

.b-container .b-match-container .b-best-of {
    position: absolute;
    font-weight: 700;
    background-color: #435971;
    transform: rotate(90deg);
    width: 75px;
    color: #fff;
    left: -31px;
    text-align: center;
    top: 28px;
    z-index: 2
}

.b-container .b-match-container .b-best-of.b-star {
    background-color: #4973a0
}

.b-container .b-match-container .b-best-of.b-star:before {
    transform: rotate(-90deg);
    content: "\f005";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    font-size: 9px;
    top: -1px;
    position: relative
}

.b-container .event-header {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 8px;
    background-color: #364250;
    color: #929a9e;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    border-bottom: 1px solid #495867;
    min-width: 960px
}

.b-container .event-header a {
    margin-left: 8px;
    display: flex;
    align-items: center;
    align-content: center;
    align-self: center
}

.b-container .event-header .event-logo {
    height: 16px;
    width: 16px;
    margin-right: 5px
}

.b-container .float-button {
    animation-name: hover-up, hover-down;
    animation-duration: .3s, 1s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
    background-color: #435971;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 3px;
    line-height: normal;
    margin-right: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.b-container .description-box {
    margin-top: 15px
}

.b-container .description-box h1 {
    margin-top: 0;
    margin-bottom: 3px
}

.b-container .description-box h2 {
    margin-bottom: 3px
}

.b-container .horizontalScroll {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em
}

.b-container table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    height: 75px
}

@media (max-width:500px) {
    .b-container table {
        height: 76px
    }
}

.b-container table td {
    border-left: 1px solid #495867
}

.b-container .lastcell {
    text-align: center;
    transform: rotate(45deg);
    border-left: 1px solid transparent !important;
    width: 123px
}

.b-container .lastcell:before {
    content: "";
    position: absolute;
    width: 160px;
    top: 45px;
    right: 85px;
    height: 100%;
    border: 1px solid transparent;
    border-bottom-color: #ccc
}

.b-container td {
    width: 46px
}

.b-container td:first-child {
    width: 98px;
    text-align: left;
    padding: 0 5px
}

.b-container td:last-child {
    width: auto;
    border-right: inherit
}

.b-container .signupBonus {
    font-size: 10px
}

.b-container .signupBonus .description {
    padding: 5px
}

.b-container .signupBonus .bonus {
    color: #435971;
    font-weight: 700
}

.b-container .signupBonus td {
    text-transform: uppercase;
    text-align: center
}

.b-container .signupBonus td:first-child {
    text-align: left
}

.b-container .bookmaker {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 3px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    min-width: 960px;
    border: 0;
    border-radius: 0 0 4px 4px
}

.b-container .bookmaker tr {
    display: inline-block
}

.b-container .bookmaker .signupBonus {
    border-bottom: 1px solid #495867
}

.b-container .bookmaker .growcell {
    border: none !important
}

.b-container .bookmaker .provider-cell {
    text-align: center;
    transform: rotate(45deg);
    border-left: 1px solid transparent;
    position: relative;
    vertical-align: top;
    top: -50px;
    right: 68px;
    width: 46px;
    height: 75px;
    max-width: 46px;
    max-height: 75px;
    display: inline-block;
    border-right: 0 !important
}

.b-container .bookmaker .provider-cell:after {
    content: "";
    position: absolute;
    width: 110px;
    top: -36px;
    left: 34px;
    height: 100%;
    border: 1px solid transparent;
    border-bottom-color: #495867
}

.b-container .bookmaker .provider-empty-cell {
    border-right: 0 !important;
    text-align: center;
    transform: rotate(45deg);
    border-left: 1px solid transparent !important;
    width: 123px;
    max-width: 123px;
    height: 75px;
    max-height: 75px;
    display: inline-block
}

@media (max-width:500px) {
    .b-container .bookmaker .provider-empty-cell {
        max-width: 128px;
        width: 128px
    }
}

.b-container .bookmaker .provider-empty-cell:before {
    content: "";
    position: absolute;
    width: 130px;
    top: 30px;
    height: 100%;
    border: 1px solid transparent;
    border-bottom-color: #495867
}

.b-container .bookmaker .providerlogo-container {
    box-sizing: border-box;
    width: 81px;
    height: 35px;
    position: relative;
    top: 42px;
    margin-left: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    padding-top: 4px;
    padding-bottom: 4px
}

.b-container .bookmaker .providerlogo-container .providerlogo-body {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.b-container .bookmaker .providerlogo {
    padding: 5px;
    box-sizing: border-box;
    max-width: 90px;
    height: auto;
    position: relative;
    top: 43px;
    margin-left: 32px
}

.b-container .bookmaker .providersite-cyberbet {
    top: 47px;
    margin-left: 0;
    width: 94px;
    left: 23px
}

.b-container .bookmaker .providersite-jbo {
    width: 66px;
    top: 39px;
    margin-left: 35px
}

.b-container .bookmaker .providersite-dongying {
    left: -4px;
    top: 40px;
    padding: 9px;
    width: 90px
}

.b-container .bookmaker .providersite-xf {
    left: 0;
    top: 40px;
    padding: 3px;
    width: 74px
}

.b-container .bookmaker .providersite-hot88 {
    width: 87px;
    top: 44px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-manbetx {
    top: 44px;
    margin-left: 0;
    width: 94px;
    left: 23px
}

.b-container .bookmaker .providersite-uwin {
    width: 94px;
    top: 43px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-omgbet {
    width: 92px;
    top: 45px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-stsbetgb {
    width: 60px;
    top: 38px;
    margin-left: 36px
}

.b-container .bookmaker .providersite-888sportdk,
.b-container .bookmaker .providersite-888sportgb {
    width: 73px;
    top: 44px;
    margin-left: 32px
}

.b-container .bookmaker .providersite-stsbet {
    width: 60px;
    top: 38px;
    margin-left: 36px
}

.b-container .bookmaker .providersite-forbet {
    width: 85px;
    top: 43px;
    margin-left: 27px
}

.b-container .bookmaker .providersite-midniteuk {
    width: 96px;
    top: 43px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-shark {
    top: 43px;
    left: -6px;
    width: 90px
}

.b-container .bookmaker .providersite-yabo {
    top: 39px;
    margin-left: 31px;
    width: 77px
}

.b-container .bookmaker .providersite-xingwang {
    top: 40px;
    margin-left: 27px;
    width: 78px
}

.b-container .bookmaker .providersite-raybet {
    top: 43px;
    margin-left: 24px;
    width: 87px
}

.b-container .bookmaker .providersite-bet188 {
    top: 41px;
    left: -19px;
    padding: 0
}

.b-container .bookmaker .providersite-betsafe,
.b-container .bookmaker .providersite-betsson {
    top: 46px;
    margin-left: 24px;
    width: 88px
}

.b-container .bookmaker .providersite-vie {
    top: 42px;
    margin-left: 49px;
    width: 38px
}

.b-container .bookmaker .providersite-betwinner {
    width: 92px;
    top: 46px;
    margin-left: 23px
}

.b-container .bookmaker .providersite-melbet {
    width: 92px;
    top: 48px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-luckbox {
    width: 92px;
    top: 46px;
    margin-left: 23px
}

.b-container .bookmaker .providersite-ewinner {
    width: 92px;
    top: 46px;
    margin-left: 23px
}

.b-container .bookmaker .providersite-csgo500 {
    width: 84px;
    top: 40px;
    margin-left: 26px
}

.b-container .bookmaker .providersite-glhf {
    width: 92px;
    top: 46px;
    margin-left: 23px
}

.b-container .bookmaker .providersite-rb88 {
    width: 92px;
    top: 37px;
    margin-left: 23px
}

.b-container .bookmaker .providersite-bobbet {
    width: 77px;
    top: 40px;
    margin-left: 31px
}

.b-container .bookmaker .providersite-bitsler {
    left: -5px;
    top: 44px;
    width: 96px
}

.b-container .bookmaker .providersite-vulkan,
.b-container .bookmaker .providersite-vulkanru {
    left: -5px;
    top: 38px;
    padding: 7px;
    width: 96px
}

.b-container .bookmaker .providersite-esporbet {
    top: 45px;
    left: 26px;
    margin-left: 0;
    width: 90px
}

.b-container .bookmaker .providersite-xbet {
    margin-left: 0;
    top: 45px;
    left: 37px;
    padding: 0;
    width: 66px
}

.b-container .bookmaker .providersite-thunderfire {
    width: 67px;
    top: 39px;
    margin-left: 37px
}

@media (max-width:500px) {
    .b-container .bookmaker .providersite-thunderfire {
        max-height: inherit
    }
}

.b-container .bookmaker .providersite-skrilla {
    width: 86px;
    padding: 2px;
    top: 48px;
    margin-left: 26px
}

.b-container .bookmaker .providersite-bet365 {
    top: 35px;
    left: -6px;
    padding: 10px;
    width: 90px
}

.b-container .bookmaker .providersite-tbo {
    top: 40px;
    left: -6px;
    padding: 10px;
    width: 90px
}

.b-container .bookmaker .providersite-betit {
    top: 41px;
    left: 6px;
    padding: 5px;
    width: 62px
}

.b-container .bookmaker .providersite-betway {
    left: -2px;
    top: 38px;
    padding: 9px;
    width: 90px;
    filter: invert(100%)
}

.b-container .bookmaker .providersite-22bet {
    top: 43px;
    left: -6px;
    width: 84px
}

.b-container .bookmaker .providersite-ggbet {
    top: 41px;
    left: -6px;
    padding: 10px
}

.b-container .bookmaker .providersite-makemybet {
    top: 48px;
    left: -5px;
    padding: 3px;
    width: 85px
}

.b-container .bookmaker .providersite-thunderpick {
    top: 48px;
    left: -1px;
    padding: 0;
    width: 85px
}

.b-container .bookmaker .providersite-bravobet {
    top: 41px;
    left: 2px;
    padding: 0;
    width: 66px
}

.b-container .bookmaker .providersite-bookmakereu {
    top: 46px;
    left: -9px;
    max-width: 95px
}

.b-container .bookmaker .providersite-unibet {
    top: 45px;
    left: 2px;
    width: 71px
}

.b-container .bookmaker .providersite-esbet,
.b-container .bookmaker .providersite-pinnacle {
    width: 87px;
    top: 44px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-unikrn {
    width: 94px;
    top: 41px;
    margin-left: 25px
}

.b-container .bookmaker .providersite-buff88 {
    top: 45px;
    margin-left: 0;
    width: 90px;
    left: 22px
}

.b-container .bookmaker .providersite-tonybet {
    top: 43px;
    left: -6px;
    padding: 5px;
    width: 93px
}

.b-container .bookmaker .providersite-rivalry {
    top: 40px;
    margin-left: 24px
}

.b-container .bookmaker .providersite-1xstavka {
    top: 40px;
    left: -3px
}

.b-container .bookmaker .providersite-parimatch {
    top: 41px;
    left: 27px;
    margin-left: 0;
    width: 85px
}

.b-container .bookmaker .providersite-betboom {
    top: 45px;
    left: 29px;
    margin-left: 0;
    width: 88px
}

.b-container .bookmaker .providersite-lvbet {
    top: 41px;
    left: 29px;
    margin-left: 0;
    width: 85px
}

.b-container .bookmaker .providersite-lvbet.night-only {
    top: 45px
}

.b-container .bookmaker .providersite-betway-cn {
    top: 47px;
    margin-left: 27px;
    width: 87px
}

.b-container .bookmaker .providersite-bet20 {
    left: 0;
    top: 39px;
    width: 75px
}

.b-container .bookmaker .providersite-neobet {
    padding: 9px;
    width: 90px;
    top: 38px
}

.b-container .bookmaker .providersite-megapari {
    top: 41px;
    left: 4px;
    width: 65px
}

.b-container .bookmaker .providersite-amuletobet {
    top: 39px;
    left: 2px;
    width: 64px
}

.b-container .bookmaker .providersite-stake {
    top: 41px;
    left: 8px;
    width: 58px
}

.b-container .bookmaker .providersite-n1bet {
    top: 45px;
    left: -5px;
    width: 88px
}

.b-container .bookmaker .providersite-lootbet {
    width: 90px;
    top: 47px;
    margin-left: 28px
}

.b-container .bookmaker .providersite-vave {
    width: 89px;
    top: 44px;
    margin-left: 26px
}

.b-container .bookmaker .providersite-ligastavok {
    width: 86px;
    top: 41px;
    margin-left: 29px
}

.b-container .bookmaker .providersite-ivibet {
    width: 90px;
    top: 34px;
    margin-left: 27px
}

.b-container .bookmaker .providersite-melbet {
    width: 90px;
    top: 46px;
    margin-left: 28px
}

.b-container .bookmaker .providersite-csgoempire {
    width: 99px;
    max-width: 99px;
    top: 45px;
    margin-left: 21px
}

.b-container .bookmaker .providersite-betify {
    width: 90px;
    top: 42px;
    margin-left: 23px
}

.b-container .bookmakerMatch {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 3px;
    width: calc(100% - 15px);
    min-width: 960px;
    max-width: 960px
}

@media (max-width:500px) {
    .b-container .bookmakerMatch {
        max-width: 945px;
        min-width: 945px
    }
}

.b-container .bookmakerMatch:nth-child(odd) {
    background-color: #2d3844
}

.b-container .bookmakerMatch .teamrow:first-child {
    border-bottom: 1px dashed #495867
}

.b-container .bookmakerMatch .odds {
    text-align: center
}

.b-container .bookmakerMatch .standardOdds {
    padding: 2px 10px;
    background-color: rgba(0, 0, 0, .29);
    border-radius: 10px;
    text-align: center;
    color: #fff;
    width: 65px
}

.b-container .bookmakerMatch .standardOdds:hover {
    color: #fff !important
}

.b-container .bookmakerMatch .bestOdds {
    padding: 2px 10px;
    background-color: rgba(0, 0, 0, .29);
    border-radius: 10px;
    text-align: center;
    color: #fff;
    width: 65px;
    background-color: #435971;
    text-decoration: underline
}

.b-container .bookmakerMatch .bestOdds:hover {
    color: #fff !important
}

.b-container .bookmakerMatch .team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 11px
}

.b-container .bookmakerMatch .team-logo {
    height: 23px;
    max-width: 23px;
    margin-right: 5px
}

.b-container .bookmakerMatch .team-logo img {
    width: 100%;
    max-height: 100%
}

.oxVVUdvP123Gazx-bets-net {
    position: relative;
    padding: 8px;
    background-color: #2d3844;
    height: 122px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 8px
}

.oxVVUdvP123Gazx-bets-net .live-block {
    position: absolute;
    left: 50%;
    top: 42px;
    transform: translate(-50%, -50%);
    background-color: #7da70d;
    color: #fff;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-logo {
    width: 100%;
    height: 30px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 10px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches .team-container {
    height: 38px;
    flex: 0 1 40%
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches .team-container:first-child {
    margin-left: 4px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches .team-container:last-child {
    margin-right: 4px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches .team-container .logo-container {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-matches .team-container .logo-container .team-logo {
    max-width: 38px;
    max-height: 38px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds {
    height: 100%;
    margin-top: 6px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .versus {
    background-color: #394756;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 37px;
    font-size: 9px;
    font-weight: 700;
    width: 35px;
    left: 47px;
    text-align: center
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding-top: 4px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    z-index: 3;
    color: #fff;
    height: 23px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:hover:after {
    background: #212b35
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:first-child:after {
    transform: skewX(-12deg)
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:last-child {
    margin-left: 17px
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:last-child:after {
    transform: skewX(12deg)
}

.oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:after {
    background: #2d3844;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    border: 4px solid #394756;
    border-radius: 7px;
    box-sizing: border-box;
    transition: .2s ease
}

.preload .oxVVUdvP123Gazx-bets-net .oxVVUdvP123Gazx-bets-net-odds .odds-container .odds:after {
    transition: initial !important
}

.oxVVUdvP123Gazx-eoddset {
    position: relative;
    padding: 8px;
    padding-top: 0 !important;
    background-color: #2d3844;
    height: 122px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    align-items: flex-start
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-header {
    margin-left: -8px;
    margin-right: -8px;
    width: 100%;
    padding: 3px 8px 5px;
    text-align: center;
    height: 40px;
    background: #29323b;
    border-color: hsla(0, 0%, 100%, .1) transparent hsla(0, 0%, 100%, .2);
    border-style: solid;
    border-width: 1px 0
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-logo {
    height: 24px;
    align-self: center
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 100%
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches .team-container {
    height: 38px;
    flex: 0 1 40%
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches .team-container:first-child {
    margin-left: 4px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches .team-container:last-child {
    margin-right: 4px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches .team-container .logo-container {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-matches .team-container .logo-container .team-logo {
    max-width: 38px;
    max-height: 38px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds {
    height: 100%;
    margin-top: 6px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .versus {
    background-color: #1d262f;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 37px;
    font-size: 9px;
    font-weight: 700;
    width: 35px;
    left: 47px;
    text-align: center
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding-top: 4px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    z-index: 3;
    color: #fff;
    height: 23px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:hover:after {
    background: #212b35
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:first-child:after {
    transform: skewX(-13deg)
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:last-child {
    margin-left: 17px
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:last-child:after {
    transform: skewX(13deg)
}

.oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:after {
    background: #2d3844;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 3px solid #1d262f;
    border-radius: 7px;
    box-sizing: border-box;
    transition: .2s ease
}

.preload .oxVVUdvP123Gazx-eoddset .oxVVUdvP123Gazx-eoddset-odds .odds-container .odds:after {
    transition: initial !important
}

.oxVVUdvP123Gazx-yabo {
    position: relative;
    padding: 8px;
    padding-top: 0 !important;
    height: 132px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    align-items: flex-start;
    background-color: #010410;
    background-image: url(/img/newwidgets/yabo/bg.jpg);
    background-size: 145px 137px;
    background-repeat: no-repeat;
    background-position: 0 3px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-header {
    margin-left: -8px;
    margin-right: -8px;
    width: 100%;
    padding: 3px 8px 5px;
    text-align: center;
    height: 40px;
    background: #00aefd;
    border-color: hsla(0, 0%, 100%, .1) transparent hsla(0, 0%, 100%, .2);
    border-style: solid;
    border-width: 1px 0
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-betway-cn-logo-container {
    width: calc(100% + 16px);
    margin-left: -8px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #013d58
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-betway-cn-logo {
    height: 21px;
    align-self: center
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 100%
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches .team-container {
    height: 38px;
    flex: 0 1 40%
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches .team-container:first-child {
    margin-left: 4px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches .team-container:last-child {
    margin-right: 4px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches .team-container .logo-container {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-matches .team-container .logo-container .team-logo {
    max-width: 38px;
    max-height: 38px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds {
    height: 100%;
    margin-top: 6px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .versus {
    background-color: #046c9a;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 37px;
    font-size: 9px;
    font-weight: 700;
    width: 35px;
    left: 47px;
    text-align: center
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding-top: 4px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    z-index: 3;
    color: #fff;
    height: 23px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:hover:after {
    background: #212b35
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:first-child:after {
    transform: skewX(-13deg)
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:last-child {
    margin-left: 17px
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:last-child:after {
    transform: skewX(13deg)
}

.oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:after {
    background: #2d3844;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 3px solid #046c9a;
    border-radius: 7px;
    box-sizing: border-box;
    transition: .2s ease
}

.preload .oxVVUdvP123Gazx-yabo .oxVVUdvP123Gazx-yabo-odds .odds-container .odds:after {
    transition: initial !important
}

.matchadmin select {
    background-color: #2d3844;
    border: 1px solid #495867;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    color: #929a9e;
    padding-right: 24px;
    padding-left: 5px
}

.matchadmin input[type=text]:disabled {
    background: #364250;
    -webkit-appearance: none;
    border: 1px solid #495867;
    padding-left: 5px;
    color: #929a9e;
    background-color: #364250
}

.matchadmin input[role=combobox],
.matchadmin input[type=text] {
    background: #364250;
    -webkit-appearance: none;
    border: 1px solid #495867;
    padding-left: 5px;
    color: #929a9e;
    background-color: #2d3844
}

.matchadmin input[type=datetime-local] {
    background: #2d3844;
    -webkit-appearance: none;
    border: 1px solid #495867;
    padding-left: 5px;
    color: #929a9e;
    background-color: #2d3844
}

.matchadmin .header {
    font-size: 18px;
    color: #929a9e;
    font-weight: 700
}

.matchadmin .subHeader {
    font-size: 14px;
    color: #929a9e;
    margin-top: 16px;
    font-weight: 700;
    border-top: 1px solid #495867;
    padding-top: 8px
}

.matchadmin .subHeader:first-child {
    margin-top: 8px
}

.matchadmin .inputHeadline {
    font-size: 10px;
    color: #929a9e;
    opacity: .75;
    font-weight: 700;
    margin-top: 8px;
    text-transform: uppercase
}

.matchadmin .big-padding {
    padding: 10px
}

.matchadmin .flexbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.matchadmin .half-width {
    flex: 1 1 48%;
    margin-right: 5px;
    min-width: 250px
}

.matchadmin .playerImg {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.matchadmin .playerImg:hover {
    opacity: .5;
    cursor: pointer
}

.matchadmin .playerContainer {
    background-color: #364250;
    border: 1px solid #495867;
    padding: 5px;
    justify-content: flex-start
}

.matchadmin .lineup {
    display: flex;
    flex: 1 1 0%;
    flex-flow: row nowrap;
    align-items: stretch
}

.matchadmin .lineupSelectors {
    display: flex;
    flex-direction: column;
    width: 200px
}

.matchadmin .player {
    display: block;
    text-align: center;
    margin-right: 20px;
    min-width: 90px
}

.matchadmin .player button {
    display: block;
    background: #2d3844;
    border: 1px solid #495867;
    border-radius: 2px;
    color: #929a9e;
    font-weight: 700
}

.matchadmin .player button:hover {
    border: 1px solid #435971;
    color: #435971
}

.matchadmin .gotv input {
    margin-left: 5px
}

.matchadmin .submitButton {
    margin-top: 10px;
    font-weight: 700;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #435971;
    color: #fff;
    border: 0;
    -webkit-appearance: none
}

.matchadmin .nonDbPlayer {
    display: block;
    background: #2d3844;
    border: 1px solid #495867;
    border-radius: 2px;
    color: #929a9e;
    font-weight: 700;
    float: right;
    height: 24px;
    cursor: pointer
}

.matchadmin .nonDbPlayer:hover {
    border: 1px solid #435971;
    color: #435971
}

.matchadmin .addPlayerSection {
    width: 100%
}

.matchadmin .addPlayer {
    float: left
}

.matchadmin .addPlayer:last-child {
    margin-left: 20px
}

@media (max-width:500px) {
    .matchadmin .addPlayer:last-child {
        margin-left: 0
    }
}

body.fullscreen .live .topbar {
    display: none
}

.cast-button-container {
    position: relative
}

.live-odds-oxVVUdvP123Gazx {
    margin-top: 10px;
    width: 600px;
    margin-right: auto;
    margin-left: auto
}

.cast-button {
    width: 30px;
    height: 24px;
    position: absolute;
    top: 5px;
    left: 155px;
    cursor: pointer
}

@media (max-width:500px) {
    .cast-button {
        left: 5px
    }
}

.live .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "stats stats stats";
    grid-template-columns: 250px auto 250px;
    grid-template-rows: auto 400px auto
}

.live .grid-container .placeholder,
.live .grid-container .sponsor-container {
    display: none
}

.live .matches-container {
    transition: .25s ease;
    will-change: transform;
    opacity: 1;
    grid-area: matches
}

.preload .live .matches-container {
    transition: initial !important
}

.live .stats-container {
    transition: .25s ease;
    will-change: transform;
    grid-area: stats
}

.preload .live .stats-container {
    transition: initial !important
}

.live .stream-container {
    grid-area: stream
}

.live .video-container,
.live .video-container iframe {
    width: 100%;
    height: 100%
}

.live .live-twitch-chat {
    height: calc(100% - 128px)
}

.live .live-twitch-chat iframe {
    height: 100%
}

.live.theater .live-sponsorbar {
    height: 140px
}

.live.theater .scroll-container {
    height: calc(100% - 168px)
}

.live.theater .live-table {
    border-collapse: collapse;
    width: 100%
}

.live.theater .live-table thead {
    margin-bottom: 3px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.live.theater .live-table tr {
    height: 32px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.live.theater .live-table tr:last-child {
    border-bottom: none !important
}

.live.theater .live-table tr td {
    border-right: 1px solid hsla(0, 0%, 100%, .25)
}

.live.theater .live-table tr td:last-child {
    border-right: none !important
}

.live.theater .live-table .team-logo {
    text-align: center;
    height: 32px
}

.live.theater .live-table .provider-logo {
    text-align: center
}

.live.theater .live-table .provider-logo img {
    width: 65px;
    padding-top: 4px;
    padding-bottom: 4px
}

.live.theater .live-table .live-table-team-logo {
    max-height: 25px;
    width: 25px
}

.live.theater .live-table .provider-odds {
    text-align: center
}

.live.theater .live-table .provider-odds:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.live.theater .live-table .provider-odds a {
    display: block;
    color: #fff !important;
    font-weight: 700;
    height: 32px;
    line-height: 32px
}

.live.theater .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live.theater .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 285px auto 307px;
    grid-template-rows: auto calc(100vh - 160px) auto
}

.live.theater .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder" !important;
    grid-template-rows: auto calc(100vh - 160px) auto !important
}

.live.theater .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live.theater .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live.theater .grid-container.hide-sidebar .placeholder,
.live.theater .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live.theater .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 307px);
    height: calc(100% + 160px);
    transition: .25s ease;
    will-change: transform
}

.preload .live.theater .grid-container.hide-sidebar .stream-container {
    transition: initial !important
}

.live.theater .grid-container .placeholder,
.live.theater .grid-container .sponsor-container {
    display: inherit
}

@media screen and (max-width:1450px) {
    .live.theater .grid-container {
        grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats stats"
    }

    .live.theater .placeholder {
        display: none !important
    }
}

.live.theater .stats-container {
    transform: translateY(0);
    height: 160px;
    transition: .25s ease;
    will-change: transform;
    opacity: 1
}

.preload .live.theater .stats-container {
    transition: initial !important
}

.live.theater .stats-container .flexbox-stats {
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto
}

.live .hide-sidebar .overlayBlocker {
    display: block;
    position: absolute;
    width: 80vw;
    height: 80vh;
    bottom: 80px;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    pointer-events: all
}

.live .matches-container-content {
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 160px) auto
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 160px) auto !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 160px);
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-16-9 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .counter-terrorist thead,
.live #LiveApplication:-webkit-full-screen.aspect-16-9 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .topbar {
    display: none
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .stats-container {
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 160px;
    padding-top: 0
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-16-9 .stats-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-9 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 275px) auto
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 275px) auto !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 275px);
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-16-10 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .counter-terrorist thead,
.live #LiveApplication:-webkit-full-screen.aspect-16-10 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .topbar {
    display: none
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .stats-container {
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 275px;
    padding-top: 50px
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-16-10 .stats-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-webkit-full-screen.aspect-16-10 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 300px auto 300px;
    grid-template-rows: auto calc(100vh - 250px) auto
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 250px) auto !important
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 300px);
    height: calc(100% + 250px);
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container .placeholder,
.live #LiveApplication:-webkit-full-screen.aspect-4-3 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .counter-terrorist thead,
.live #LiveApplication:-webkit-full-screen.aspect-4-3 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .topbar {
    display: none
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .stats-container {
    -webkit-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 250px;
    padding-top: 70px
}

.preload .live #LiveApplication:-webkit-full-screen.aspect-4-3 .stats-container {
    -webkit-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-webkit-full-screen.aspect-4-3 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 160px) auto
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 160px) auto !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 160px);
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-16-9 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .counter-terrorist thead,
.live #LiveApplication:-moz-full-screen.aspect-16-9 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .topbar {
    display: none
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .stats-container {
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 160px;
    padding-top: 0
}

.preload .live #LiveApplication:-moz-full-screen.aspect-16-9 .stats-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-moz-full-screen.aspect-16-9 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 275px) auto
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 275px) auto !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 275px);
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-16-10 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .counter-terrorist thead,
.live #LiveApplication:-moz-full-screen.aspect-16-10 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .topbar {
    display: none
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .stats-container {
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 275px;
    padding-top: 50px
}

.preload .live #LiveApplication:-moz-full-screen.aspect-16-10 .stats-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-moz-full-screen.aspect-16-10 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 300px auto 300px;
    grid-template-rows: auto calc(100vh - 250px) auto
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 250px) auto !important
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 300px);
    height: calc(100% + 250px);
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container .placeholder,
.live #LiveApplication:-moz-full-screen.aspect-4-3 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .counter-terrorist thead,
.live #LiveApplication:-moz-full-screen.aspect-4-3 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .topbar {
    display: none
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .stats-container {
    -moz-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 250px;
    padding-top: 70px
}

.preload .live #LiveApplication:-moz-full-screen.aspect-4-3 .stats-container {
    -moz-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-moz-full-screen.aspect-4-3 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 160px) auto
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 160px) auto !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 160px);
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container.hide-sidebar .stream-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-16-9 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .counter-terrorist thead,
.live #LiveApplication:-ms-full-screen.aspect-16-9 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .topbar {
    display: none
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .stats-container {
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 160px;
    padding-top: 0
}

.preload .live #LiveApplication:-ms-full-screen.aspect-16-9 .stats-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-ms-full-screen.aspect-16-9 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 275px auto 275px;
    grid-template-rows: auto calc(100vh - 275px) auto
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 275px) auto !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 275px);
    height: calc(100% + 275px);
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container.hide-sidebar .stream-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-16-10 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .counter-terrorist thead,
.live #LiveApplication:-ms-full-screen.aspect-16-10 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .topbar {
    display: none
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .stats-container {
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 275px;
    padding-top: 50px
}

.preload .live #LiveApplication:-ms-full-screen.aspect-16-10 .stats-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-ms-full-screen.aspect-16-10 .no-stream-text {
    top: 35%
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 {
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .live-subnav-hide {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block !important;
    cursor: pointer;
    height: 100%
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container {
    display: grid;
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stats placeholder";
    grid-template-columns: 300px auto 300px;
    grid-template-rows: auto calc(100vh - 250px) auto
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar {
    grid-template-areas: "topbar topbar topbar" "stream stream matches" "sponsor stream placeholder" !important;
    grid-template-rows: auto calc(100vh - 250px) auto !important
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .matches-container {
    transform: translateX(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .stats-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .sponsor-container {
    transform: translateY(100%);
    opacity: 0
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    width: calc(100% + 300px);
    height: calc(100% + 250px);
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform
}

.preload .live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container.hide-sidebar .stream-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container .placeholder,
.live #LiveApplication:-ms-full-screen.aspect-4-3 .grid-container .sponsor-container {
    display: inherit
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .counter-terrorist thead,
.live #LiveApplication:-ms-full-screen.aspect-4-3 .terrorist thead {
    display: table-header-group
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .topbar {
    display: none
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .stream-container {
    background-color: #000;
    background-image: none
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .stats-container {
    -ms-transition: .25s ease;
    transition: .25s ease;
    will-change: transform;
    transform: translateY(0);
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    height: 250px;
    padding-top: 70px
}

.preload .live #LiveApplication:-ms-full-screen.aspect-4-3 .stats-container {
    -ms-transition: initial !important;
    transition: initial !important
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .no-stream {
    padding-bottom: 40%
}

.live #LiveApplication:-ms-full-screen.aspect-4-3 .no-stream-text {
    top: 35%
}

.live #LiveApplication {
    background-color: #1b1f23
}

.live .topbar {
    grid-area: topbar;
    height: 30px;
    padding: 5px;
    background-image: linear-gradient(90deg, rgba(44, 110, 164, .5), rgba(44, 110, 164, 0) 50%), linear-gradient(200deg, rgba(44, 110, 164, .3), rgba(44, 110, 164, 0) 70%)
}

.live .fullscreen-button {
    background-color: rgba(27, 31, 35, .5);
    border: 1px solid #687482;
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer
}

@media (max-width:500px) {
    .live .fullscreen-button {
        display: none
    }
}

.live .theater-button {
    background-color: rgba(27, 31, 35, .5);
    border: 1px solid #687482;
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    height: 24px;
    margin-left: 5px
}

@media (max-width:500px) {
    .live .theater-button {
        display: none
    }
}

.live .theater-button a:hover {
    color: hsla(0, 0%, 100%, .5) !important
}

.live .flexbox-stats {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap
}

.live .flexbox-stats .scorebot {
    flex: 0 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap
}

.live .flexbox-stats .scorebot .scoreboard {
    flex: 1 1 100%;
    margin: 0 auto
}

.live .gradient {
    background-image: linear-gradient(0deg, rgba(44, 110, 164, .5), rgba(44, 110, 164, 0) 50%);
    min-height: 399px
}

.live .stream-container {
    background-image: url(/img/static/noStream.jpg);
    background-size: cover;
    background-color: #000;
    width: 100%;
    height: 100%;
    transition: .25s ease;
    will-change: transform
}

.preload .live .stream-container {
    transition: initial !important
}

@media (max-width:500px) {
    .live .stream-container {
        display: none
    }
}

.live .stream-container .no-stream-text {
    color: #fff;
    font-size: 31px;
    text-align: center;
    position: relative;
    top: 35%
}

.live .scroll-container {
    overflow-y: auto;
    height: calc(100% - 132px);
    background-image: linear-gradient(0deg, rgba(44, 110, 164, .5), rgba(44, 110, 164, 0) 50%)
}

.live .scroll-container .no-matches {
    margin: 0 auto;
    padding: 30px 8px
}

.live .scroll-container .no-matches .smiley {
    opacity: .75;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center
}

.live .scroll-container .no-matches .header {
    opacity: .75;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center
}

.live .scroll-container .no-matches .text {
    opacity: .5;
    font-size: 12px;
    color: #fff;
    display: block;
    text-align: center
}

.live .live-sponsorbar {
    background-image: linear-gradient(90deg, rgba(44, 110, 164, .8), rgba(44, 110, 164, .65) 70%) !important;
    height: 104px;
    position: relative
}

.live .live-sponsorbar .live-sponsorbar-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: stretch
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team {
    padding-top: 15px;
    text-align: center;
    flex-basis: 43%;
    transition: .2s ease
}

.preload .live .live-sponsorbar .live-sponsorbar-flex .sponsor-team {
    transition: initial !important
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team:hover .sponsor-team-logo-container {
    filter: brightness(125%)
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team:hover .sponsor-odds {
    background-color: #4881b1;
    color: hsla(0, 0%, 100%, .8) !important
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team .sponsor-team-logo-container {
    height: 45px;
    width: 45px;
    margin: 0 auto
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team .sponsor-team-logo-container img {
    max-width: 45px;
    max-height: 45px
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team .sponsor-odds {
    margin-top: 8px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .7);
    background-color: #123b5a;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
    transition: .2s ease;
    font-weight: 700
}

.preload .live .live-sponsorbar .live-sponsorbar-flex .sponsor-team .sponsor-odds {
    transition: initial !important
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team-1 {
    transition: .2s ease
}

.preload .live .live-sponsorbar .live-sponsorbar-flex .sponsor-team-1 {
    transition: initial !important
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team-1:hover {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1)
}

.live .live-sponsorbar .live-sponsorbar-flex .sponsor-team-2:hover {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1)
}

.live .live-sponsorbar .sponsor-vs {
    top: 10px;
    text-align: center;
    color: hsla(0, 0%, 100%, .5);
    position: relative;
    height: 0;
    pointer-events: none
}

.live .live-sponsorbar .sponsor-vs .sponsor-text {
    font-size: 9px
}

.live .live-sponsorbar .sponsor-vs .sponsor-logo {
    height: 15px
}

.live .matches-container .event-headline {
    border-bottom: 1px solid #687482;
    background-image: linear-gradient(90deg, rgba(44, 110, 164, .5), #192630 50%), linear-gradient(200deg, rgba(44, 110, 164, .3), rgba(44, 110, 164, 0) 70%);
    padding: 5px 8px
}

.live .matches-container .event-headline:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.live .matches-container .event-headline .logo {
    display: inline-block;
    max-width: 20px;
    max-height: 20px
}

.live .matches-container .event-headline .name {
    margin-left: 8px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    width: 80%;
    margin-bottom: -7px
}

.live .matches-container .event-headline .toggle {
    color: #5ea3de;
    float: right;
    cursor: pointer;
    margin-top: 4px
}

.live .matches-container .active {
    border-left: 5px solid #2c6ea4 !important;
    background-image: linear-gradient(90deg, rgba(44, 110, 164, .8), rgba(44, 110, 164, .65) 70%) !important
}

.live .matches-container .active .live-stream-selector {
    display: flex;
    justify-content: space-between;
    color: hsla(0, 0%, 100%, .75);
    font-size: 10px;
    font-weight: 700
}

.live .matches-container .active .live-stream-selector select {
    background-color: #27557b;
    border: 0;
    color: #fff;
    max-width: 160px
}

.live .matches-container .live-stream-selector {
    display: none
}

.live .matches-container .match {
    cursor: pointer;
    background-image: linear-gradient(200deg, rgba(44, 110, 164, .3), rgba(44, 110, 164, 0) 70%), linear-gradient(20deg, #1f3346, #1f3f59 70%);
    border-bottom: 1px solid #687482;
    padding: 3px 8px;
    border-left: 5px solid #1f3549
}

.live .matches-container .match:hover {
    background-color: hsla(0, 0%, 100%, .05)
}

.live .matches-container .match .matches-starting-soon {
    color: #8cacc7;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding-right: 10px
}

.live .matches-container .match .team-box .team-name {
    margin-left: 5px;
    color: hsla(0, 0%, 100%, .7)
}

.live .matches-container .match .team {
    color: hsla(0, 0%, 100%, .7)
}

.live .matches-container .match .team .logo-container {
    width: 24px;
    text-align: center
}

.live .matches-container .match .team .logo-container img {
    max-height: 16px;
    max-width: 18px
}

.live .matches-container .match table {
    table-layout: fixed
}

.live .matches-container .match table tbody .score {
    text-align: right
}

.live .matches-container .match table tbody tr.team-box:last-child .scores {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.live .matches-container .match tr.team-box>td {
    padding-bottom: 5px;
    padding-top: 5px
}

.live .matches-container .match .logo {
    display: inline-block;
    max-width: 20px;
    max-height: 20px;
    margin-right: 5px
}

.live .matches-container .match .match-width {
    width: 100%
}

.live .matches-container .match .over {
    opacity: .65
}

.live .matches-container .match .scores {
    color: #fff;
    width: 20px
}

.live .matches-container .match .leading {
    font-weight: 700
}

.live .matches-container .match .trailing {
    font-weight: 500;
    opacity: .5
}

.live .matches-container .match .result {
    font-weight: 700;
    text-align: right
}

.live .matches-container .match .result.leading {
    color: #7ed321;
    font-weight: 700
}

.live .matches-container .match .result.trailing {
    color: #ff1a36
}

.live .matches-container .match .result.trailing:last-child {
    opacity: 1
}

@media (max-width:500px) {
    .live .matches-container {
        width: 100%;
        height: 100%;
        max-width: 100%;
        flex: 1 1 100%
    }
}

.live .matches-container .live-subnav {
    height: 28px;
    color: hsla(0, 0%, 100%, .5);
    display: block;
    line-height: 28px;
    border-top: 1px solid #687482;
    border-bottom: 1px solid #687482;
    box-sizing: border-box
}

.live .matches-container .live-subnav .disabled {
    color: hsla(0, 0%, 100%, .25);
    cursor: not-allowed !important
}

.live .matches-container .live-subnav .active {
    font-weight: 700;
    border-left: 0;
    color: #fff
}

.live .matches-container .live-subnav .live-subnav-hide {
    display: none
}

.live .matches-container .live-subnav .live-subnav-score,
.live .matches-container .live-subnav .live-subnav-twitch {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #687482;
    display: inline-block;
    cursor: pointer;
    height: 100%
}

.live .scroll-container::-webkit-scrollbar {
    width: 1em
}

.live .scroll-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.live .scroll-container::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2);
    outline: 1px solid #708090
}

.live .video-stream,
.live .video-stream iframe {
    width: 100%;
    height: 100%
}

.live .sponsor-container {
    grid-area: sponsor
}

.live .pinnacle-container .sponsor-provider-logo {
    height: 18px !important
}

.live .sponsor-container,
.live .sponsor-container-right {
    transition: .25s ease;
    will-change: transform;
    opacity: 1;
    background-color: #2d3844 !important;
    padding: 15px;
    color: hsla(0, 0%, 100%, .8) !important
}

.preload .live .sponsor-container,
.preload .live .sponsor-container-right {
    transition: initial !important
}

.live .sponsor-container-right .gradient-background,
.live .sponsor-container .gradient-background {
    background-image: linear-gradient(0deg, #2e3943, #212930);
    box-shadow: 0 -11px 29px 0 rgba(0, 0, 0, .45);
    border-radius: 5px;
    max-height: 170px
}

.live .sponsor-container-right .sponsor-provider-container,
.live .sponsor-container .sponsor-provider-container {
    padding-top: 10px;
    text-align: center;
    font-size: 8px
}

.live .sponsor-container-right .sponsor-provider-container .sponsor-provider-logo,
.live .sponsor-container .sponsor-provider-container .sponsor-provider-logo {
    height: 15px
}

.live .sponsor-container-right .flexbox-sponsor-teams,
.live .sponsor-container .flexbox-sponsor-teams {
    margin-top: 12px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: stretch;
    transition: .2s ease
}

.preload .live .sponsor-container-right .flexbox-sponsor-teams,
.preload .live .sponsor-container .flexbox-sponsor-teams {
    transition: initial !important
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team {
    flex-basis: 50%;
    text-align: center;
    margin: 0 auto
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team:hover,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team:hover {
    filter: brightness(125%)
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team:hover .sponsor-odds,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team:hover .sponsor-odds {
    background-color: #15638a;
    color: hsla(0, 0%, 100%, .8) !important
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team .sponsor-team-logo-container,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team .sponsor-team-logo-container {
    height: 45px;
    width: 45px;
    margin: 0 auto
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team .sponsor-team-logo-container img,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team .sponsor-team-logo-container img {
    max-width: 45px;
    max-height: 45px
}

.live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team .sponsor-odds,
.live .sponsor-container .flexbox-sponsor-teams .sponsor-team .sponsor-odds {
    margin-top: 8px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .7);
    background-color: #123b5a;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
    transition: .2s ease;
    font-weight: 700
}

.preload .live .sponsor-container-right .flexbox-sponsor-teams .sponsor-team .sponsor-odds,
.preload .live .sponsor-container .flexbox-sponsor-teams .sponsor-team .sponsor-odds {
    transition: initial !important
}

.live .overlayBlocker {
    display: none
}

.live .live-table {
    border-collapse: collapse;
    width: 100%
}

.live .live-table thead {
    margin-bottom: 3px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.live .live-table tr {
    height: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.live .live-table tr:last-child {
    border-bottom: none !important
}

.live .live-table tr td {
    border-right: 1px solid hsla(0, 0%, 100%, .25)
}

.live .live-table tr td:last-child {
    border-right: none !important
}

.live .live-table .team-logo {
    text-align: center;
    height: 25px
}

.live .live-table .provider-logo {
    text-align: center
}

.live .live-table .provider-logo img {
    width: 55px;
    padding-top: 4px;
    padding-bottom: 4px
}

.live .live-table .live-table-team-logo {
    max-height: 25px;
    width: 25px
}

.live .live-table .provider-odds {
    text-align: center
}

.live .live-table .provider-odds:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.live .live-table .provider-odds a {
    display: block;
    color: #fff !important;
    font-weight: 700;
    height: 22px;
    line-height: 24px
}

.live .placeholder {
    transition: .25s ease;
    will-change: transform;
    opacity: 1;
    grid-area: placeholder;
    background-color: #2d3844 !important;
    color: hsla(0, 0%, 100%, .65)
}

.preload .live .placeholder {
    transition: initial !important
}

.live .placeholder .hint-box {
    background-image: linear-gradient(0deg, #2e3943, #212930);
    box-shadow: 0 -11px 29px 0 rgba(0, 0, 0, .45);
    border-radius: 5px;
    max-height: 170px;
    text-align: center
}

.live .placeholder .hint-box h2 {
    margin-bottom: 0
}

.live .stats-container {
    transform: translateY(0);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #2d3844 !important
}

@media (max-width:500px) {
    .live .stats-container {
        display: none
    }
}

.live .stats-container .team {
    margin: auto;
    flex: 0 1 70px
}

.live .stats-container .team .team-name {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: block
}

.live .stats-container .team .logo {
    max-width: 70px;
    max-height: 70px;
    display: block;
    margin: 0 auto 8px
}

.live .stats-container .team1-stats {
    flex: 0 1 50%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap
}

.live .stats-container .team1-stats .team {
    margin-left: 8px
}

.live .stats-container .team2-stats {
    flex: 0 1 50%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap
}

.live .stats-container .team2-stats .team {
    margin-right: 8px
}

.live .stats-container .scoreboard {
    flex: 1 1 50%;
    margin-right: 8px;
    margin-left: 8px
}

.live .stats-container .scoreboard .title {
    color: #fff;
    font-size: 9px;
    opacity: .5;
    margin-top: -4px;
    text-transform: uppercase
}

.live .stats-container .scoreboard .value {
    color: #fff;
    text-align: center
}

.live .stats-container .scoreboard .left {
    text-align: left !important
}

.live .stats-container .scoreboard .value-team {
    font-weight: 700;
    color: #fff
}

.live .stats-container .scoreboard table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.live .stats-container .scoreboard tr td:first-child {
    padding-left: 5px
}

.live .stats-container .scoreboard .counter-terrorist .scoreboard-info {
    background-color: inherit !important;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 700;
    font-size: 10px;
    text-align: center
}

.live .stats-container .scoreboard .counter-terrorist tr:nth-child(2n) {
    background-color: rgba(41, 144, 216, .2)
}

.live .stats-container .scoreboard .counter-terrorist tr:nth-child(odd) {
    background-color: rgba(41, 144, 216, .1)
}

.live .stats-container .scoreboard .terrorist .scoreboard-info {
    background-color: inherit !important;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 700;
    font-size: 10px;
    text-align: center
}

.live .stats-container .scoreboard .terrorist tr:nth-child(2n) {
    background-color: rgba(240, 180, 18, .2)
}

.live .stats-container .scoreboard .terrorist tr:nth-child(odd) {
    background-color: rgba(240, 180, 18, .1)
}

.live .stats-container .awaiting-teams {
    margin-left: 16px;
    color: #fff
}

.live .scorebot .scoreboard .roundHistory {
    padding: 0
}

.live .scorebot .scoreboard .roundHistoryLine {
    width: 50%
}

.live .scorebot .scoreboard .roundHistoryLineSideCT {
    border-width: 0
}

.live .scorebot .scoreboard .roundHistory .firstHalf {
    flex-direction: row;
    width: 100%;
    border: none
}

.live .team1-stats .scoreboard {
    min-height: 132px
}

.live .team1-stats .scorebot .scoreboard {
    min-height: 0
}

.live .team1-stats .scorebot .scoreboard .roundHistory .firstHalf .roundHistoryLine:first-child,
.live .team1-stats .scorebot .scoreboard .roundHistory .firstHalf:first-child {
    border-right: 1px dashed hsla(0, 0%, 100%, .4)
}

.live .team2-stats .scoreboard {
    min-height: 132px
}

.live .team2-stats .scorebot .scoreboard {
    min-height: 0
}

.live .team2-stats .scorebot .scoreboard .roundHistory .firstHalf .roundHistoryLine:first-child {
    border-right: 1px dashed hsla(0, 0%, 100%, .4)
}

.live .historyIcon {
    width: 14px
}

.live .invert {
    filter: invert(100%)
}

.fantasy .button-as-link {
    background: none;
    border: none;
    color: #87a3bf;
    cursor: pointer;
    padding: 0
}

.fantasy .button-as-link:hover {
    color: #87a3bf
}

.fantasy .avg-rating-ratio-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.fantasy .avg-rating-ratio-container .halfCircleContainer {
    position: relative
}

@media (max-width:500px) {
    .fantasy .avg-rating-ratio-container .halfCircleContainer {
        margin-bottom: 15px
    }
}

.fantasy .avg-rating-ratio-container .halfCircleContainer:after {
    display: block;
    content: "";
    height: 16px;
    width: 16px;
    background-color: #c10b00;
    border-radius: 100px;
    position: absolute;
    left: calc(50% + 2px);
    transform: translateX(-50%);
    bottom: -8px
}

.fantasy .avg-rating-ratio-container .halfCirclePointerContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

.fantasy .avg-rating-ratio-container .halfCirclePointerContainer .halfCirclePointer {
    width: 3px;
    height: 100%;
    background-color: #c10b00;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: rotate(0deg);
    transform-origin: bottom center
}

.fantasy .avg-rating-ratio-container .half-circle-svg {
    width: 100%;
    height: 100%
}

.fantasy .no-season .fantasy-team-detail-box .team-messages {
    max-height: 110px !important
}

.fantasy .fantasy-team-detail-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    color: #929a9e;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .fantasy .fantasy-team-detail-box {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
}

.fantasy .fantasy-team-detail-box .fantasy-team-detail-box-header {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .fantasy-team-detail-box .fantasy-team-detail-box-header {
        font-size: 14px
    }
}

.fantasy .fantasy-team-detail-box .team-messages {
    max-height: 149px;
    overflow: auto
}

@media (max-width:500px) {
    .fantasy .fantasy-team-detail-box .team-messages {
        font-size: 10px
    }
}

.fantasy .fantasy-team-detail-box .team-messages .team-message {
    border-bottom: 1px solid rgba(73, 88, 103, .5);
    padding: 4px 0;
    margin: 4px 0
}

.fantasy .fantasy-team-detail-box .team-messages .team-message:last-child {
    border-bottom: 0
}

.fantasy .season-scoreboard-progress-bar-container {
    position: relative;
    height: 12px;
    background-color: rgba(0, 0, 0, .2);
    margin-top: 8px
}

.fantasy .season-scoreboard-progress-bar-container .season-scoreboard-progress-bar-text-left,
.fantasy .season-scoreboard-progress-bar-container .season-scoreboard-progress-bar-text-right {
    position: absolute;
    top: -20px
}

.fantasy .season-scoreboard-progress-bar-container .season-scoreboard-progress-bar-text-left {
    left: 0
}

.fantasy .season-scoreboard-progress-bar-container .season-scoreboard-progress-bar-text-right {
    right: 0
}

.fantasy .season-scoreboard-progress-bar-container .seasons-coreboard-progress-bar {
    background-color: #2d6da3;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12px
}

@media (max-width:500px) {
    .fantasy .season-scoreboard-container {
        order: 3
    }
}

.fantasy .season-scoreboard-container .season-scoreboard-current-placement {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: -8px
}

.fantasy .season-scoreboard-container .season-scoreboard-text {
    opacity: .65;
    text-align: center;
    padding: 0;
    margin-top: 8px;
    font-size: 10px
}

.fantasy .season-scoreboard-container .season-scoreboard-button {
    height: 32px;
    border: 1px solid #435971;
    color: #435971;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 700;
    margin-top: 8px
}

.fantasy .season-scoreboard-container .season-scoreboard-button:hover {
    cursor: pointer;
    color: #fff;
    background-color: #435971
}

.fantasy .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .fantasy .custom-scrollbar::-webkit-scrollbar {
        height: 3px
    }
}

.fantasy .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.fantasy .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.fantasy .fantasy-team-teamname-container {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 34px;
    z-index: 1;
    position: relative;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy .fantasy-team-teamname-container {
        font-size: 24px
    }
}

.fantasy .fantasy-team-teamname-container .share-width {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px
}

.fantasy .fantasy-team-teamname-container .share-width i {
    font-size: 20px
}

.fantasy .fantasy-team-teamname-container .text-ellipsis {
    max-width: 100%;
    color: #fab200;
    text-shadow: 0 0 13px rgba(250, 178, 0, .8);
    padding: 8px;
    margin: -8px
}

.fantasy .fantasy-team-teamname-container .fantasy-team-overview-draft-countdown-sub,
.fantasy .fantasy-team-teamname-container .fantasy-team-overview-teamname-sub {
    font-size: 14px;
    opacity: .65;
    margin-top: -6px;
    font-weight: 400
}

.fantasy .fantasy-team-teamname-container .fantasy-team-overview-draft-countdown-sub {
    text-align: center
}

.fantasy .fantasy-sub-header {
    color: #929a9e;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    .fantasy .fantasy-sub-header {
        font-size: 12px
    }
}

.fantasy .fantasy-header {
    font-size: 24px;
    color: #929a9e;
    z-index: 1;
    margin-bottom: 16px;
    margin-top: 16px;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy .fantasy-header {
        font-size: 16px
    }
}

.fantasy .fantasy-header.fantasy-dark-header {
    color: #fff
}

.fantasy .fantasy20padding {
    padding: 0 20px
}

@media (max-width:500px) {
    .fantasy .fantasy20padding {
        padding: 0
    }
}

.fantasy .width100 {
    width: calc(100% + 32px);
    margin: 0 -16px
}

.fantasy .runtime-main {
    width: 100%
}

.fantasy .fantasy-2-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    margin-top: 16px
}

@media (max-width:500px) {
    .fantasy .fantasy-2-section {
        grid-template-columns: 1fr
    }
}

.fantasy .player-tracker-container {
    display: flex;
    flex-direction: column
}

.fantasy .player-tracker-container .player-tracker {
    position: relative;
    display: flex;
    overflow-x: scroll;
    gap: 16px;
    color: #fff;
    margin-left: -16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-bottom: 8px
}

@media (max-width:500px) {
    .fantasy .player-tracker-container .player-tracker {
        margin-left: -8px;
        padding-left: 8px;
        margin-right: -8px
    }
}

.fantasy .player-tracker-container .player-tracker .tracker-item {
    flex: 0 0 240px
}

.fantasy .tracker-item {
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding-top: 43px;
    height: calc(100% - 59px);
    color: #fff
}

.fantasy .tracker-item.skipped .card-player-tag,
.fantasy .tracker-item.skipped .tracker-item-bottom {
    display: none
}

.fantasy .tracker-item.eliminated {
    opacity: .35;
    filter: saturate(0)
}

.fantasy .tracker-item.eliminated .card-player-tag,
.fantasy .tracker-item.eliminated .tracker-item-bottom {
    display: none
}

.fantasy .tracker-item .tracker-item-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
    background: #556778;
    border-radius: 4px;
    height: 75px;
    position: relative;
    z-index: 2;
    padding: 8px;
    top: -24px;
    box-sizing: border-box;
    margin: 8px 8px -24px
}

@media (max-width:500px) {
    .fantasy .tracker-item .tracker-item-bottom {
        margin-bottom: -16px;
        padding-top: 4px
    }
}

.fantasy .tracker-item .tracker-item-bottom .empty-bottom-height {
    min-height: 40px
}

.fantasy .tracker-item .tracker-item-bottom .player-tracker-match-start-container {
    grid-column: 1/5;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.fantasy .tracker-item .tracker-item-bottom:hover .to-match-page {
    display: block
}

.fantasy .tracker-item .tracker-item-bottom .to-match-page {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #556778;
    border-radius: 4px
}

.fantasy .tracker-item .tracker-item-bottom .to-match-page a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 116px;
    border: 1px solid #eee;
    border-radius: 18px;
    color: #eee;
    font-size: 12px;
    padding: 4px 8px;
    text-align: center
}

.fantasy .tracker-item .tracker-item-bottom .to-match-page a:hover {
    color: #fff !important
}

.fantasy .tracker-item .tracker-item-top {
    display: flex;
    background: #3c485d;
    border-radius: 4px;
    height: 85px;
    position: relative
}

.fantasy .tracker-item .tracker-item-top .content {
    width: 100%;
    margin-left: 96px;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .fantasy .tracker-item .tracker-item-top .content {
        margin-left: 80px;
        padding-right: 8px
    }
}

.fantasy .tracker-item .tracker-item-top .content-match-status {
    font-size: 10px;
    opacity: .65
}

.fantasy .tracker-item .tracker-item-top .content-points {
    font-weight: 700;
    font-size: 10px;
    max-width: 68px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .fantasy .tracker-item .tracker-item-top .content-points {
        font-size: 10px;
        max-width: 50px
    }
}

.fantasy .tracker-item .player-card {
    position: absolute;
    bottom: 0;
    width: 80px;
    left: 16px
}

@media (max-width:500px) {
    .fantasy .tracker-item .player-card {
        width: 60px;
        bottom: 16px
    }
}

.fantasy .tracker-item .player-tracker-points-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.fantasy .tracker-item .player-tracker-point-description {
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .65
}

.fantasy .tracker-item .player-tracker-points {
    font-size: 14px;
    font-weight: 700
}

.fantasy .tracker-item .no-matches-yet {
    grid-column: 1/3;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center
}

.fantasy .fantasy-partner-section {
    margin-top: -32px;
    z-index: 5;
    position: relative
}

@media (max-width:500px) {
    .fantasy .fantasy-partner-section {
        margin-top: -24px
    }
}

@media (max-width:500px) {
    .fantasy .fantasy-partner-section .col-6 {
        flex: 1 1 100%
    }
}

.fantasy .fantasy-partner-section .fantasy-partner-image {
    max-height: 128px
}

.fantasy .fantasy-partner-section .fantasy-partner-container {
    width: 100%;
    height: 100%
}

.fantasy .fantasy-partner-section .fantasy-partner-image-container {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    align-self: center
}

@media (max-width:500px) {
    .fantasy .fantasy-partner-section .fantasy-partner-image-container {
        margin-left: 4px;
        display: inline-block
    }

    .fantasy .fantasy-partner-section .fantasy-partner-image-container .partner-link .fantasy-partner-image {
        width: unset;
        height: 20px
    }
}

.fantasy .fantasy-partner-section .fantasy-partner-image-container .partner-link {
    width: 90%
}

.fantasy .fantasy-partner-section .fantasy-partner-image-container .partner-link img {
    width: 100%
}

.fantasy .fantasy-partner-section .fantasy-prize-1 {
    background-color: #dea905;
    border-radius: 4px;
    color: #503d00
}

.fantasy .fantasy-partner-section .fantasy-prize-2 {
    background-color: silver;
    border-radius: 4px;
    color: #525252
}

.fantasy .fantasy-partner-section .fantasy-prize-3 {
    background-color: #cd7f32;
    border-radius: 4px;
    color: #522b04
}

.fantasy .fantasy-partner-section .fantasy-prize-placement {
    border-radius: 4px
}

.fantasy .fantasy-partner-section .fantasy-prize {
    font-weight: 700;
    text-align: right
}

.fantasy .fantasy-partner-section .fantasy-prize-1,
.fantasy .fantasy-partner-section .fantasy-prize-2,
.fantasy .fantasy-partner-section .fantasy-prize-3,
.fantasy .fantasy-partner-section .fantasy-prize-placement {
    text-align: center;
    flex: 0 0 75px;
    height: 20px
}

.fantasy .fantasy-partner-section .fantasy-prize-1 .fa-trophy,
.fantasy .fantasy-partner-section .fantasy-prize-2 .fa-trophy,
.fantasy .fantasy-partner-section .fantasy-prize-3 .fa-trophy,
.fantasy .fantasy-partner-section .fantasy-prize-placement .fa-trophy {
    margin-right: 5px
}

.fantasy .fantasy-partner-section .fantasy-prizes-container .head-row {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    padding: 8px;
    font-size: 10px
}

.fantasy .fantasy-partner-section .fantasy-prizes-container .prize-row {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    align-items: center
}

.fantasy .fantasy-partner-section .fantasy-prizes-container .prize-row:nth-child(2n) {
    background-color: #45515f
}

.fantasy .fantasy-partner-section .fantasy-partner-container,
.fantasy .fantasy-partner-section .fantasy-prizes-container {
    background-color: #364250;
    border-radius: 4px;
    height: 100%
}

.fantasy .fantasy-partner-section .fantasy-mini-header {
    font-size: 12px;
    text-align: center;
    color: rgba(146, 154, 158, .65);
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: 700
}

.fantasy .please-note-message .message {
    white-space: pre-wrap;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    background-color: #364250
}

@media (max-width:500px) {
    .fantasy .please-note-message .message {
        font-size: 10px
    }
}

.fantasy .eventBarFragment {
    margin: -16px -16px 16px;
    position: relative;
    overflow: hidden
}

.fantasy .eventBarFragment .eventBarBannerContainer {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #000
}

.fantasy .eventBarFragment .eventBarBanner {
    width: 100%;
    filter: blur(5px);
    overflow: hidden
}

.fantasy .eventBarFragment .countdownContainer {
    background-color: rgba(0, 0, 0, .45);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.fantasy .eventBarFragment .countdownContainer .countdownBox {
    display: inline-flex;
    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
    align-self: center;
    align-items: center;
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    max-width: 660px
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .logoBox {
    min-width: 0;
    flex: 0 0 130px;
    margin-right: 32px
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .logoBox {
        flex: 0 0 40px;
        margin-right: 16px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .textBox {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .textBox {
        max-width: 300px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox h1 {
    margin: 0
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox h1 {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox h1 a {
    color: #fff
}

.fantasy .eventBarFragment .countdownContainer .countdownBox h1 a:hover {
    color: #fff !important;
    opacity: .7
}

.fantasy .eventBarFragment .countdownContainer .countdownBox img {
    max-width: 130px;
    max-height: 130px
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox img {
        max-height: 40px;
        max-width: 40px;
        margin-right: 0;
        padding-left: 0
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .countdownBoxStartsIn {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .65);
    letter-spacing: 1px
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .countdownBoxStartsIn {
        font-size: 8px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .countdownBoxCountdown {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: -8px
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .countdownBoxCountdown {
        font-size: 10px;
        margin-top: -2px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta {
    height: 32px;
    margin-top: 16px
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta {
        font-size: 10px;
        margin-top: 4px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px 8px;
    transition: .2s ease;
    margin-right: 16px
}

.preload .fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta a {
    transition: initial !important
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta a {
        padding: 2px 4px
    }
}

.fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta a:hover {
    background-color: #fff;
    color: #000;
    transform: scale(1.1)
}

@media (max-width:500px) {
    .fantasy .eventBarFragment .countdownContainer .countdownBox .playNowCta a:hover {
        transform: scale(1.05)
    }
}

.fantasy .fantasy-error {
    border: 1px solid red;
    padding: 5px;
    background-color: #2d3844;
    margin-bottom: 1em
}

.fantasy .p-16 {
    padding: 16px
}

.fantasy .p-t-16 {
    padding-top: 16px
}

.fantasy .p-t-8 {
    padding-top: 8px
}

.fantasy .p-r-8 {
    padding-right: 8px
}

.fantasy .sub-headline {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #929a9e;
    font-size: 10px;
    opacity: .75
}

.fantasy .hint-box {
    border-radius: 4px
}

.fantasy .hint-box .hint-text {
    color: rgba(146, 154, 158, .85)
}

.fantasy .hint-box .hint-headline {
    color: #929a9e;
    font-size: 14px;
    display: block;
    margin-top: 16px
}

.fantasy .hint-box .hint-headline:first-child {
    margin-top: 0
}

.fantasy .section-header {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #495867;
    padding-top: 4px;
    padding-bottom: 4px
}

.fantasy .section-header-leaderboard {
    font-size: 24px;
    position: relative;
    margin-bottom: 8px
}

.fantasy .leaderboard-separation {
    width: 100%;
    text-align: center;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #495867;
    border-bottom: 1px solid #495867
}

.fantasy .gap-to-leader {
    margin-top: 8px
}

.fantasy .leaderboard-count {
    font-size: 12px;
    font-weight: 400;
    opacity: .65;
    text-align: right;
    margin-top: 8px;
    width: 260px
}

@media (max-width:500px) {
    .fantasy .leaderboard-count {
        width: 170px
    }
}

.fantasy .leaderboard-count .arrow-wrapper {
    display: inline-block
}

.fantasy .leaderboard-count .leaderboard-pagination {
    margin-left: 15px;
    display: inline-block
}

.fantasy .leaderboard-count .leaderboard-pagination-arrow {
    display: inline-block
}

.fantasy .leaderboard-count .leaderboard-pagination-arrow i {
    padding: 5px 15px
}

.fantasy .section-spacer {
    height: 18px
}

.fantasy .fantasy-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.fantasy .fantasy-container {
    padding: 16px
}

@media (max-width:500px) {
    .fantasy .fantasy-container {
        padding: 8px
    }
}

.fantasy .fantasy-container .fantasy-dark-bg {
    margin: -16px -16px 0;
    padding: 16px 16px 0;
    background: url(/img/static/fantasy/fantasy_top_bg.png) no-repeat;
    background-color: #363a3f;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding-bottom: 160px !important
}

@media (max-width:500px) {
    .fantasy .fantasy-container .fantasy-dark-bg {
        margin: -8px -8px 0;
        padding: 8px 8px 0
    }
}

.fantasy .fantasy-container .fantasy-dark-bg.join-league-new {
    padding-bottom: 20px !important;
    margin-bottom: -16px
}

.fantasy .fantasy-container .fantasy-dark-bg.join-game-component {
    padding-bottom: 40px !important;
    margin-bottom: -16px
}

.fantasy .fantasy-container .fantasy-dark-bg.round-by-round-below {
    padding-bottom: 150px
}

.fantasy .fantasy-container .fantasy-dark-bg:before {
    content: "";
    display: block;
    height: 130px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fantasy .fantasy-container .fantasy-dark-bg:after {
    content: "";
    display: block;
    height: 130px;
    width: 100%;
    background: linear-gradient(1turn, #363a3f, transparent);
    position: absolute;
    left: 0;
    top: 382px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fantasy .fantasy-wrapper .fantasy-content {
    background-color: #364250;
    border-top: 1px solid #495867;
    margin-top: -2px
}

@media (max-width:500px) {
    .fantasy .fantasy-wrapper .fantasy-content {
        padding: 8px
    }
}

.fantasy .fantasy-wrapper .draft-error {
    color: red
}

.fantasy .fantasy-wrapper .draft-best-highlights .highlight-textbox,
.fantasy .fantasy-wrapper .leaderboard-stats-table {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px
}

.fantasy .fantasy-wrapper .leaderboard-stats-table th {
    padding-top: 4px
}

@media (max-width:500px) {
    .fantasy .fantasy-wrapper .eventBarFragment {
        margin: -8px -8px 16px
    }
}

.fantasy .fantasy-team-twitter {
    position: absolute;
    width: 800px;
    height: 418px;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 999999999;
    box-sizing: border-box
}

.fantasy .fantasy-team-twitter .player-data {
    opacity: 0
}

.fantasy .fantasy-team-twitter .bgPadding {
    position: inherit !important
}

.fantasy .fantasy-team-twitter .assign-role-text {
    font-size: 14px !important
}

.fantasy .fantasy-team-twitter .role-icon {
    width: 35px !important
}

.fantasy .fantasy-content {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px
}

.fantasy .fantasy-skeleton-text {
    background: rgba(146, 154, 158, .1);
    width: 90px;
    height: 30px
}

@media (max-width:500px) {
    .fantasy .fantasy-skeleton-text {
        width: 60px;
        height: 20px
    }
}

.fantasy .top-menu.skeleton {
    align-items: center;
    gap: 8px
}

.fantasy .top-sub-menu.skeleton {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 16px
}

@media (max-width:500px) {
    .fantasy .top-sub-menu.skeleton {
        justify-content: space-between;
        flex: 1 auto;
        display: flex
    }
}

@media (max-width:500px) {
    .fantasy .top-sub-menu.skeleton .fantasy-skeleton-nav {
        flex: 1;
        width: 100%;
        justify-content: space-around
    }
}

.fantasy .fantasy-content.skeleton {
    min-height: 100vh
}

.fantasy .fantasy-skeleton-logo {
    height: 38px;
    width: 38px;
    background: rgba(146, 154, 158, .1);
    border-radius: 8px
}

@media (max-width:500px) {
    .fantasy .fantasy-skeleton-logo {
        height: 25px;
        width: 25px
    }
}

.fantasy .fantasy-skeleton-nav {
    display: flex;
    gap: 16px
}

.fantasy .fantasy-skeleton-eventname {
    background: rgba(146, 154, 158, .15);
    width: 151px;
    height: 20px
}

@media (max-width:500px) {
    .fantasy .fantasy-skeleton-eventname {
        width: 135px
    }
}

.fantasy .top-menu {
    display: grid;
    grid-template-columns: 38px 1fr 100px 100px;
    background-color: #2d3844
}

@media (max-width:500px) {
    .fantasy .top-menu {
        grid-template-columns: 25px 1fr 70px 60px
    }
}

.fantasy .top-menu .nav-league-link {
    display: flex;
    align-items: center;
    margin-left: 4px;
    font-size: 14px;
    font-weight: 700
}

.fantasy .top-menu .nav-league-link a {
    color: #929a9e !important
}

.fantasy .top-menu .public-league-link {
    display: inline-block
}

.fantasy .top-menu .top-menu-logo {
    width: 38px;
    height: 38px
}

@media (max-width:500px) {
    .fantasy .top-menu .top-menu-logo {
        height: 25px;
        width: 25px
    }
}

.fantasy .top-menu .top-menu-select {
    max-width: 200px;
    margin-left: 8px;
    border: 1px solid rgba(73, 88, 103, .5);
    border-radius: 4px;
    background-color: #364250;
    font-weight: 700;
    color: #929a9e
}

.fantasy .top-menu .top-menu-select:hover {
    cursor: pointer
}

@media (max-width:500px) {
    .fantasy .top-menu .top-menu-select {
        max-width: 130px
    }
}

.fantasy .top-menu .menu-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px
}

.fantasy .top-menu .menu-tab a {
    color: #929a9e
}

.fantasy .top-sub-menu {
    background: #364250;
    height: 52px;
    display: flex;
    overflow-y: auto;
    font-size: 13px;
    border-top: 1px solid rgba(73, 88, 103, .5);
    border-bottom: 1px solid rgba(73, 88, 103, .5);
    margin-bottom: -1px;
    justify-content: space-between;
    padding: 0
}

.fantasy .top-sub-menu .top-sub-menu-left {
    align-items: center;
    display: flex
}

.fantasy .top-sub-menu .top-sub-menu-left .sub-menu-tab {
    height: 100%
}

.fantasy .top-sub-menu .top-sub-menu-right {
    flex: 1 auto;
    display: flex
}

@media (max-width:500px) {
    .fantasy .top-sub-menu .top-sub-menu-right {
        justify-content: space-between
    }
}

.fantasy .top-sub-menu .sub-menu-tab {
    position: relative;
    z-index: 2;
    padding: 0 20px;
    text-align: center;
    display: flex;
    align-items: center;
    opacity: .85;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    color: #929a9e !important
}

@media (max-width:500px) {
    .fantasy .top-sub-menu .sub-menu-tab {
        flex: 1 auto;
        justify-content: center;
        padding: 0 12px
    }
}

.fantasy .top-sub-menu .sub-menu-tab:first-child {
    margin-left: auto
}

@media (max-width:500px) {
    .fantasy .top-sub-menu .sub-menu-tab:first-child {
        margin-left: inherit
    }
}

.fantasy .top-sub-menu .sub-menu-tab.active {
    border-bottom: 3px solid #435971;
    font-weight: 700;
    opacity: 1;
    background-color: rgba(0, 0, 0, .05)
}

.fantasy .top-sub-menu .sub-menu-tab.selected {
    background-color: rgba(0, 0, 0, .3)
}

.fantasy .dropdown-expanded {
    position: absolute;
    transform: translate(-50%);
    background-color: #364250;
    z-index: 3
}

.fantasy .dropdown-expanded .dropdown-subtab {
    padding: 10px;
    cursor: pointer
}

.fantasy .dropdown-expanded .dropdown-subtab:not(.disabled):hover {
    background-color: rgba(0, 0, 0, .3)
}

.fantasy .dropdown-expanded .dropdown-subtab.disabled {
    color: rgba(146, 154, 158, .5);
    cursor: default
}

.fantasy .dropdown-expanded a {
    white-space: nowrap;
    color: #929a9e !important;
    padding: 10px;
    margin: -10px;
    display: block
}

.fantasy .league-tabs {
    display: flex;
    line-height: 32px
}

.fantasy .league-tabs .tab {
    padding: 0 8px;
    border-bottom: 1px solid #495867;
    font-weight: 700;
    background-color: #364250;
    text-align: center;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    box-shadow: inset -1px 0 1px -1px;
    z-index: 1
}

@media (max-width:500px) {
    .fantasy .league-tabs .tab {
        padding: 0 4px;
        font-size: 10px
    }
}

.fantasy .league-tabs .league-tab {
    border-right: none;
    max-width: 151px;
    min-width: 30px;
    flex: 0 1 auto
}

.fantasy .league-tabs .active {
    background-color: #2d3844;
    border-bottom: 1px solid #2d3844
}

.fantasy .league-tabs .add-league-tab {
    border-right: 1px solid #495867
}

.fantasy .league-tabs .world-tab {
    flex: 0 0 auto;
    margin-left: auto
}

.fantasy .subbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    z-index: 2
}

.fantasy .subbar .tabs {
    display: flex
}

.fantasy .subbar .tab {
    display: inline-block;
    padding: 4px 16px;
    height: 38px;
    line-height: 32px;
    border-right: 1px solid #495867;
    font-weight: 700;
    box-sizing: border-box
}

.fantasy .subbar .tab:hover,
.fantasy .subbar .tab:hover .subbar-select {
    background-color: #45515f;
    color: #87a3bf;
    cursor: pointer
}

@media (max-width:500px) {
    .fantasy .subbar .tab {
        font-size: 10px;
        padding: 4px 12px
    }
}

.fantasy .subbar .tab .draft-tab-countdown {
    border-radius: 5px;
    color: #fff;
    background-color: #87a3bf;
    margin-left: 5px;
    font-size: 10px;
    padding: 0 5px
}

.fantasy .subbar .active {
    color: #87a3bf;
    border-bottom: 2px solid #87a3bf
}

.fantasy .subbar .active:hover {
    border-bottom: 2px solid #87a3bf
}

.fantasy .subbar .subbar-select {
    border: 0;
    outline: 0;
    color: #87a3bf;
    max-width: 130px;
    background-color: #2d3844;
    width: 100%;
    height: 100%
}

.fantasy .event-fragment-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    margin-bottom: 16px
}

.fantasy .event-fragment-container.empty-state {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: rgba(146, 154, 158, .65);
    padding: 24px 0
}

.fantasy .event-fragment-container:hover {
    background-color: #45515f
}

.fantasy .event-fragment-container .left {
    float: left
}

.fantasy .event-fragment-container .event-fragment-wrapper {
    display: flex;
    justify-content: center
}

@media (max-width:500px) {
    .fantasy .event-fragment-container .event-fragment-wrapper {
        flex-direction: column
    }
}

.fantasy .event-fragment-container .event-fragment-wrapper img {
    width: 66px;
    height: 66px;
    display: inline-block;
    margin-right: 16px
}

.fantasy .event-fragment-container .event-fragment-wrapper .game-content {
    float: left;
    flex: 1 1 auto
}

.fantasy .event-fragment-container .event-fragment-wrapper .event-fragment-play {
    height: 43px
}

.fantasy .event-fragment-container .event-fragment-event-name {
    font-weight: 700;
    color: #929a9e;
    font-size: 18px;
    display: block
}

.fantasy .event-fragment-container .event-fragment-description {
    color: #929a9e;
    opacity: .7
}

@media (max-width:500px) {
    .fantasy .event-fragment-container .event-fragment-teams {
        margin-bottom: 16px
    }
}

.fantasy .event-fragment-container .event-fragment-teams img {
    max-width: 15px;
    max-height: 15px;
    margin-left: 5px;
    margin-right: 0
}

.fantasy .event-fragment-container .event-fragment-teams img:first-child {
    margin-left: 0
}

.fantasy .event-fragment-container .event-fragment-stats span {
    display: inline-block
}

.fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    float: right;
    margin-top: 4px
}

@media (max-width:500px) {
    .fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-container {
        float: none;
        padding: 0;
        margin-top: 16px
    }
}

.fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-container:last-child {
    margin-right: 24px
}

@media (max-width:500px) {
    .fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-container:last-child {
        margin-right: 0
    }
}

.fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-value {
    color: #88aace;
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: -12px
}

.fantasy .event-fragment-container .event-fragment-stats .event-fragment-stats-type {
    color: rgba(145, 168, 179, .65);
    font-size: 10px
}

.fantasy .event-fragment-container .event-fragment-play {
    background-image: linear-gradient(-42deg, #ca8b25, #f7dc82 47%, #fbba50);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    border-radius: 2px;
    font-size: 26px;
    color: #3a3a3a;
    padding: 16px 24px;
    float: right;
    text-align: center
}

.fantasy .event-fragment-container .event-fragment-play:hover {
    background-image: linear-gradient(-42deg, #eaa73a, #fde69a 47%, #fdc15f);
    color: #000
}

.fantasy .call-to-action {
    margin-top: 16px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    background-image: url(/img/static/fantasy/fantasy-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: hsla(0, 0%, 100%, .85)
}

.fantasy .call-to-action .draft-counter {
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    float: right;
    padding: 16px
}

.fantasy .call-to-action .draft-counter .draft-counter-eventname {
    font-size: 14px;
    color: #fff
}

.fantasy .call-to-action .draft-counter .draft-counter-countdown-numbers {
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 40px;
    padding: 0;
    margin: 0
}

.fantasy .call-to-action .draft-counter .draft-counter-countdown-spacers {
    width: 5px
}

.fantasy .call-to-action .draft-counter .draft-counter-countdown-days {
    color: #88b6dc;
    position: relative
}

.fantasy .call-to-action table {
    width: 100%;
    border-collapse: collapse
}

.fantasy .call-to-action .compete-with-friends {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: transparent;
    box-shadow: 0 1px 2px 0 #323232;
    max-width: 500px;
    width: 500px
}

.fantasy .call-to-action .compete-with-friends .headline {
    font-size: 18px;
    font-weight: 700
}

.fantasy .call-to-action .league-button {
    background-color: #435971;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #4287b5;
    max-width: 250px;
    width: 250px;
    float: right
}

.fantasy .call-to-action .league-button .league-button-link {
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff
}

.fantasy .call-to-action .league-button .league-button-link:hover {
    background-color: #59728e
}

.fantasy .call-to-action .league-button .league-button-link a {
    color: #fff
}

.fantasy .call-to-action .league-button .league-button-link a:hover {
    color: #fff !important
}

.fantasy .call-to-action .league-button:hover {
    border: 1px solid #30709a
}

.fantasy .call-to-action .or-divider {
    width: 250px;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
    float: right;
    max-width: 250px
}

.fantasy .call-to-action .or-divider:after {
    content: "";
    height: 1px;
    margin-bottom: 4px;
    display: inline-block;
    width: 114px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .45)
}

.fantasy .call-to-action .or-divider:before {
    content: "";
    height: 1px;
    margin-bottom: 4px;
    display: inline-block;
    width: 113px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .45)
}

.fantasy .info-box {
    color: #929a9e;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    background-color: #364250;
    padding: 16px;
    border: 1px solid #495867
}

@media (max-width:500px) {
    .fantasy .info-box {
        text-align: center
    }
}

.fantasy .info-box .join-cta {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px 24px;
    font-size: 18px;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 4px;
    background-color: #435971;
    display: inline-block;
    border-radius: 3px
}

@media (max-width:500px) {
    .fantasy .info-box .join-cta {
        display: block
    }
}

.fantasy .info-box .join-cta:hover {
    background-color: #59728e
}

.fantasy .info-box .info-text {
    width: 66%
}

@media (max-width:500px) {
    .fantasy .info-box .info-text {
        width: 100%
    }
}

.fantasy .info-box .headline {
    display: inline-block;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .fantasy .info-box .headline {
        font-size: 24px
    }
}

.fantasy .info-box .sub-text {
    opacity: .75;
    display: inline-block
}

.fantasy .info-box .sub-header {
    font-weight: 700;
    color: #929a9e;
    font-size: 14px;
    margin-top: 16px
}

.fantasy .info-box .sub-header:first-child {
    margin-top: 0
}

.fantasy .info-box img {
    max-height: 100%;
    max-width: 33.3%;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 1
}

@media (max-width:500px) {
    .fantasy .info-box img {
        display: none
    }
}

.fantasy .info-box .countdown {
    margin-top: 8px;
    font-size: 16px
}

.fantasy .info-box .countdown .time {
    font-weight: 700;
    color: #88b6dc
}

.fantasy .info-box .created-info-box-headline {
    font-weight: 700;
    font-size: 18px
}

.fantasy .info-box .created-info-box-split {
    display: flex
}

@media (max-width:500px) {
    .fantasy .info-box .created-info-box-split {
        flex-direction: column
    }
}

.fantasy .info-box .create-info-item {
    flex: 1 1 0
}

.fantasy .info-box .create-info-item:first-child {
    margin-right: 50px
}

@media (max-width:500px) {
    .fantasy .info-box .create-info-item:first-child {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width:500px) {
    .fantasy .info-box .create-info-item {
        flex-direction: column;
        width: 100%
    }
}

.fantasy .overview .fantasy-role-fragment {
    position: relative;
    transition: .4s ease
}

.preload .fantasy .overview .fantasy-role-fragment {
    transition: initial !important
}

.fantasy .overview .fantasy-role-fragment .role-img {
    width: 80%
}

.fantasy .overview .fantasy-role-fragment:hover {
    background-color: #45515f;
    cursor: pointer;
    border-radius: 4px
}

.fantasy .overview .fantasy-role-fragment:hover .role-image-holder {
    filter: brightness(130%);
    animation: rotateY 1.65s linear infinite
}

@keyframes rotateY {
    to {
        transform: rotateY(1turn)
    }
}

.fantasy .overview .most-value-for-money-players,
.fantasy .overview .players {
    padding-top: 64px
}

@media (max-width:500px) {

    .fantasy .overview .most-value-for-money-players,
    .fantasy .overview .players {
        padding-top: 0
    }
}

.fantasy .overview .overview-leaderboard-header {
    margin-bottom: 8px
}

.fantasy .overview .leaderboard-count {
    font-weight: 400;
    opacity: .65;
    font-size: 12px;
    text-align: right
}

.fantasy .overview .leaderboard-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .fantasy .overview .leaderboard-flex {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
}

.fantasy .overview .leaderboard-flex .leaderboard-child {
    flex: 1 0 0;
    min-width: 370px;
    margin: 0 16px
}

.fantasy .overview .leaderboard-flex .leaderboard-child:not(:first-child) {
    margin-left: 5px
}

@media (max-width:500px) {
    .fantasy .overview .leaderboard-flex .leaderboard-child:not(:first-child) {
        margin-left: 0
    }
}

@media (max-width:500px) {
    .fantasy .overview .leaderboard-flex .leaderboard-child {
        margin: 0;
        min-width: 0
    }
}

.fantasy .overview .bestValueForMoney {
    background-color: #364250;
    padding-bottom: 64px;
    margin-right: -16px
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney {
        padding-bottom: 8px
    }
}

.fantasy .overview .bestValueForMoney.g-grid {
    flex-direction: column
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney.g-grid {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney.g-grid .g-grid {
        flex-direction: column
    }
}

.fantasy .overview .bestValueForMoney .bestValueForMoneyContainer {
    padding-bottom: 0
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney .bestValueForMoneyContainer {
        padding-right: 16px
    }
}

.fantasy .overview .bestValueForMoney .bestValueForMoneyContainer .bestValueExplained {
    background-color: #45515f;
    display: flex;
    padding: 8px 4px;
    flex-direction: column
}

.fantasy .overview .bestValueForMoney .bestValueForMoneyContainer .bestValueExplained .explainers {
    display: flex
}

.fantasy .overview .bestValueForMoney .bestValueForMoneyContainer .bestValueExplained .explainers .explainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

.fantasy .overview .bestValueForMoney .bestValueForMoneyContainer .bestValueExplained .explainers .explainer b {
    margin-bottom: -4px;
    font-size: 12px;
    color: #929a9e
}

.fantasy .overview .bestValueForMoney .roleBox {
    padding-bottom: 0;
    padding-right: 16px
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney .roleBox {
        padding-right: 0
    }
}

.fantasy .overview .bestValueForMoney .roleBox .g-grid {
    flex-wrap: wrap
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney .roleBox .g-grid {
        flex-direction: row;
        margin-top: 16px;
        flex-wrap: wrap
    }
}

@media (max-width:500px) and (max-width:500px) {
    .fantasy .overview .bestValueForMoney .roleBox .g-grid .col {
        flex: 0 0 33.3333333333%
    }
}

.fantasy .overview .bestValueForMoney .hintBox {
    align-items: center;
    align-self: center;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .overview .bestValueForMoney .hintBox {
        padding-bottom: 4px
    }
}

.fantasy .overview .mostAssignedRoles {
    background-color: #364250;
    border-top: 1px solid #495867;
    padding-top: 64px;
    padding-bottom: 64px;
    margin-right: -16px
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles {
        padding-bottom: 8px
    }
}

.fantasy .overview .mostAssignedRoles.g-grid {
    flex-direction: column
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles.g-grid {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles.g-grid .g-grid {
        flex-direction: column
    }
}

.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer {
    padding-bottom: 0
}

@media (max-width:500px) {

    .fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer,
    .fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer {
        padding-right: 16px
    }
}

.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bestValueExplained,
.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bonus-explained,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bestValueExplained,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bonus-explained {
    background-color: #45515f;
    display: flex;
    padding: 8px 4px;
    flex-direction: column
}

.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bestValueExplained .explainers,
.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bonus-explained .explainers,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bestValueExplained .explainers,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bonus-explained .explainers {
    display: flex
}

.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bestValueExplained .explainers .explainer,
.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bonus-explained .explainers .explainer,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bestValueExplained .explainers .explainer,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bonus-explained .explainers .explainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bestValueExplained .explainers .explainer b,
.fantasy .overview .mostAssignedRoles .bestValueForMoneyContainer .bonus-explained .explainers .explainer b,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bestValueExplained .explainers .explainer b,
.fantasy .overview .mostAssignedRoles .mostAssignedRolesContainer .bonus-explained .explainers .explainer b {
    margin-bottom: -4px;
    font-size: 12px;
    color: #929a9e
}

.fantasy .overview .mostAssignedRoles .roleBox {
    padding-bottom: 0;
    padding-right: 16px
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles .roleBox {
        padding-right: 0
    }
}

.fantasy .overview .mostAssignedRoles .roleBox .g-grid {
    flex-wrap: wrap
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles .roleBox .g-grid {
        flex-direction: row;
        margin-top: 16px;
        flex-wrap: wrap
    }
}

@media (max-width:500px) and (max-width:500px) {
    .fantasy .overview .mostAssignedRoles .roleBox .g-grid .col {
        flex: 0 0 33.3333333333%
    }
}

.fantasy .overview .mostAssignedRoles .hintBox {
    align-items: center;
    align-self: center;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .overview .mostAssignedRoles .hintBox {
        padding-bottom: 4px
    }
}

.fantasy .overview .mostAssignedBoost {
    border-top: none;
    padding-top: 0;
    border-bottom: 1px solid #495867
}

.fantasy .overview .roles-boosters-headline {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    width: 100%
}

.fantasy .overview .role-hint-box {
    display: flex;
    font-size: 13px;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:500px) {
    .fantasy .overview .role-hint-box {
        font-size: 10px;
        padding-left: 0;
        padding-right: 0
    }
}

.fantasy .overview .role-hint-box .hint-headline {
    color: #929a9e;
    font-size: 28px;
    display: block;
    margin-top: 16px
}

.fantasy .overview .role-hint-box .hint-headline:first-child {
    margin-top: 0
}

@media (max-width:500px) {
    .fantasy .overview .players-container.g-grid {
        flex-direction: column
    }
}

@media (max-width:500px) {
    .fantasy .overview .roles-assigned-container.col-2 {
        flex: 0 0 25%
    }
}

.fantasy .overview .roles-assigned-container .counted-role-flex {
    flex: 1 0 0;
    margin-left: 10px;
    max-width: 20%;
    font-size: 10px;
    text-align: center
}

.fantasy .overview .roles-assigned-container .counted-role-flex:first-child {
    margin-left: 0
}

.fantasy .overview .roles-assigned-container .counted-role {
    text-align: center;
    margin-bottom: 5px;
    height: 100%;
    position: relative
}

.fantasy .overview .roles-assigned-container .counted-role .tooltip {
    text-align: left
}

.fantasy .overview .roles-assigned-container .counted-role:hover {
    background-color: #45515f;
    cursor: pointer;
    border-radius: 4px;
    z-index: 3
}

@media (max-width:500px) {
    .fantasy .overview .roles-assigned-container .counted-role {
        padding-bottom: 2px
    }
}

.fantasy .overview .roles-assigned-container .counted-role-name {
    font-size: 10px;
    margin-top: 0;
    font-weight: 700
}

.fantasy .overview .roles-assigned-container .counted-role-text {
    font-size: 10px;
    margin-top: 5px
}

@media (max-width:500px) {
    .fantasy .overview .roles-assigned-container .counted-role-text {
        font-size: 8px;
        margin-top: 4px
    }
}

.fantasy .overview .roles-assigned-container .counted-role-count-text {
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy .overview .roles-assigned-container .counted-role-count-text {
        margin-top: -2px
    }
}

.fantasy .overview .player-with-count {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px
}

@media (max-width:500px) {
    .fantasy .overview .player-with-count {
        margin-bottom: 16px
    }
}

.fantasy .overview .player-with-count .count-text,
.fantasy .overview .player-with-count .price-text {
    text-align: center;
    font-size: 10px;
    margin-top: 5px
}

@media (max-width:500px) {

    .fantasy .overview .player-with-count .count-text,
    .fantasy .overview .player-with-count .price-text {
        font-size: 8px
    }
}

.fantasy .overview .player-with-count .nr-of-times,
.fantasy .overview .player-with-count .price-per-point {
    font-weight: 700
}

.fantasy .overview .player-with-count .price-per-point-text {
    margin-top: -5px;
    color: rgba(146, 154, 158, .65)
}

.fantasy .overview .fantasy-faq .hintBox {
    padding-bottom: 0
}

.fantasy .overview .fantasy-faq .hint-headline {
    font-size: 32px;
    margin-left: 8px;
    margin-top: 16px
}

@media (max-width:500px) {
    .fantasy .overview .fantasy-faq .hint-headline {
        margin-left: 0
    }
}

.fantasy .overview .fantasy-faq .faq-question {
    font-size: 14px;
    font-weight: 700
}

.fantasy .overview .fantasy-faq li {
    margin-top: 24px
}

@media (max-width:500px) {
    .fantasy .overview .fantasy-faq li {
        margin-top: 16px
    }
}

.fantasy .podium-container {
    background-color: #364250;
    margin-top: 16px;
    padding: 16px 0;
    text-align: center
}

.fantasy .podium-container .podium-image-container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 65%
}

.fantasy .podium-container img {
    width: 100%
}

.fantasy .podium-container .first-place {
    position: absolute;
    top: 79.7872340426%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #a68541
}

.fantasy .podium-container .second-place {
    position: absolute;
    top: 86.170212766%;
    left: 15.668202765%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #969798
}

.fantasy .podium-container .third-place {
    position: absolute;
    top: 86.170212766%;
    left: 84.331797235%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #9b5e31
}

.fantasy .podium-container .placement-player {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:500px) {
    .fantasy .podium-container .placement-player {
        font-size: 8px
    }
}

.fantasy .podium-container .placement-points {
    font-size: 10px;
    margin-top: -3px;
    white-space: nowrap
}

.fantasy .leaderboard-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.fantasy .leaderboard-table .placement {
    width: 35px;
    text-align: center
}

.fantasy .leaderboard-table .player-count {
    text-align: right;
    width: 40px
}

@media (max-width:500px) {
    .fantasy .leaderboard-table .player-count {
        width: 20px
    }
}

.fantasy .leaderboard-table .draft-start {
    text-align: right
}

.fantasy .leaderboard-table .bonus {
    white-space: nowrap;
    text-align: right
}

.fantasy .leaderboard-table .points {
    width: 45px;
    text-align: right
}

.fantasy .leaderboard-table .team-points-mobile {
    white-space: nowrap
}

.fantasy .leaderboard-table .team-points {
    width: 62px;
    text-align: right
}

.fantasy .leaderboard-table .total {
    width: 45px;
    text-align: right
}

.fantasy .leaderboard-table .avg-points {
    width: 70px
}

.fantasy .leaderboard-table .money-league {
    width: 130px
}

.fantasy .leaderboard-table thead {
    border-bottom: 1px solid #495867
}

.fantasy .leaderboard-table thead th {
    text-align: left;
    opacity: .65;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px
}

@media (max-width:500px) {
    .fantasy .leaderboard-table thead th {
        font-size: 7px;
        padding-right: 4px;
        padding-left: 4px
    }
}

@media (max-width:500px) {
    .fantasy .leaderboard-table tbody {
        font-size: 10px
    }
}

.fantasy .leaderboard-table tbody tr td {
    padding: 6px 8px
}

@media (max-width:500px) {
    .fantasy .leaderboard-table tbody tr td {
        padding-right: 4px;
        padding-left: 4px
    }
}

.fantasy .leaderboard-table tbody tr .placement {
    width: 35px;
    text-align: center;
    font-weight: 700
}

.fantasy .leaderboard-table tbody tr .placement .fa-trophy {
    margin-right: 3px
}

.fantasy .leaderboard-table tbody tr .placement .gold {
    color: gold
}

.fantasy .leaderboard-table tbody tr .placement .silver {
    color: silver
}

.fantasy .leaderboard-table tbody tr .placement .bronze {
    color: #cd7f32
}

.fantasy .leaderboard-table tbody tr .bonus,
.fantasy .leaderboard-table tbody tr .points {
    text-align: right
}

.fantasy .leaderboard-table tbody tr .team {
    font-weight: 700
}

.fantasy .leaderboard-table tbody tr .total {
    text-align: right;
    font-weight: 700
}

.fantasy .leaderboard-table tbody tr .player-count {
    text-align: right
}

.fantasy .leaderboard-table tbody tr .user img {
    margin-right: 3px
}

@media (max-width:500px) {
    .fantasy .leaderboard-table tbody tr .user img {
        display: none
    }
}

.fantasy .leaderboard-table tbody tr:nth-child(odd) {
    background-color: #364250
}

.fantasy .leaderboard-table tbody tr.users-team-row {
    background-color: #45515f
}

.fantasy .leaderboard-stats-header {
    font-weight: 700
}

.fantasy .leaderboard-stats-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.fantasy .leaderboard-stats-table thead {
    border-bottom: 1px solid #495867
}

.fantasy .leaderboard-stats-table thead th {
    text-align: left;
    opacity: .65;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px
}

@media (max-width:500px) {
    .fantasy .leaderboard-stats-table thead th {
        font-size: 7px;
        padding-right: 8px;
        padding-left: 4px
    }
}

@media (max-width:500px) {
    .fantasy .leaderboard-stats-table tbody {
        font-size: 10px
    }
}

.fantasy .leaderboard-stats-table tbody tr td {
    padding: 17px 8px
}

@media (max-width:500px) {
    .fantasy .leaderboard-stats-table tbody tr td {
        padding: 6px 2px
    }
}

.fantasy .leaderboard-stats-table tbody tr img {
    margin-right: 3px
}

.fantasy .leaderboard-stats-table tbody tr .team-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.fantasy .leaderboard-stats-table tbody tr:nth-child(odd) {
    background-color: #364250
}

.fantasy .draft-best-highlights {
    display: flex;
    width: 50%;
    flex-direction: column
}

@media (max-width:500px) {
    .fantasy .draft-best-highlights {
        width: 100%
    }
}

.fantasy .draft-best-highlights .highligt-item {
    margin-bottom: 15px;
    margin-right: 10px
}

@media (max-width:500px) {
    .fantasy .draft-best-highlights .highligt-item {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.fantasy .draft-best-highlights .highligt-item .headline {
    font-weight: 700
}

.fantasy .draft-best-highlights .highligt-item .player-nick {
    font-size: 16px;
    font-weight: 700
}

.fantasy .draft-best-highlights .highlight-textbox {
    width: 100%;
    background-color: #364250;
    padding: 15px 0 15px 16px;
    box-sizing: border-box
}

.fantasy .draft-best-highlights .highlight-text-flex {
    display: flex;
    min-height: 70px;
    position: relative;
    font-size: 10px
}

.fantasy .draft-best-highlights .highlight-text-flex .highlight-image-container {
    position: absolute;
    right: 0;
    bottom: -16px;
    width: 35%
}

.fantasy .draft-best-highlights .highlight-text-flex img {
    width: 100%
}

.fantasy .draft-best-highlights .highlight-text {
    opacity: .7;
    width: 65%
}

.fantasy .draft-best-highlights .highlight-text .highlight-bold {
    font-weight: 700
}

.fantasy .highlight-and-table-flex {
    display: flex;
    margin: 20px 0;
    max-width: 928px
}

.fantasy .highlight-and-table-flex .best-stats-table-container {
    width: 50%
}

@media (max-width:500px) {
    .fantasy .highlight-and-table-flex .best-stats-table-container {
        width: 100%
    }
}

.fantasy .highlight-and-table-flex .best-stats-table-container .leaderboard-stats-table tbody tr td {
    padding: 10px 8px 8px
}

@media (max-width:500px) {
    .fantasy .highlight-and-table-flex {
        flex-direction: column
    }
}

.fantasy .leaderboard-margin {
    margin-bottom: 20px
}

.fantasy .event-info-container .event-container {
    background-color: #1b1b1b;
    padding: 16px;
    color: #fff;
    background-image: url(/img/static/fantasy/draft_bg.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    overflow: hidden;
    position: relative
}

.fantasy .event-info-container .event-container .event-logo-bg {
    position: absolute;
    top: 1px;
    height: 100%;
    right: -90px;
    opacity: .15;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.fantasy .event-info-container .event-container .countdown-container {
    text-align: center;
    position: relative;
    z-index: 2
}

.fantasy .event-info-container .event-container .countdown-container .header {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width:500px) {
    .fantasy .event-info-container .event-container .countdown-container .header {
        font-size: 24px
    }
}

.fantasy .event-info-container .event-container .countdown-container .sub-header {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width:500px) {
    .fantasy .event-info-container .event-container .countdown-container .sub-header {
        font-size: 12px
    }
}

.fantasy .event-info-container .event-container .countdown-container .countdown {
    font-size: 32px;
    letter-spacing: 1px;
    opacity: .9;
    padding-bottom: 3px;
    padding-top: 2px;
    margin: 16px auto;
    max-width: 450px;
    position: relative
}

@media (max-width:500px) {
    .fantasy .event-info-container .event-container .countdown-container .countdown {
        font-size: 20px
    }
}

.fantasy .event-info-container .event-container .countdown-container .countdown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .65) 50%, hsla(0, 0%, 100%, 0));
    top: -1px;
    left: 0
}

.fantasy .event-info-container .event-container .countdown-container .countdown:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .65) 50%, hsla(0, 0%, 100%, 0));
    bottom: -1px;
    left: 0
}

.fantasy .event-info-container .event-container .cta-container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons {
    text-align: center;
    margin: 16px 16px 0;
    flex: 0 1 40%
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
    color: #fff;
    display: inline-block;
    padding: 4px 16px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width:500px) {

    .fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button,
    .fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
        font-size: 12px
    }
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .sub-text,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .sub-text {
    display: block
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
    border-radius: 4px;
    background-color: #435971
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button:hover,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button:hover {
    background-color: #59728e
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button-deactivated,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button-deactivated {
    background-color: transparent;
    opacity: .3;
    border: 1px solid #fff
}

.fantasy .event-info-container .event-container .cta-container .create-join-league-button .action-button-deactivated:hover,
.fantasy .event-info-container .event-container .cta-container .draft-pre-draft-buttons .action-button-deactivated:hover {
    background-color: transparent;
    opacity: .3
}

.fantasy .event-info-container .event-container .cta-container .sub-text {
    opacity: .65;
    font-size: 12px;
    display: inline-block
}

@media (max-width:500px) {
    .fantasy .event-info-container .event-container .cta-container .sub-text {
        font-size: 9px
    }
}

.fantasy .create-league {
    display: flex
}

.fantasy .create-league .hint-box {
    flex: 1 1 25%
}

.fantasy .create-league form {
    flex: 1 1 75%;
    flex-direction: column;
    margin-right: 24px
}

.fantasy .create-league input[type=text] {
    padding-left: 4px;
    padding-right: 4px;
    background-color: #2d3844;
    color: #929a9e;
    border: 1px solid #495867;
    width: 200px
}

.fantasy .create-league input[type=text]:disabled {
    opacity: .5;
    cursor: not-allowed
}

.fantasy .create-league select {
    width: 180px
}

.fantasy .create-league .create-league-subheadline {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #929a9e;
    font-size: 10px;
    opacity: .75;
    margin-top: 10px
}

.fantasy .create-league .create-league-section {
    margin-bottom: 16px
}

.fantasy .create-league .create-league-section:last-child {
    margin-bottom: 0
}

.fantasy .create-league .draft-type-radios {
    margin-top: 10px
}

.fantasy .create-league .draft-type-radios .draft-radios-deadline {
    font-weight: 700
}

.fantasy .create-league .draft-type-radios .draft-radios-text-disabled {
    opacity: .5
}

.fantasy .create-league .time-of-draft .create-league-draft-time {
    margin-top: 5px;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid rgba(73, 88, 103, .5);
    cursor: pointer;
    background-color: #364250;
    color: rgba(145, 168, 179, .5)
}

.fantasy .create-league .time-of-draft .active {
    font-weight: 700;
    background-color: #2d3844;
    color: #929a9e;
    border: 1px solid #495867
}

.fantasy .create-league .select-draft-time-info {
    margin-top: 5px
}

.fantasy .create-league .create-league-button {
    background-color: #435971;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.fantasy .create-league .create-league-button:active {
    background-color: #59728e
}

.fantasy .create-or-join-league-radios {
    margin-right: 3px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox
}

.fantasy .leaderboard-top-bar {
    display: flex;
    background: #333;
    padding: 15px;
    align-items: center;
    margin-bottom: 12px
}

.fantasy .leaderboard-player {
    margin-right: 10px;
    width: 100%;
    min-width: 0
}

.fantasy .leaderboard-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000
}

.fantasy .leaderboard-countdown .draft-counter {
    text-align: center;
    color: hsla(0, 0%, 100%, .85);
    font-size: 8px
}

.fantasy .leaderboard-countdown .draft-counter-countdown-numbers {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 40px;
    padding: 0;
    margin: 0
}

.fantasy .leaderboard-countdown .draft-counter-countdown-spacers {
    width: 5px
}

.fantasy .leaderboard-countdown .draft-counter-countdown-days {
    color: #ffcf2c;
    position: relative
}

.fantasy .draft-button {
    background-image: linear-gradient(-42deg, #ca8b25, #f7dc82 47%, #fbba50);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    border-radius: 2px;
    font-size: 22px;
    color: #3a3a3a;
    padding: 2px 16px;
    float: right;
    text-align: center;
    font-weight: 700;
    margin: 10px
}

.fantasy .draft-button:hover {
    background-image: linear-gradient(-42deg, #eaa73a, #fde69a 47%, #fdc15f);
    color: #000
}

.fantasy .make-pre-draft-list-button {
    float: right
}

.fantasy .my-teams table {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.fantasy .my-teams table thead tr {
    background-color: #364250;
    border-bottom: 1px solid #495867;
    font-weight: 700;
    color: rgba(145, 168, 179, .65)
}

.fantasy .my-teams table thead th {
    text-align: left;
    padding: 8px
}

.fantasy .my-teams table tbody tr:nth-child(2n) {
    background-color: #364250
}

.fantasy .my-teams table tbody tr:hover {
    background-color: #45515f
}

.fantasy .my-teams table tbody tr .team-name {
    font-weight: 700;
    color: #87a3bf;
    padding: 8px
}

.fantasy .my-teams table tbody tr td {
    padding: 8px
}

.fantasy .draft-status {
    padding: 2px 5px;
    font-size: 10px;
    border: 1px solid #495867;
    border-radius: 3px;
    display: inline-block;
    font-weight: 700;
    color: rgba(146, 154, 158, .75);
    width: 60px;
    text-align: center
}

.fantasy .draft-status.active {
    border: 1px solid #435971;
    background-color: #435971;
    color: #fff;
    letter-spacing: .2px
}

@media (max-width:500px) {
    .fantasy .team-overview .keyNumbersStats {
        flex-wrap: wrap
    }

    .fantasy .team-overview .keyNumbersStats .overview-team .col-6 {
        flex: 0 0 50%
    }

    .fantasy .team-overview .keyNumbersStats .col-6 {
        flex: 0 0 100%
    }

    .fantasy .team-overview .keyNumbersStats .keyNumbers.col-6 {
        padding-bottom: 0
    }
}

.fantasy .team-overview .username {
    font-size: 12px;
    margin-bottom: -3px
}

.fantasy .team-overview .username img {
    margin-right: 3px
}

.fantasy .team-overview .overview-team {
    display: flex;
    margin-left: -16px;
    margin-bottom: -16px;
    flex-wrap: wrap;
    margin-top: 16px
}

.fantasy .team-overview .overview-team .col {
    flex: 1 0 25%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-team {
        display: flex;
        margin-left: -16px;
        margin-bottom: -16px;
        flex-wrap: wrap;
        margin-bottom: 0 !important
    }

    .fantasy .team-overview .overview-team .col {
        flex: 1 0 50%;
        padding-left: 16px;
        box-sizing: border-box;
        padding-bottom: 16px
    }
}

.fantasy .team-overview .overview-team .overview-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px
}

.fantasy .team-overview .overview-team .overview-container:first-child {
    margin-left: 0
}

.fantasy .team-overview .overview-team .overview-container:last-child {
    margin-right: 0
}

.fantasy .team-overview .overview-team .points-value {
    display: block;
    font-size: 24px;
    color: #88aace;
    text-align: center;
    line-height: 29px;
    font-weight: 700
}

.fantasy .team-overview .overview-team .team-count {
    font-size: 10px;
    font-weight: 400;
    line-height: 0
}

.fantasy .team-overview .overview-team .points-desc {
    display: block;
    font-size: 12px;
    color: rgba(145, 168, 179, .65);
    text-align: center;
    margin-top: 0
}

.fantasy .team-overview .flip-container {
    perspective: 1000px
}

.fantasy .team-overview .overview-stats-breakdown {
    margin: 10px 0
}

.fantasy .team-overview .overview-stats-breakdown table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.fantasy .team-overview .overview-stats-breakdown table thead {
    font-weight: 700;
    font-size: 10px;
    opacity: .65
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown table thead {
        font-size: 8px
    }
}

.fantasy .team-overview .overview-stats-breakdown table tr {
    border-bottom: 1px solid #495867;
    text-align: center;
    height: 25px
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown table tr {
        height: 32px
    }
}

.fantasy .team-overview .overview-stats-breakdown table th {
    vertical-align: bottom
}

.fantasy .team-overview .overview-stats-breakdown table th:first-child {
    width: 15px
}

.fantasy .team-overview .overview-stats-breakdown table th:nth-child(2) {
    width: 30%
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown table th:nth-child(2) {
        width: 25%
    }
}

.fantasy .team-overview .overview-stats-breakdown table th:last-child {
    text-align: right
}

.fantasy .team-overview .overview-stats-breakdown table tbody tr {
    border-bottom: 0
}

.fantasy .team-overview .overview-stats-breakdown table tbody tr:nth-child(odd) {
    background-color: #364250
}

.fantasy .team-overview .overview-stats-breakdown table td {
    text-align: center
}

.fantasy .team-overview .overview-stats-breakdown table td:last-child {
    text-align: right
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown table .overview-stats-breakdown-total {
        width: 30px
    }
}

.fantasy .team-overview .overview-stats-breakdown .total-bold {
    font-weight: 700
}

.fantasy .team-overview .overview-stats-breakdown .round-summary {
    cursor: pointer
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown .round-summary {
        font-size: 10px
    }
}

.fantasy .team-overview .overview-stats-breakdown .round-summary:hover {
    background-color: #45515f
}

.fantasy .team-overview .overview-stats-breakdown .round-summary .expand-icon {
    font-weight: 700
}

.fantasy .team-overview .overview-stats-breakdown .round-breakdown-header {
    font-weight: 700;
    overflow: inherit
}

.fantasy .team-overview .overview-stats-breakdown .round-breakdown-header .stats-boos-nick-container {
    white-space: nowrap
}

.fantasy .team-overview .overview-stats-breakdown .round-breakdown-header .round-breakdown-nick {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 108px)
}

.fantasy .team-overview .overview-stats-breakdown .status-container-flex {
    display: flex
}

.fantasy .team-overview .overview-stats-breakdown .status-container-flex .player-name {
    top: 50%;
    position: relative;
    transform: translateY(-50%)
}

.fantasy .team-overview .overview-stats-breakdown .status-box-container {
    display: inline-block;
    margin-right: 8px;
    width: 75px
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 10px;
    background-color: #d3d3d3;
    text-transform: uppercase
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box a {
    color: #fff
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-not-played a {
    color: #000
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-won {
    background-color: #09c100;
    color: #fff
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-lost {
    background-color: #fc1d1d;
    color: #fff
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-not-played {
    opacity: .7
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.round-live {
    background-color: #09c100;
    color: #fff;
    margin-right: 5px
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-live {
    background-color: #09c100;
    color: #fff
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-padding {
    color: #fff
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.status-no-points {
    opacity: .7
}

.fantasy .team-overview .overview-stats-breakdown .match-status-breakdown-box.live-dot {
    height: 8px;
    width: 8px;
    background-color: rgba(255, 50, 50, .75);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    padding: 0
}

.fantasy .team-overview .overview-stats-breakdown .expanded-row {
    text-align: center
}

.fantasy .team-overview .overview-stats-breakdown .expanded-row .breakdown-boost {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 400
}

.fantasy .team-overview .overview-stats-breakdown .expanded-row img {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.fantasy .team-overview .overview-stats-breakdown .expanded-row .bonus-placeholder {
    opacity: .5
}

@media (max-width:500px) {
    .fantasy .team-overview .overview-stats-breakdown .expanded-row {
        font-size: 10px
    }
}

.fantasy .team-overview .overview-stats-breakdown .text-left {
    text-align: left
}

.fantasy .team-overview .general-stat {
    padding: 2px 5px
}

.fantasy .team-overview .general-stat:first-child {
    margin-top: 16px
}

.fantasy .team-overview .general-stat:nth-child(odd) {
    background-color: #364250
}

.fantasy .team-overview .general-stat .general-stat-value {
    float: right;
    font-weight: 700
}

.fantasy .team-overview .bonus-button {
    display: inline-block;
    padding: 4px 16px;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 8px;
    margin-right: 10px;
    background-color: #364250;
    cursor: pointer;
    position: relative
}

.fantasy .team-overview .bonus-button:hover {
    background-color: #45515f
}

@media (max-width:500px) {
    .fantasy .team-overview .bonus-button {
        font-size: 10px
    }
}

.fantasy .team-overview .bonus-button.active {
    color: #fff;
    background-color: #435971
}

.fantasy .team-overview .bonus-button.active:hover {
    background-color: #59728e
}

.fantasy .team-overview .bonus-button .new-feature {
    position: absolute;
    top: -5px;
    background-color: #435971;
    border-radius: 5px;
    color: #fff;
    padding: 0 2px;
    font-size: 8px;
    border: 1px solid #495867
}

.fantasy .team-overview .role-boost-assignment-container {
    background-color: #364250;
    border: 1px solid #495867;
    padding: 8px;
    margin-bottom: 8px
}

.fantasy .team-overview .role-boost-assignment-container .role-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #495867
}

.fantasy .team-overview .role-boost-assignment-container .role-assignment-countdown {
    font-size: 8px
}

.fantasy .team-overview .role-boost-assignment-container .locks-in-text {
    font-weight: 700
}

.fantasy .team-overview .role-boost-assignment-container .locks-in-countdown {
    opacity: .5
}

.fantasy .team-overview .role-boost-assignment-container .boost-already-used {
    filter: brightness(0) drop-shadow(0 0 1px lightblue);
    opacity: .5
}

.fantasy .team-overview .role-boost-assignment-container .round-nav {
    flex: 1 1 0;
    font-size: 10px
}

.fantasy .team-overview .role-boost-assignment-container .round-select {
    cursor: pointer
}

.fantasy .team-overview .role-boost-assignment-container .round-select:hover {
    background-color: #45515f
}

.fantasy .team-overview .role-boost-assignment-container .prev-round i {
    margin-right: 5px
}

.fantasy .team-overview .role-boost-assignment-container .current-round {
    text-align: center;
    margin-bottom: 2px;
    flex: 1 1 0;
    color: #fff
}

.fantasy .team-overview .role-boost-assignment-container .current-round .round-text {
    background-color: #435971;
    padding: 2px 16px;
    display: inline-block
}

@media (max-width:500px) {
    .fantasy .team-overview .role-boost-assignment-container .current-round {
        font-size: 10px
    }
}

.fantasy .team-overview .role-boost-assignment-container .next-round {
    text-align: right
}

.fantasy .team-overview .role-boost-assignment-container .next-round i {
    margin-left: 5px
}

.fantasy .team-overview .role-boost-assignment-container .deactivated-round-select {
    opacity: .5
}

.fantasy .team-overview .role-boost-assignment-container .boost-round-matches {
    margin-top: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 10px
}

.fantasy .team-overview .role-boost-assignment-container .boost-round-matches .boost-round-matches-header {
    padding: 8px 8px 0;
    font-weight: 700
}

.fantasy .team-overview .role-boost-assignment-container .boost-round-matches .no-players-playing {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #929a9e;
    height: 80px;
    opacity: .6;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .fantasy .team-overview .role-boost-assignment-container .boost-round-matches .no-players-playing {
        font-size: 12px
    }
}

.fantasy .team-overview .roles-row {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    flex-wrap: wrap;
    position: relative
}

.fantasy .team-overview .roles-row .boosts-locked-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #d3d3d3;
    opacity: .7
}

.fantasy .team-overview .roles-row .boosts-locked-overlay-text {
    position: absolute;
    z-index: 3;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .team-overview .roles-row .boosts-locked-overlay-text {
        font-size: 14px
    }
}

.fantasy .team-overview .roles-row .role-container {
    position: relative
}

@media (max-width:500px) {
    .fantasy .team-overview .roles-row .role-container {
        margin-left: 10px
    }
}

.fantasy .team-overview .roles-row img {
    width: 40px;
    height: 40px
}

@media (max-width:500px) {
    .fantasy .team-overview .roles-row {
        justify-content: normal
    }

    .fantasy .team-overview .roles-row img {
        width: 25px;
        height: 25px
    }
}

.fantasy .team-overview .roles-row .assigned-role {
    filter: brightness(0);
    opacity: .5
}

.fantasy .team-overview .bonus-placeholder {
    filter: brightness(0) drop-shadow(0 0 1px lightblue)
}

.fantasy .team-overview .highlight-selection {
    filter: drop-shadow(0 0 10px red);
    cursor: pointer
}

.fantasy .team-overview .highlight-selection-not-allowed {
    cursor: not-allowed
}

.fantasy .team-overview .player-role-boost {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    background-image: linear-gradient(169deg, #1e2730, #1e2730 16%, #171d24 17%, #2c353d);
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4)
}

.fantasy .team-overview .player-role-boost img {
    width: 30px;
    height: 30px;
    margin: 8px 0
}

@media (max-width:500px) {
    .fantasy .team-overview .player-role-boost img {
        width: 20px;
        height: 20px;
        margin: 4px 0
    }
}

.fantasy .team-overview .player-role-boost .role-boost-text {
    color: #fff;
    opacity: .5;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:500px) {
    .fantasy .team-overview .player-role-boost .role-boost-text {
        font-size: 6px
    }
}

.fantasy .team-overview .player-role-boost .role-boost-container {
    text-align: center
}

.fantasy .role-container {
    position: relative
}

.fantasy .cursor-pointer {
    cursor: pointer
}

.fantasy .leave-league {
    padding: 0 5px;
    margin-right: 5px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #a92920
}

.fantasy .leave-league:hover {
    background-color: #8b0000
}

.fantasy .float-right {
    float: right
}

.fantasy .round-picker {
    border: none;
    font-weight: 700;
    font-size: 14px
}

.fantasy .players-container {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.fantasy .player-flex-child {
    padding-top: 9px;
    flex: 1 0 0;
    margin-left: 10px;
    max-width: 20%
}

@media (max-width:500px) {
    .fantasy .player-flex-child {
        padding-top: 4px
    }
}

.fantasy .player-flex-child:first-child {
    margin-left: 0
}

.fantasy .player-flex-child:hover {
    z-index: 1
}

.fantasy .player-card-container {
    width: 100%;
    position: relative;
    background-image: url(/img/static/draft/card_base.png);
    background-size: cover;
    padding-top: 138.1381381381%;
    top: 0;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.fantasy .player-card-level {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -9px;
    z-index: 0
}

@media (max-width:500px) {
    .fantasy .player-card-level {
        top: -4px
    }
}

.fantasy .player-card-level-gold {
    background-image: url(/img/static/draft/card_rank_gold2.png)
}

.fantasy .player-card-level-silver {
    background-image: url(/img/static/draft/card_rank_silver2.png)
}

.fantasy .player-card-level-bronze {
    background-image: url(/img/static/draft/card_rank_bronze2.png)
}

.fantasy .player-card-level-unknown {
    background-image: url(/img/static/draft/card_rank_unknown2.png)
}

.fantasy .player-card-upper {
    position: absolute;
    top: 0;
    width: 87.987987988%;
    height: 77.4403470716%;
    padding: 6.006006006% 6.006006006% 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.fantasy .player-card-upper .picture-holder {
    overflow: hidden;
    height: 100%;
    position: relative
}

.fantasy .player-card-upper .player-picture {
    position: absolute;
    top: 0;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%)
}

.fantasy .player-card-upper .player-card-stats {
    position: relative;
    margin: 5% 5% 0;
    overflow: hidden;
    display: flex;
    flex-flow: column wrap
}

.fantasy .player-card-upper .player-stats-link-container {
    text-align: center
}

.fantasy .player-card-upper .player-stats-link-container .player-stats-link {
    display: inline-block;
    border-radius: 2px;
    background-color: #476473;
    z-index: 2;
    text-align: center;
    font-size: 10px;
    padding: 2px 6px;
    color: #c1d1da;
    position: relative;
    bottom: 3px
}

@media (max-width:500px) {
    .fantasy .player-card-upper .player-stats-link-container .player-stats-link {
        font-size: 7px;
        padding: 2px
    }
}

.fantasy .player-card-upper .player-stats-link-container .player-stats-link:hover {
    background-color: #324d5a;
    color: #a6bbc7 !important
}

.fantasy .player-card-role-icon {
    position: absolute;
    right: 70%;
    top: 6%;
    width: 20%;
    z-index: 1
}

@media (max-width:500px) {
    .fantasy .player-card-role-icon {
        top: 0
    }
}

.fantasy .player-card-role-icon img {
    width: 100%
}

.fantasy .player-card-team-logo {
    position: absolute;
    left: 72%;
    top: 6%;
    width: 20%;
    z-index: 1
}

.fantasy .player-card-team-logo img {
    width: 100%
}

.fantasy .player-card-role {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 25%;
    z-index: 1
}

@-moz-document url-prefix() {
    .fantasy .player-card-role .fantasy-role-fragment .right-align {
        left: -10px
    }
}

.fantasy .card-holder {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.fantasy .card-player-tag {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 18.2212581345%;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .fantasy .card-player-tag {
        font-size: 10px;
        line-height: 14px
    }
}

.fantasy .card-player-tag .points {
    font-size: 10px;
    opacity: .5;
    margin-top: -3px
}

.fantasy .player-points-smartphone {
    text-align: center;
    font-size: 8px;
    font-weight: 700
}

.fantasy .gold-rank {
    background-image: linear-gradient(0deg, rgba(227, 171, 0, .4), rgba(45, 56, 68, 0))
}

.fantasy .silver-rank {
    background-image: linear-gradient(0deg, hsla(0, 0%, 57.3%, .4), rgba(45, 56, 68, 0))
}

.fantasy .bronze-rank {
    background-image: linear-gradient(0deg, rgba(227, 94, 0, .4), rgba(45, 56, 68, 0))
}

.fantasy .flip-container {
    -o-perspective: 1000;
    perspective: 1000;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy .flipper.flipped {
    transform: translateX(-100%) rotateY(180deg);
    transform-origin: right center
}

.fantasy .flipper {
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, .4);
    transition: .6s;
    transform-style: preserve-3d
}

.preload .fantasy .flipper {
    transition: initial !important
}

.fantasy .flipper.flip-pointer {
    cursor: pointer
}

.fantasy .flipper:hover .back,
.fantasy .flipper:hover .front {
    box-shadow: 0 1px 20px 0 rgba(50, 50, 50, .6)
}

.fantasy .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.fantasy .front {
    backface-visibility: hidden;
    transition: .6s;
    z-index: 2;
    transform: rotateY(0deg)
}

.preload .fantasy .front {
    transition: initial !important
}

.fantasy .back {
    transform: rotateY(180deg);
    width: 100%;
    height: 100%;
    padding: 0;
    transition: .6s
}

.preload .fantasy .back {
    transition: initial !important
}

.fantasy .stat-flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: -2px
}

.fantasy .back-desc {
    font-size: 10px;
    color: #c1d1da;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .fantasy .back-desc {
        font-size: 7px
    }
}

.fantasy .back-value {
    font-weight: 700;
    font-size: 10px;
    color: #e0edf5
}

@media (max-width:500px) {
    .fantasy .back-value {
        font-size: 7px
    }
}

.fantasy .confirm-button {
    position: absolute;
    bottom: -30px;
    width: 100%;
    background-color: #0d2c4e;
    z-index: 2;
    text-align: center;
    padding: 5px 0;
    background-image: linear-gradient(-42deg, #ca8b25, #f7dc82 47%, #fbba50);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    border-radius: 2px;
    color: #3a3a3a
}

.fantasy .confirm-button:hover {
    background-image: linear-gradient(-42deg, #eaa73a, #fde69a 47%, #fdc15f);
    color: #000
}

.fantasy .private-league-info {
    margin-top: 16px;
    background-size: cover;
    background: url(/img/static/fantasy/joinleague_bg.jpg) no-repeat;
    background-position: 50%;
    color: #fff;
    padding: 16px
}

.fantasy .private-league-info-headline {
    font-size: 20px;
    font-weight: 700
}

.fantasy .private-league-info-text {
    opacity: .7
}

.fantasy .private-league-button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 10px 20px;
    display: block;
    float: right;
    margin-top: 5px
}

.fantasy .private-league-button:hover {
    color: #fff !important
}

.fantasy .join-league-new {
    display: flex;
    background-size: cover;
    background: url(/img/static/fantasy/joinleague_bg.jpg) no-repeat;
    justify-content: center;
    color: #fff;
    min-height: 360px;
    flex-direction: column
}

.fantasy .join-league-new .join-league-header {
    font-size: 18px;
    opacity: 1;
    margin-bottom: 8px
}

.fantasy .join-league-new .private-league-info {
    margin-top: 32px;
    background: none;
    background-color: #364250;
    border-radius: 4px;
    color: #fff;
    padding: 16px
}

.fantasy .join-league-new .join-league-name {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 30px;
    background: linear-gradient(90deg, rgba(45, 109, 163, 0) 0, rgba(45, 109, 163, .7) 50%, rgba(45, 109, 163, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002d6da3", endColorstr="#002d6da3", GradientType=1);
    width: 100%
}

.fantasy .join-league-new .join-league-owner {
    opacity: .7;
    margin-top: 4px;
    font-size: 10px
}

.fantasy .join-league-new .view-league {
    font-size: 12px;
    font-weight: 700
}

.fantasy .join-league-new .join-league-info {
    font-size: 12px;
    width: 80%;
    text-align: center;
    margin-top: 8px
}

.fantasy .join-league-new .join-league-info-opacity {
    opacity: .7
}

.fantasy .join-league-new form {
    max-width: 410px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

.fantasy .join-league-new form .join-inputs {
    width: 80%
}

.fantasy .join-league-new form .team-name-input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 6px;
    margin-top: 8px
}

.fantasy .join-league-new form .create-team-btn {
    width: 100%;
    display: block;
    color: #fff;
    background-color: #435971;
    padding: 4px 16px;
    font-weight: 700;
    font-size: 16px;
    margin-top: 16px;
    text-transform: uppercase;
    border: 0;
    border-radius: 100px;
    cursor: pointer
}

.fantasy .join-league-new form .create-team-btn:hover {
    background-color: #59728e
}

.fantasy .join-league-new .sub-headline {
    margin-top: 10px
}

.fantasy .join-league-new input {
    background-color: #2d3844;
    color: #929a9e
}

.fantasy .join-league-new input.submit {
    background-color: #435971;
    color: #fff;
    font-weight: 700;
    margin-top: 16px;
    padding-top: 4px;
    padding-bottom: 4px
}

.fantasy .join-league-new input.submit:active {
    background-color: #59728e
}

.fantasy .join-league-new .create-league-draft-time {
    padding: 10px;
    display: inline-block;
    border: 1px solid rgba(73, 88, 103, .5);
    cursor: pointer;
    background-color: #364250;
    color: rgba(145, 168, 179, .5)
}

.fantasy .join-league-new .active {
    font-weight: 700;
    background-color: #2d3844;
    color: #929a9e;
    border: 1px solid #495867
}

.fantasy .invite-box {
    display: inline-block;
    margin-right: 16px
}

@media (max-width:500px) {
    .fantasy .invite-box {
        flex: 1;
        margin-left: 16px;
        text-align: center
    }
}

.fantasy .invite-link {
    display: flex;
    flex-direction: column
}

.fantasy .invite-link .invite-flex {
    display: flex
}

.fantasy .invite-link .invite-link-text {
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 700
}

.fantasy .invite-link .invite-link-input {
    font-size: 10px
}

@media (max-width:500px) {
    .fantasy .invite-link .invite-link-input {
        position: absolute;
        left: -999em;
        font-size: 20px
    }
}

.fantasy .invite-link .button {
    margin-left: 3px
}

@media (max-width:500px) {
    .fantasy .invite-link .button {
        font-size: 10px;
        width: 100%;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.fantasy .draft-counter-border {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .65) 50%, hsla(0, 0%, 100%, 0) 80%);
    top: -1px;
    left: 0
}

.fantasy .team-not-yet-drafted-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: #d3d3d3;
    opacity: .7;
    padding-left: inherit;
    padding-right: inherit
}

.fantasy .not-drafted-player-opacity {
    opacity: .5
}

.fantasy .team-not-yet-drafted-text {
    position: absolute;
    font-size: 24px;
    font-weight: 700;
    z-index: 51;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}

@media (max-width:500px) {
    .fantasy .team-not-yet-drafted-text {
        font-size: 14px
    }
}

.fantasy .team-not-yet-drafted-subtext {
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .team-not-yet-drafted-subtext {
        font-size: 12px
    }
}

.fantasy .most-value-for-money-players {
    border-bottom: 1px solid #495867
}

.fantasy .overview-players-container .col-12 {
    padding-bottom: 0
}

.fantasy .overview-players-container .g-grid {
    flex-wrap: wrap
}

.fantasy .overview-players-container .pickedPlayers {
    padding-bottom: 0
}

.fantasy .overview-players-container .mostPickedPlayers {
    padding-bottom: 0;
    align-items: center
}

.fantasy .overview-players-container .mostPickedPlayers .hint-box {
    text-align: center
}

.fantasy .overview-players-container .mostPickedPlayers ol {
    padding-inline-start: 34px;
    margin: 7px 0
}

@media (max-width:500px) {
    .fantasy .overview-players-container .mostPickedPlayers {
        margin-bottom: 32px
    }
}

@media (max-width:500px) {
    .fantasy .overview-players-container .mostPickedPlayers.col-5 {
        flex: 0 0 100%
    }

    .fantasy .overview-players-container .mostPickedPlayers.col-5 .hint-text {
        width: 100%
    }
}

.fantasy .overview-players-container .mostValuablePlayerExplainer {
    background-color: #364250;
    padding: 16px;
    border-radius: 4px;
    text-align: center;
    margin-top: 20px
}

@media (max-width:500px) {
    .fantasy .overview-players-container .mostValuablePlayerExplainer {
        font-size: 10px;
        margin-left: 16px;
        margin-top: -16px;
        margin-bottom: 16px
    }
}

.fantasy .overview-players-container .pointExplainer {
    background-color: #364250;
    padding: 16px;
    border-radius: 4px;
    text-align: left;
    margin-top: 20px
}

@media (max-width:500px) {
    .fantasy .overview-players-container .pointExplainer {
        font-size: 10px;
        margin-left: 16px;
        margin-top: -16px;
        margin-bottom: 16px
    }
}

.fantasy .lineup {
    padding: 16px 0
}

.fantasy .team-overview-inactive {
    opacity: .5
}

.fantasy .join-draft-btn {
    margin-top: 15px;
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 16px
}

@media (max-width:500px) {
    .fantasy .join-draft-btn {
        margin-top: 5px
    }
}

@media (min-width:501px) {
    .fantasy .group-matches {
        padding: 8px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        grid-auto-rows: 64px;
        grid-gap: 5px
    }

    .fantasy .group-matches.use-flex {
        display: flex
    }

    .fantasy .group-matches.use-flex .group-match {
        flex: 1 1 0
    }

    .fantasy .group-matches.use-flex .group-match:first-child {
        margin-right: 5px
    }
}

@media (max-width:500px) {
    .fantasy .group-matches {
        display: flex;
        overflow-x: scroll
    }
}

.fantasy .group-matches .group-match {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #364250;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
    height: 64px;
    cursor: pointer;
    max-width: 300px
}

.fantasy .group-matches .group-match:hover {
    background-color: #45515f
}

@media (max-width:500px) {
    .fantasy .group-matches .group-match {
        min-width: 160px;
        margin: 5px
    }
}

.fantasy .group-matches .group-match .group-match-team {
    flex: 1 1 38%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    align-self: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .95)
}

.fantasy .group-matches .group-match .group-match-team.placeholder {
    padding: 0;
    margin: 5px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.fantasy .group-matches .start-time {
    flex: 1 1 14%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    align-self: center;
    text-align: center
}

@media (max-width:500px) {
    .fantasy .group-matches .start-time {
        font-size: 14px
    }
}

.fantasy .group-matches .start-time .start-day {
    margin-top: -10px;
    color: rgba(146, 154, 158, .7);
    font-size: 12px;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy .group-matches .start-time .start-day {
        font-size: 10px
    }
}

.fantasy .group-matches .match-placeholder {
    padding-top: 5px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fantasy .group-matches .match-placeholder .match-placeholder-text {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    line-height: 1.2;
    color: rgba(146, 154, 158, .95);
    font-weight: 700
}

.fantasy .group-matches .team-logo-container {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    margin: 0 auto 4px
}

.fantasy .group-matches .team-logo-container .team-logo {
    max-width: 27px;
    max-height: 27px
}

.fantasy .fantasy-add {
    height: 90px
}

.fantasy .fantasy-rules {
    padding: 16px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    font-size: 12px
}

.fantasy .fantasy-rules .back-btn {
    cursor: pointer;
    color: #87a3bf
}

.fantasy .fantasy-rules .back-btn:hover {
    color: #87a3bf
}

.fantasy .fantasy-rules .headline {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.fantasy .fantasy-rules .subheadline {
    font-size: 20px;
    font-weight: 700
}

.fantasy .fantasy-rules .underlined {
    text-decoration: underline
}

.fantasy .fantasy-rules .prize-table {
    margin: 16px 40px
}

@media (max-width:500px) {
    .fantasy .fantasy-rules .prize-table {
        margin: 16px 0
    }
}

.fantasy .fantasy-rules .prize-table table {
    table-layout: fixed;
    width: 100%;
    background-color: #364250;
    border-radius: 4px;
    padding: 8px
}

.fantasy .booster-breakdown-booster-progress {
    margin-top: 24px;
    position: relative;
    height: 6px;
    border-radius: 4px;
    background: rgba(146, 154, 158, .35);
    width: 100%;
    margin-bottom: 8px
}

.fantasy .booster-breakdown-booster-progress.bar-green {
    --progressbar-color: #2ba44d
}

.fantasy .booster-breakdown-booster-progress.bar-yellow {
    --progressbar-color: #eccc56
}

.fantasy .booster-breakdown-booster-progress.bar-red {
    --progressbar-color: #a42b2b
}

.fantasy .booster-breakdown-booster-progress .booster-breakdown-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    border-radius: 4px;
    background: var(--progressbar-color)
}

.fantasy .booster-breakdown-booster-progress .booster-breakdown-progress-bar.neutral {
    --progressbar-color: rgba(#929a9e, 0.4)
}

.fantasy .booster-breakdown-booster-progress .players-stats-text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: -10px;
    white-space: nowrap
}

.fantasy .booster-breakdown-booster-progress .stat-trigger-indicator {
    position: absolute;
    height: 14px;
    width: 1px;
    background-color: hsla(0, 0%, 100%, .45);
    bottom: -4px
}

.fantasy .booster-breakdown-booster-progress .stat-trigger-indicator.highlight {
    background-color: #fff
}

.fantasy .booster-breakdown-booster-progress .stat-trigger-text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 15px;
    white-space: nowrap;
    font-size: 11px;
    margin: 0 4px;
    opacity: .35
}

.fantasy .booster-breakdown-booster-progress .stat-trigger-text.highlight {
    opacity: 1;
    font-weight: 700
}

.fantasy .fantasy-horizontal-img {
    width: 100%
}

.upcoming-matches-container {
    position: absolute;
    bottom: -46px;
    margin: 0 auto;
    width: 100%;
    z-index: 2
}

@media (max-width:500px) {
    .upcoming-matches-container {
        bottom: -46px
    }
}

@media (max-width:500px) {
    .upcoming-matches-container .col-12 {
        padding-bottom: 0;
        overflow-x: auto
    }
}

.upcoming-matches-container .col-custom {
    flex: 0 0 20%
}

@media (max-width:500px) {
    .upcoming-matches-container .col-custom {
        flex: 0 0 33.3%
    }
}

.upcoming-matches-container .col-custom:first-child,
.upcoming-matches-container .col-custom:nth-child(2) {
    display: flex
}

.upcoming-matches-container .g-grid {
    width: 100%
}

.upcoming-matches-container .upcoming-match {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 8px;
    display: flex;
    flex: 1 1 auto;
    text-align: center;
    margin-top: 8px;
    transition: .2s ease
}

.preload .upcoming-matches-container .upcoming-match {
    transition: initial !important
}

.upcoming-matches-container .upcoming-match:hover {
    background-color: #45515f;
    margin-top: 5px
}

.upcoming-matches-container .upcoming-match-team {
    font-weight: 700;
    min-width: 0;
    flex: 1
}

.upcoming-matches-container .upcoming-match-team .team-logo-container {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    margin: 0 auto 4px
}

.upcoming-matches-container .upcoming-match-team .team-logo-container .team-logo {
    max-width: 25px;
    max-height: 25px
}

.upcoming-matches-container .upcoming-match-vs {
    align-self: center;
    min-width: 0;
    flex: 1
}

.fantasy-role-fragment {
    position: relative
}

.fantasy-role-fragment .role-img {
    width: 100%
}

#fantasy-tooltip .tooltip {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #4a4a4a;
    color: #adb7c0;
    position: fixed;
    padding: 5px;
    font-size: 10px;
    width: 150px;
    left: 0;
    white-space: pre-wrap;
    word-break: break-word;
    transition: opacity .2s ease;
    z-index: 50002
}

.preload #fantasy-tooltip .tooltip {
    transition: initial !important
}

#fantasy-tooltip .tooltip .role-name {
    color: #bbc5cf;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid grey;
    margin-bottom: 4px;
    padding-bottom: 4px
}

#fantasy-tooltip .tooltip .tooltip-warning-msg {
    color: #a92920;
    font-size: 12px;
    font-weight: 700
}

#fantasy-modal {
    position: fixed;
    z-index: 50001;
    background: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

#fantasy-modal .booster-match {
    display: flex;
    background: #303d4c;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
    max-width: 100%;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-bottom: 8px
}

#fantasy-modal .booster-match .booster-team {
    flex: 1 auto
}

#fantasy-modal .booster-match .booster-vs {
    flex: 0 0 50px;
    justify-content: center;
    display: flex;
    align-items: center
}

#fantasy-modal .booster-match .booster-time {
    flex: 1 auto;
    font-size: 12px
}

#fantasy-modal .select-another-match-text {
    font-size: 16px;
    white-space: pre-line
}

@media (max-width:500px) {
    #fantasy-modal .select-another-match-text {
        font-size: 12px
    }
}

#fantasy-modal .invite-modal {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    width: 500px;
    height: 250px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px
}

@media (max-width:500px) {
    #fantasy-modal .invite-modal {
        width: calc(100% - 32px);
        height: 170px
    }
}

#fantasy-modal .invite-modal .invite-link-content {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 24px
}

#fantasy-modal .invite-modal .fa-times {
    cursor: pointer;
    font-size: 24px;
    opacity: .65
}

@media (max-width:500px) {
    #fantasy-modal .invite-modal .fa-times {
        font-size: 12px
    }
}

#fantasy-modal .invite-modal .invite-link-text {
    font-size: 24px;
    padding: 0 100px;
    margin-top: 32px
}

@media (max-width:500px) {
    #fantasy-modal .invite-modal .invite-link-text {
        font-size: 18px;
        padding: 0 20px;
        margin-top: -24px
    }
}

#fantasy-modal .invite-modal .invite-link-box {
    width: 320px;
    height: 32px;
    box-sizing: border-box
}

@media (max-width:500px) {
    #fantasy-modal .invite-modal .invite-link-box {
        width: 280px
    }
}

#fantasy-modal .invite-modal .button {
    height: 32px;
    padding: 4px;
    box-sizing: border-box
}

@media (max-width:500px) {
    #fantasy-modal .invite-modal .button {
        max-width: 280px;
        width: calc(100% - 40px);
        margin-top: 16px
    }
}

#fantasy-modal .season-scoreboard-modal {
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: #fff;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#fantasy-modal .season-scoreboard-modal .modal-close-button {
    position: absolute;
    top: 8px;
    left: 16px;
    display: block;
    height: -moz-fit-content;
    height: fit-content
}

#fantasy-modal .fantasy-breakdown-modal,
#fantasy-modal .role-breakdown-modal {
    display: grid;
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: #fff
}

@media (min-width:501px) {

    #fantasy-modal .fantasy-breakdown-modal,
    #fantasy-modal .role-breakdown-modal {
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-name,
#fantasy-modal .role-breakdown-modal .booster-player-name {
    width: 285px !important;
    padding-left: 50px !important
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdowns-container,
#fantasy-modal .role-breakdown-modal .role-breakdowns-container {
    max-height: 100%;
    overflow-y: scroll;
    padding-right: 16px;
    display: grid;
    gap: 16px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .role-breakdowns-container,
    #fantasy-modal .role-breakdown-modal .role-breakdowns-container {
        padding-right: 8px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        box-sizing: border-box
    }
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdowns-container .no-points-yet,
#fantasy-modal .role-breakdown-modal .role-breakdowns-container .no-points-yet {
    margin: 0 auto;
    font-size: 20px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .role-breakdowns-container .no-points-yet,
    #fantasy-modal .role-breakdown-modal .role-breakdowns-container .no-points-yet {
        font-size: 16px
    }
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-role,
#fantasy-modal .role-breakdown-modal .role-breakdown-role {
    font-size: 18px;
    font-weight: 700
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-description,
#fantasy-modal .role-breakdown-modal .role-breakdown-description {
    opacity: .65;
    margin-top: 4px
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container,
#fantasy-modal .role-breakdown-modal .role-breakdown-container {
    background-color: var(--modalAltBgColor);
    border-radius: 4px;
    display: flex;
    padding: 16px;
    gap: 16px;
    max-height: 100px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .role-breakdown-container,
    #fantasy-modal .role-breakdown-modal .role-breakdown-container {
        flex-direction: column;
        box-sizing: border-box;
        max-height: 207px
    }
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .role-breakdown-container.boosters-grid,
    #fantasy-modal .role-breakdown-modal .role-breakdown-container.boosters-grid {
        display: grid;
        grid-template-columns: 49px 1fr;
        gap: 8px
    }
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-status,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-status {
    font-size: 18px;
    font-weight: 700;
    margin-top: -8px
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-criterias,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-criterias {
    opacity: .65;
    font-size: 12px
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-left,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-left {
    flex: 1 auto
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .booster-left,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .booster-left {
    float: left
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .booster-left img,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .booster-left img {
    width: 50px
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right {
    flex: 0 0 185px;
    display: flex;
    align-items: center
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right,
    #fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right {
        flex: 1 auto;
        grid-column: 1/3
    }
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container {
    display: flex;
    height: 55px;
    align-items: center;
    cursor: pointer;
    background-color: #303d4c;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container:hover,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container:hover {
    color: #fff !important;
    filter: brightness(110%)
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team {
    flex: 0 0 50%;
    gap: 8px;
    justify-content: center;
    text-align: center;
    opacity: .5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team.match-won,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team.match-won {
    opacity: 1;
    position: relative
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team-logo-container,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team-logo-container {
    display: flex;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto
}

#fantasy-modal .fantasy-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team-logo,
#fantasy-modal .role-breakdown-modal .role-breakdown-container .role-breakdown-right .role-breakdown-match-container .role-breakdown-match-team-logo {
    max-height: 100%;
    max-width: 100%
}

#fantasy-modal .modal-close-button {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    margin-left: -8px;
    cursor: pointer;
    font-size: 24px;
    opacity: .65
}

#fantasy-modal .fantasy-breakdown-modal,
#fantasy-modal .fantasy-role-modal,
#fantasy-modal .invite-modal {
    --modalBgColor: #162537;
    --modalTextColor: #fff;
    --modalAltBgColor: #394553;
    display: grid;
    position: absolute;
    background: var(--modalBgColor);
    color: var(--modalTextColor);
    box-shadow: 0 0 20px rgba(0, 0, 0, .65);
    border-top: 1px solid #243243
}

#fantasy-modal .fantasy-breakdown-modal .error,
#fantasy-modal .fantasy-role-modal .error,
#fantasy-modal .invite-modal .error {
    color: red
}

#fantasy-modal .fantasy-breakdown-modal.role-breakdown-modal.gtSmartphone-only,
#fantasy-modal .fantasy-role-modal.role-breakdown-modal.gtSmartphone-only,
#fantasy-modal .invite-modal.role-breakdown-modal.gtSmartphone-only {
    grid-template-columns: auto 285px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .fantasy-breakdown-modal .booster-player-name,
    #fantasy-modal .fantasy-role-modal .fantasy-breakdown-modal .booster-player-name,
    #fantasy-modal .invite-modal .fantasy-breakdown-modal .booster-player-name {
        width: 118px !important;
        padding-left: 10px !important
    }
}

#fantasy-modal .fantasy-breakdown-modal.gtSmartphone-only,
#fantasy-modal .fantasy-role-modal.gtSmartphone-only,
#fantasy-modal .invite-modal.gtSmartphone-only {
    width: 100%;
    max-width: 875px;
    height: 430px;
    grid-template-columns: 400px 250px auto;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#fantasy-modal .fantasy-breakdown-modal.gtSmartphone-only .left,
#fantasy-modal .fantasy-role-modal.gtSmartphone-only .left,
#fantasy-modal .invite-modal.gtSmartphone-only .left {
    padding: 16px;
    display: grid;
    grid-template-rows: auto;
    grid-gap: 24px;
    overflow: hidden;
    max-height: 398px
}

#fantasy-modal .fantasy-breakdown-modal.gtSmartphone-only .left-top,
#fantasy-modal .fantasy-role-modal.gtSmartphone-only .left-top,
#fantasy-modal .invite-modal.gtSmartphone-only .left-top {
    display: flex;
    align-items: center;
    height: 32px
}

#fantasy-modal .fantasy-breakdown-modal.gtSmartphone-only .mid,
#fantasy-modal .fantasy-role-modal.gtSmartphone-only .mid,
#fantasy-modal .invite-modal.gtSmartphone-only .mid {
    height: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 414px
}

#fantasy-modal .fantasy-breakdown-modal.gtSmartphone-only .modal-title,
#fantasy-modal .fantasy-role-modal.gtSmartphone-only .modal-title,
#fantasy-modal .invite-modal.gtSmartphone-only .modal-title {
    font-size: 18px;
    max-width: 341px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only,
#fantasy-modal .fantasy-role-modal.smartphone-only,
#fantasy-modal .invite-modal.smartphone-only {
    width: 100%;
    height: calc(100% - 20px);
    top: 20px;
    z-index: 9;
    grid-template-rows: 100px minmax(200px, 260px) auto;
    box-sizing: border-box;
    padding: 8px 8px 0
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .bottom,
#fantasy-modal .fantasy-role-modal.smartphone-only .bottom,
#fantasy-modal .invite-modal.smartphone-only .bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .mid,
#fantasy-modal .fantasy-role-modal.smartphone-only .mid,
#fantasy-modal .invite-modal.smartphone-only .mid {
    display: flex;
    align-items: center
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only.fantasy-breakdown-modal,
#fantasy-modal .fantasy-role-modal.smartphone-only.fantasy-breakdown-modal,
#fantasy-modal .invite-modal.smartphone-only.fantasy-breakdown-modal {
    grid-template-rows: 34px 407px auto;
    height: 450px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only.fantasy-breakdown-modal .mid,
#fantasy-modal .fantasy-role-modal.smartphone-only.fantasy-breakdown-modal .mid,
#fantasy-modal .invite-modal.smartphone-only.fantasy-breakdown-modal .mid {
    display: none
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component,
#fantasy-modal .fantasy-role-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component,
#fantasy-modal .invite-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component {
    overflow: hidden
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component .booster-player-image-container:after,
#fantasy-modal .fantasy-role-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component .booster-player-image-container:after,
#fantasy-modal .invite-modal.smartphone-only.fantasy-breakdown-modal .booster-player-image-component .booster-player-image-container:after {
    background: linear-gradient(1turn, #162537 17%, rgba(22, 37, 55, 0) 50%)
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .fantasy-role-modal-smartphone-top,
#fantasy-modal .fantasy-role-modal.smartphone-only .fantasy-role-modal-smartphone-top,
#fantasy-modal .invite-modal.smartphone-only .fantasy-role-modal-smartphone-top {
    display: flex
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .fantasy-role-modal-smartphone-top .modal-close-button,
#fantasy-modal .fantasy-role-modal.smartphone-only .fantasy-role-modal-smartphone-top .modal-close-button,
#fantasy-modal .invite-modal.smartphone-only .fantasy-role-modal-smartphone-top .modal-close-button {
    flex: 0 0 30px;
    font-size: 12px;
    align-items: center;
    height: 28px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title,
#fantasy-modal .fantasy-role-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title,
#fantasy-modal .invite-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title {
    flex: 1 auto;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select,
#fantasy-modal .fantasy-role-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select,
#fantasy-modal .invite-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select {
    background-color: inherit;
    color: #fff;
    border: 0;
    padding-right: 16px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select option,
#fantasy-modal .fantasy-role-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select option,
#fantasy-modal .invite-modal.smartphone-only .fantasy-role-modal-smartphone-top .fantasy-role-modal-smartphone-top-title select option {
    color: #3a3a3a
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal.smartphone-only .role-breakdown-role-info,
    #fantasy-modal .fantasy-role-modal.smartphone-only .role-breakdown-role-info,
    #fantasy-modal .invite-modal.smartphone-only .role-breakdown-role-info {
        width: calc(100vw - 135px)
    }
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-player-images-container,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-player-images-container,
#fantasy-modal .invite-modal.smartphone-only .booster-player-images-container {
    position: absolute;
    width: 207px;
    height: 100%;
    right: -16px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .assign-booster-component,
#fantasy-modal .fantasy-role-modal.smartphone-only .assign-booster-component,
#fantasy-modal .invite-modal.smartphone-only .assign-booster-component {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-popup-nav-container,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-popup-nav-container,
#fantasy-modal .invite-modal.smartphone-only .booster-popup-nav-container {
    display: none
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-player-image-component,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-player-image-component,
#fantasy-modal .invite-modal.smartphone-only .booster-player-image-component {
    height: 100%
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-overview-component,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-overview-component,
#fantasy-modal .invite-modal.smartphone-only .booster-overview-component {
    grid-template-columns: repeat(auto-fit, minmax(var(--booster-role-icon-width), 1fr));
    height: calc(100% - 58px);
    position: absolute;
    bottom: 58px;
    left: 0;
    width: 100%;
    grid-gap: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    box-sizing: content-box
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-player-image,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-player-image,
#fantasy-modal .invite-modal.smartphone-only .booster-player-image {
    height: 270px;
    left: 30px
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-player-image-container:after,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-player-image-container:after,
#fantasy-modal .invite-modal.smartphone-only .booster-player-image-container:after {
    bottom: 0
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-description-image-container,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-description-image-container,
#fantasy-modal .invite-modal.smartphone-only .booster-description-image-container {
    display: none
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .booster-description-component,
#fantasy-modal .fantasy-role-modal.smartphone-only .booster-description-component,
#fantasy-modal .invite-modal.smartphone-only .booster-description-component {
    z-index: 3;
    position: absolute;
    top: 0;
    margin-top: 0;
    width: calc(100% - 115px)
}

#fantasy-modal .fantasy-breakdown-modal.smartphone-only .mid,
#fantasy-modal .fantasy-role-modal.smartphone-only .mid,
#fantasy-modal .invite-modal.smartphone-only .mid {
    position: relative
}

#fantasy-modal .fantasy-breakdown-modal .modal-title,
#fantasy-modal .fantasy-role-modal .modal-title,
#fantasy-modal .invite-modal .modal-title {
    flex: 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    height: 100%
}

#fantasy-modal .fantasy-breakdown-modal .modal-title select,
#fantasy-modal .fantasy-role-modal .modal-title select,
#fantasy-modal .invite-modal .modal-title select {
    background-color: inherit;
    color: #fff;
    border: 0;
    padding-right: 16px
}

#fantasy-modal .fantasy-breakdown-modal .modal-title select option,
#fantasy-modal .fantasy-role-modal .modal-title select option,
#fantasy-modal .invite-modal .modal-title select option {
    color: #3a3a3a
}

#fantasy-modal .fantasy-breakdown-modal .matchup-picker-booster-component select,
#fantasy-modal .fantasy-role-modal .matchup-picker-booster-component select,
#fantasy-modal .invite-modal .matchup-picker-booster-component select {
    width: 100%;
    background-color: var(--modalAltBgColor);
    border: 0;
    color: #fff;
    height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .matchup-picker-booster-component select,
    #fantasy-modal .fantasy-role-modal .matchup-picker-booster-component select,
    #fantasy-modal .invite-modal .matchup-picker-booster-component select {
        font-size: 16px
    }
}

#fantasy-modal .fantasy-breakdown-modal .matchup-picker-booster-component .no-matches,
#fantasy-modal .fantasy-role-modal .matchup-picker-booster-component .no-matches,
#fantasy-modal .invite-modal .matchup-picker-booster-component .no-matches {
    height: 32px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    opacity: .7
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component,
#fantasy-modal .fantasy-breakdown-modal .booster-description-component,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component,
#fantasy-modal .fantasy-role-modal .booster-description-component,
#fantasy-modal .invite-modal .booster-compact-mode-component,
#fantasy-modal .invite-modal .booster-description-component {
    margin-top: 72px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component,
#fantasy-modal .invite-modal .booster-compact-mode-component {
    display: flex;
    flex-direction: column;
    gap: 11px;
    box-sizing: border-box;
    margin-left: 16px;
    margin-right: 16px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player {
    height: 56px;
    background-color: #303d4c;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    border: 3px solid #303d4c;
    position: relative;
    opacity: .65
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player:hover,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player:hover,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player:hover {
    opacity: .9;
    cursor: pointer;
    filter: brightness(110%)
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container {
    position: relative;
    left: -3px;
    bottom: 0;
    height: 50px;
    width: 50px;
    flex: 0 0 50px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container .assigned-item,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container .assigned-item,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img-container .assigned-item {
    position: absolute;
    height: 28px;
    right: 0;
    bottom: -4px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-img {
    position: absolute;
    height: 63px;
    bottom: -3px;
    left: -12px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-top,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-top,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-top {
    font-size: 12px;
    font-weight: 700
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-bottom,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-bottom,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-bottom {
    font-size: 10px;
    font-weight: 700;
    opacity: .65;
    max-width: 96px
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-left,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-left,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-left {
    flex: 1 auto
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-right,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-right,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-right {
    flex: 0 0 45px;
    width: 45px;
    text-align: right;
    padding-right: 8px;
    box-sizing: border-box
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-text,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-text,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player .booster-compact-mode-player-text {
    display: flex;
    flex: 1 auto;
    align-items: center
}

#fantasy-modal .fantasy-breakdown-modal .booster-compact-mode-component .booster-compact-mode-player.selected,
#fantasy-modal .fantasy-role-modal .booster-compact-mode-component .booster-compact-mode-player.selected,
#fantasy-modal .invite-modal .booster-compact-mode-component .booster-compact-mode-player.selected {
    border: 3px solid #435971;
    background-color: var(--modalAltBgColor);
    filter: brightness(110%);
    opacity: 1
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component,
#fantasy-modal .fantasy-role-modal .booster-description-component,
#fantasy-modal .invite-modal .booster-description-component {
    background-color: var(--modalAltBgColor);
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    border-radius: 4px 4px 0 0;
    text-align: center;
    align-items: center
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .select-a-role,
#fantasy-modal .fantasy-role-modal .booster-description-component .select-a-role,
#fantasy-modal .invite-modal .booster-description-component .select-a-role {
    margin: auto;
    font-size: 20px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .select-a-role,
    #fantasy-modal .fantasy-role-modal .booster-description-component .select-a-role,
    #fantasy-modal .invite-modal .booster-description-component .select-a-role {
        font-size: 14px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .select-a-role .opponent-logo,
#fantasy-modal .fantasy-role-modal .booster-description-component .select-a-role .opponent-logo,
#fantasy-modal .invite-modal .booster-description-component .select-a-role .opponent-logo {
    width: 50px
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description-point,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-description-point,
#fantasy-modal .invite-modal .booster-description-component .booster-description-point {
    font-size: 10px;
    color: hsla(0, 0%, 100%, .5);
    background-color: #4a5562;
    border-radius: 100px;
    padding: 0 4px;
    margin-bottom: 8px
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-rate-container,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-rate-container,
#fantasy-modal .invite-modal .booster-description-component .booster-trigger-rate-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    justify-content: center
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-description,
#fantasy-modal .invite-modal .booster-description-component .booster-description {
    overflow-y: auto;
    flex: 0 1 auto;
    font-size: 11px;
    max-height: 95px;
    padding: 0 18px;
    opacity: .65
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-container,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-container,
#fantasy-modal .invite-modal .booster-description-component .booster-trigger-container {
    border: 1px solid hsla(0, 0%, 100%, .2);
    height: 42px;
    padding: 4px 50px;
    border-radius: 4px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-container,
    #fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-container,
    #fantasy-modal .invite-modal .booster-description-component .booster-trigger-container {
        padding: 4px 20px;
        height: 30px;
        margin-bottom: 8px;
        margin-top: 8px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description-image-container,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-description-image-container,
#fantasy-modal .invite-modal .booster-description-component .booster-description-image-container {
    height: 90px;
    width: 90px;
    margin-top: -45px
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description-image,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-description-image,
#fantasy-modal .invite-modal .booster-description-component .booster-description-image {
    max-height: 100%;
    max-width: 100%
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description-title,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-description-title,
#fantasy-modal .invite-modal .booster-description-component .booster-description-title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 2px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-description-title,
    #fantasy-modal .fantasy-role-modal .booster-description-component .booster-description-title,
    #fantasy-modal .invite-modal .booster-description-component .booster-description-title {
        font-size: 18px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-rate,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-rate,
#fantasy-modal .invite-modal .booster-description-component .booster-trigger-rate {
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-rate,
    #fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-rate,
    #fantasy-modal .invite-modal .booster-description-component .booster-trigger-rate {
        font-size: 10px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .role-small-rate,
#fantasy-modal .fantasy-role-modal .booster-description-component .role-small-rate,
#fantasy-modal .invite-modal .booster-description-component .role-small-rate {
    font-size: 10px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .role-small-rate,
    #fantasy-modal .fantasy-role-modal .booster-description-component .role-small-rate,
    #fantasy-modal .invite-modal .booster-description-component .role-small-rate {
        font-size: 8px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-rate-title,
#fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-rate-title,
#fantasy-modal .invite-modal .booster-description-component .booster-trigger-rate-title {
    font-size: 10px;
    opacity: .65
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-description-component .booster-trigger-rate-title,
    #fantasy-modal .fantasy-role-modal .booster-description-component .booster-trigger-rate-title,
    #fantasy-modal .invite-modal .booster-description-component .booster-trigger-rate-title {
        font-size: 8px
    }
}

#fantasy-modal .fantasy-breakdown-modal .right,
#fantasy-modal .fantasy-role-modal .right,
#fantasy-modal .invite-modal .right {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav-container,
#fantasy-modal .fantasy-role-modal .booster-popup-nav-container,
#fantasy-modal .invite-modal .booster-popup-nav-container {
    position: absolute;
    bottom: 16px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav-container .fa-angle-left,
#fantasy-modal .fantasy-role-modal .booster-popup-nav-container .fa-angle-left,
#fantasy-modal .invite-modal .booster-popup-nav-container .fa-angle-left {
    margin-right: 8px;
    font-size: 15px;
    margin-top: -2px
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav-container .fa-angle-right,
#fantasy-modal .fantasy-role-modal .booster-popup-nav-container .fa-angle-right,
#fantasy-modal .invite-modal .booster-popup-nav-container .fa-angle-right {
    margin-left: 8px;
    font-size: 15px;
    margin-top: -2px
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav,
#fantasy-modal .fantasy-role-modal .booster-popup-nav,
#fantasy-modal .invite-modal .booster-popup-nav {
    opacity: .85;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav:hover,
#fantasy-modal .fantasy-role-modal .booster-popup-nav:hover,
#fantasy-modal .invite-modal .booster-popup-nav:hover {
    opacity: 1;
    cursor: pointer
}

#fantasy-modal .fantasy-breakdown-modal .booster-popup-nav.inactive,
#fantasy-modal .fantasy-role-modal .booster-popup-nav.inactive,
#fantasy-modal .invite-modal .booster-popup-nav.inactive {
    opacity: .35;
    cursor: inherit
}

#fantasy-modal .fantasy-breakdown-modal .power-view-text,
#fantasy-modal .fantasy-role-modal .power-view-text,
#fantasy-modal .invite-modal .power-view-text {
    position: absolute;
    left: 14px;
    top: 53px;
    font-size: 9px
}

#fantasy-modal .fantasy-breakdown-modal .toggle-advanced-btn,
#fantasy-modal .fantasy-role-modal .toggle-advanced-btn,
#fantasy-modal .invite-modal .toggle-advanced-btn {
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 12px;
    border: 0;
    background-color: #303d4c;
    color: hsla(0, 0%, 100%, .6);
    font-size: 21px;
    height: 40px;
    width: 40px;
    border-radius: 4px
}

#fantasy-modal .fantasy-breakdown-modal .toggle-advanced-btn:hover,
#fantasy-modal .fantasy-role-modal .toggle-advanced-btn:hover,
#fantasy-modal .invite-modal .toggle-advanced-btn:hover {
    filter: brightness(110%);
    cursor: pointer;
    color: #fff
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-images-container,
#fantasy-modal .fantasy-role-modal .booster-player-images-container,
#fantasy-modal .invite-modal .booster-player-images-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% + 49px);
    overflow: hidden
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-image-container,
#fantasy-modal .fantasy-role-modal .booster-player-image-container,
#fantasy-modal .invite-modal .booster-player-image-container {
    position: absolute;
    height: 100%;
    width: 100%
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-image-container:after,
#fantasy-modal .fantasy-role-modal .booster-player-image-container:after,
#fantasy-modal .invite-modal .booster-player-image-container:after {
    content: "";
    display: block;
    width: 100%;
    z-index: 1;
    height: 170px;
    bottom: 29px;
    left: 0;
    position: absolute;
    background: linear-gradient(1turn, #162537 17%, rgba(22, 37, 55, 0))
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-name,
#fantasy-modal .fantasy-role-modal .booster-player-name,
#fantasy-modal .invite-modal .booster-player-name {
    position: absolute;
    bottom: 40px;
    width: 225px;
    font-weight: 700;
    font-size: 24px;
    box-sizing: border-box;
    padding: 0 8px;
    text-align: center;
    z-index: 2
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-player-name,
    #fantasy-modal .fantasy-role-modal .booster-player-name,
    #fantasy-modal .invite-modal .booster-player-name {
        bottom: 40px;
        width: 120px;
        left: 79px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-image-component,
#fantasy-modal .fantasy-role-modal .booster-player-image-component,
#fantasy-modal .invite-modal .booster-player-image-component {
    position: absolute;
    top: 0;
    height: 479px;
    width: 180%;
    transition: .7s ease
}

#fantasy-modal .fantasy-breakdown-modal .booster-player-image,
#fantasy-modal .fantasy-role-modal .booster-player-image,
#fantasy-modal .invite-modal .booster-player-image {
    height: 449px;
    position: absolute;
    left: -42px
}

#fantasy-modal .fantasy-breakdown-modal .opacityMid,
#fantasy-modal .fantasy-role-modal .opacityMid,
#fantasy-modal .invite-modal .opacityMid {
    opacity: .9
}

#fantasy-modal .fantasy-breakdown-modal .opacityLow,
#fantasy-modal .fantasy-role-modal .opacityLow,
#fantasy-modal .invite-modal .opacityLow {
    opacity: .2
}

#fantasy-modal .fantasy-breakdown-modal .player-half-visible-right,
#fantasy-modal .fantasy-role-modal .player-half-visible-right,
#fantasy-modal .invite-modal .player-half-visible-right {
    transform: translateX(55px) translateY(55px) scale(.7);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .player-half-visible-left,
#fantasy-modal .fantasy-role-modal .player-half-visible-left,
#fantasy-modal .invite-modal .player-half-visible-left {
    transform: translateX(-125px) translateY(55px) scale(.7);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .player-hidden-left,
#fantasy-modal .fantasy-role-modal .player-hidden-left,
#fantasy-modal .invite-modal .player-hidden-left {
    opacity: 0;
    transform: translateX(-200px) translateY(55px) scale(.7);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .player-hidden-right,
#fantasy-modal .fantasy-role-modal .player-hidden-right,
#fantasy-modal .invite-modal .player-hidden-right {
    opacity: 0;
    transform: translateX(200px) translateY(55px) scale(.7);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .player-visible,
#fantasy-modal .fantasy-role-modal .player-visible,
#fantasy-modal .invite-modal .player-visible {
    opacity: 1;
    transform: translateX(0)
}

#fantasy-modal .fantasy-breakdown-modal .player-hidden,
#fantasy-modal .fantasy-role-modal .player-hidden,
#fantasy-modal .invite-modal .player-hidden {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#fantasy-modal .fantasy-breakdown-modal .assign-booster-component,
#fantasy-modal .fantasy-role-modal .assign-booster-component,
#fantasy-modal .invite-modal .assign-booster-component {
    height: 56px;
    background-color: #303d4c;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 4px 4px
}

#fantasy-modal .fantasy-breakdown-modal .assign-booster-component .assign-booster-button,
#fantasy-modal .fantasy-role-modal .assign-booster-component .assign-booster-button,
#fantasy-modal .invite-modal .assign-booster-component .assign-booster-button {
    background-color: #435971;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 100%;
    line-height: 32px
}

#fantasy-modal .fantasy-breakdown-modal .assign-booster-component .assign-booster-button.assigned,
#fantasy-modal .fantasy-role-modal .assign-booster-component .assign-booster-button.assigned,
#fantasy-modal .invite-modal .assign-booster-component .assign-booster-button.assigned {
    background-color: #a42b2b;
    opacity: 1
}

#fantasy-modal .fantasy-breakdown-modal .assign-booster-component .assign-booster-button.disabled,
#fantasy-modal .fantasy-role-modal .assign-booster-component .assign-booster-button.disabled,
#fantasy-modal .invite-modal .assign-booster-component .assign-booster-button.disabled {
    filter: grayscale(1);
    opacity: .4
}

#fantasy-modal .fantasy-breakdown-modal .assign-booster-component .assign-booster-button:hover:not(.disabled),
#fantasy-modal .fantasy-role-modal .assign-booster-component .assign-booster-button:hover:not(.disabled),
#fantasy-modal .invite-modal .assign-booster-component .assign-booster-button:hover:not(.disabled) {
    cursor: pointer;
    filter: brightness(110%)
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component,
#fantasy-modal .fantasy-role-modal .booster-overview-component,
#fantasy-modal .invite-modal .booster-overview-component {
    --booster-role-icon-width: 60px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--booster-role-icon-width), 1fr));
    grid-gap: 24px;
    max-height: 302px;
    padding-right: 15px;
    padding-top: 16px;
    padding-left: 8px;
    margin-left: -8px;
    box-sizing: border-box
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-overview-component,
    #fantasy-modal .fantasy-role-modal .booster-overview-component,
    #fantasy-modal .invite-modal .booster-overview-component {
        --booster-role-icon-width: 70px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component.boosters,
#fantasy-modal .fantasy-role-modal .booster-overview-component.boosters,
#fantasy-modal .invite-modal .booster-overview-component.boosters {
    --booster-role-icon-width: 50px
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-overview-component.boosters,
    #fantasy-modal .fantasy-role-modal .booster-overview-component.boosters,
    #fantasy-modal .invite-modal .booster-overview-component.boosters {
        --booster-role-icon-width: 55px
    }
}

@media (max-width:500px) {

    #fantasy-modal .fantasy-breakdown-modal .booster-overview-component,
    #fantasy-modal .fantasy-role-modal .booster-overview-component,
    #fantasy-modal .invite-modal .booster-overview-component {
        overflow-y: auto;
        grid-gap: 32px
    }
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component.disabled,
#fantasy-modal .fantasy-role-modal .booster-overview-component.disabled,
#fantasy-modal .invite-modal .booster-overview-component.disabled {
    filter: grayscale(1);
    opacity: .5
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon-container,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon-container,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon-container {
    transition: .2s ease;
    overflow: visible;
    width: var(--booster-role-icon-width);
    height: var(--booster-role-icon-width)
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon-container:hover:not(.disabled):not(.picked) .booster-icon,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon-container:hover:not(.disabled):not(.picked) .booster-icon,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon-container:hover:not(.disabled):not(.picked) .booster-icon {
    filter: brightness(115%);
    cursor: pointer;
    width: calc(var(--booster-role-icon-width) + 10px);
    margin-left: -5px;
    margin-top: -5px
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon-container.picked .booster-icon,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon-container.picked .booster-icon,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon-container.picked .booster-icon {
    width: calc(var(--booster-role-icon-width) + 10px);
    margin-left: -5px;
    margin-top: -5px;
    filter: brightness(1.3) drop-shadow(0 0 6px #fff)
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon-container.picked:hover:not(.disabled) .booster-icon,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon-container.picked:hover:not(.disabled) .booster-icon,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon-container.picked:hover:not(.disabled) .booster-icon {
    filter: brightness(115%) drop-shadow(0 0 4px #2B6EA4);
    cursor: pointer;
    width: calc(var(--booster-role-icon-width) + 20px);
    margin-left: -10px;
    margin-top: -10px
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon-container.not-picked,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon-container.not-picked,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon-container.not-picked {
    filter: brightness(.5) saturate(.5)
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon {
    width: 100%;
    transition: .2s ease
}

#fantasy-modal .fantasy-breakdown-modal .booster-overview-component .booster-icon.used,
#fantasy-modal .fantasy-role-modal .booster-overview-component .booster-icon.used,
#fantasy-modal .invite-modal .booster-overview-component .booster-icon.used {
    filter: brightness(.5) drop-shadow(0 0 1px lightblue) saturate(0);
    opacity: .5
}

#fantasy-modal .season-scoreboard-modal {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-row-gap: 8px;
    background: #202832;
    padding: 40px;
    width: 100%;
    box-sizing: border-box;
    max-width: 660px;
    color: #fff;
    height: 100%;
    max-height: 620px
}

@media (max-width:500px) {
    #fantasy-modal .season-scoreboard-modal {
        padding: 16px;
        max-height: 500px
    }
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-1,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-header {
    grid-column: 1/13
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-3 {
    grid-column: 1/7
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-2 {
    grid-column: 7/13
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-4 {
    grid-column: 1/5
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-5 {
    grid-column: 5/9
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-6 {
    grid-column: 9/13
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-7 {
    grid-column: 1/4
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-8 {
    grid-column: 4/7
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-9 {
    grid-column: 7/10
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-10 {
    grid-column: 10/13
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-your-info {
    grid-column: 1/13
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-3,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-7,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-8,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-9 {
    position: relative
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-3:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-7:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-8:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-9:after {
    position: absolute;
    content: "";
    right: -9px;
    top: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #546073;
    border-style: solid;
    border-width: 40px 0 40px 10px;
    z-index: 1
}

@media (max-width:500px) {

    #fantasy-modal .season-scoreboard-modal .season-scoreboard-3:after,
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-7:after,
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-8:after,
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-9:after {
        border-width: 33px 0 33px 10px
    }
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-4 {
    position: relative
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-4:after {
    position: absolute;
    content: "";
    left: 0;
    top: -19px;
    width: 0;
    height: 0;
    border-color: transparent transparent #546073;
    border-style: solid;
    border-width: 0 40px 20px;
    z-index: 1
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-4.active:after {
    border-width: 0 40px 20px !important;
    border-color: transparent transparent #5a8edc !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-2,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-10 {
    position: relative
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-2:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-10:after {
    position: absolute;
    content: "";
    right: 0;
    top: -19px;
    width: 0;
    height: 0;
    border-color: transparent transparent #546073;
    border-style: solid;
    border-width: 0 40px 20px;
    z-index: 1
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-2.active:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-10.active:after {
    border-width: 0 40px 20px !important;
    border-color: transparent transparent #5a8edc !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-1,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-4 {
    background: linear-gradient(-90deg, #444e5d 7.39%, #556175 104.82%) !important;
    position: relative
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-1.active,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-4.active {
    background: linear-gradient(90deg, #69a5ff 7.39%, #335280 104.82%) !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-1.active:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-4.active:after {
    border-color: transparent transparent transparent #69a5ff
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-5,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-6 {
    position: relative;
    background: linear-gradient(-90deg, #444e5d 7.39%, #556175 104.82%) !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-5:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-6:after {
    position: absolute;
    content: "";
    left: -9px;
    top: 0;
    width: 0;
    height: 0;
    border-color: transparent #546073 transparent transparent;
    border-style: solid;
    border-width: 40px 10px 40px 0;
    z-index: 1
}

@media (max-width:500px) {

    #fantasy-modal .season-scoreboard-modal .season-scoreboard-5:after,
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-6:after {
        border-width: 33px 10px 33px 0
    }
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-5.active,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-6.active {
    background: linear-gradient(90deg, #69a5ff 7.39%, #335280 104.82%) !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-5.active:after,
#fantasy-modal .season-scoreboard-modal .season-scoreboard-6.active:after {
    border-color: transparent #69a5ff transparent transparent !important
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: #fff;
    background: linear-gradient(90deg, #444e5d 7.39%, #556175 104.82%);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80px
}

@media (max-width:500px) {
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block {
        height: 64px
    }
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block.active {
    background: linear-gradient(90deg, #335280 7.39%, #69a5ff 104.82%)
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block.active:after {
    border-color: transparent transparent transparent #69a5ff
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block.active .season-scoreboard-point {
    background: #fff;
    opacity: 1;
    color: #1c427b
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-modal-block.user-is-in-better-tier {
    opacity: .7
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-percentage {
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-percentage {
        font-size: 11px
    }
}

#fantasy-modal .season-scoreboard-modal .season-scoreboard-point {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 0 4px;
    opacity: .65
}

@media (max-width:500px) {
    #fantasy-modal .season-scoreboard-modal .season-scoreboard-point {
        font-size: 8px
    }
}

#fantasy-modal .season-scoreboard-header {
    font-size: 20px;
    font-weight: 700
}

#fantasy-modal .season-scoreboard-progress-container {
    display: flex
}

#fantasy-modal .season-scoreboard-progress-right {
    flex: 1 auto;
    background: #21344c;
    padding: 8px
}

#fantasy-modal .season-scoreboard-progress-left {
    text-align: centeR;
    background: #101b29;
    padding: 8px
}

#fantasy-modal .season-scoreboard-progress-left-top {
    color: #6596e2;
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    #fantasy-modal .season-scoreboard-progress-left-top {
        text-align: center
    }
}

#fantasy-modal .season-scoreboard-progress-left-bottom {
    opacity: .65;
    font-size: 10px
}

@media (max-width:500px) {

    #fantasy-modal .season-scoreboard-progress-left-bottom,
    #fantasy-modal .season-scoreboard-your-info-text {
        text-align: center
    }
}

.prevent-background-scrolling {
    box-sizing: border-box;
    overflow: hidden
}

.prevent-background-scrolling .mobile-bottom-overlay,
.prevent-background-scrolling .mobile_horizontal_sticky_container {
    display: none
}

.fantasy-league-ap img {
    height: auto;
    width: 100%
}

.fantasy-draft .rotate-notification {
    display: none;
    position: fixed;
    z-index: 50;
    color: #fff;
    font-size: 28px;
    top: 46px;
    left: 0;
    width: 100%
}

.fantasy-draft .rotate-notification .flip-image {
    background: url(/img/static/draft/flip_icon.svg) no-repeat 50%;
    height: 200px
}

.fantasy-draft .rotate-notification .notification-text {
    color: #fff;
    text-align: center
}

.fantasy-draft .rotate-notification .go-back {
    display: flex;
    margin-top: 20px
}

.fantasy-draft .rotate-notification .back-text {
    font-size: 16px;
    margin-left: 10px
}

.fantasy-draft .rotate-notification .back-arrow {
    margin-left: 10px;
    display: flex;
    align-items: center;
    width: 30px;
    transform: rotate(180deg)
}

.fantasy-draft .rotate-notification .back-arrow .arrow-line {
    flex: 1;
    background: #fff;
    height: 5px
}

.fantasy-draft .rotate-notification .back-arrow .arrow-end {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff
}

@media (orientation:portrait) {
    .fantasy-draft .rotate-notification {
        display: block
    }
}

.fantasy-draft .overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .75;
    z-index: -1
}

.fantasy-draft .draft-info-bar {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    width: 100%;
    background: #282828;
    padding: 5px 0;
    color: #fff
}

.fantasy-draft .draft-info-bar .detail-header {
    text-transform: uppercase;
    opacity: .5;
    font-size: 7px;
    font-weight: 700;
    margin-bottom: -6px
}

.fantasy-draft .draft-info-bar .draft-done-header {
    font-size: 20px;
    font-weight: 700
}

.fantasy-draft .draft-info-bar .detail-value {
    font-size: 16px;
    font-weight: 700
}

.fantasy-draft .draft-info-bar .your-turn {
    color: #c9a354
}

.fantasy-draft .draft-info-bar .current-picker {
    margin-left: 12px;
    width: 35%
}

.fantasy-draft .draft-info-bar .next-auto-pick {
    width: 20%
}

.fantasy-draft .draft-info-bar .next-pick {
    width: 25%;
    text-align: right
}

.fantasy-draft .draft-info-bar .time-left {
    margin-right: 12px;
    text-align: right;
    width: 20%;
    margin-left: auto
}

.fantasy-draft .draft-info-bar .detail-wide {
    width: 50%
}

.fantasy-draft .team-lineup {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    background: #333
}

.fantasy-draft .team-lineup .team-lineup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: .5;
    text-align: center
}

.fantasy-draft .team-lineup .connect-overlay {
    background: #d3d3d3
}

.fantasy-draft .team-lineup .lock-icon {
    position: absolute;
    color: #fff;
    z-index: 2;
    width: calc(100% - 24px);
    text-align: center;
    font-size: 70px
}

.fantasy-draft .team-lineup .lock-icon .lock-text {
    font-size: 24px;
    font-weight: 700;
    margin-top: -20px
}

.fantasy-draft .team-lineup .connecting-text {
    position: absolute;
    width: calc(100% - 24px);
    text-align: center;
    z-index: 2;
    font-size: 24px;
    font-weight: 700
}

.fantasy-draft .team-lineup .player-in-team {
    margin-right: 10px;
    width: 100%;
    min-width: 0
}

.fantasy-draft .team-lineup .player-in-team:last-child {
    margin-right: 0
}

.fantasy-draft .team-lineup .player-in-team-unpicked {
    opacity: .5;
    padding: 10px
}

.fantasy-draft .vertical-divider-flex {
    display: flex;
    min-height: 500px
}

.fantasy-draft .vertical-divider-flex .pickers {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    width: 70%;
    overflow: hidden
}

.fantasy-draft .vertical-divider-flex .pickers .pick-players-container:last-child {
    margin-bottom: 30px
}

.fantasy-draft .vertical-divider-flex .expanding {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: height 1s
}

.preload .fantasy-draft .vertical-divider-flex .expanding {
    transition: initial !important
}

.fantasy-draft .vertical-divider-flex .draft-utilities-container {
    width: 30%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250
}

.fantasy-draft .vertical-divider-flex .draft-utilities {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 500px;
    max-height: calc(100vh - 88px);
    background-color: #364250;
    display: flex;
    flex-direction: column
}

.fantasy-draft .vertical-divider-flex .draft-utilities .subbar {
    margin: 0 0 5px
}

.fantasy-draft .vertical-divider-flex .draft-utilities .tab {
    font-size: 10px;
    padding: 4px 8px
}

.fantasy-draft .vertical-divider-flex .draft-utilities .draft-util-chat {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.fantasy-draft .vertical-divider-flex .draft-chat-content {
    margin: 5px;
    height: 100%;
    overflow-y: auto
}

.fantasy-draft .vertical-divider-flex .log-line {
    font-size: 10px
}

.fantasy-draft .vertical-divider-flex .log-name {
    font-weight: 700
}

.fantasy-draft .vertical-divider-flex .log-round-text {
    margin-top: 10px;
    text-decoration: underline;
    display: block;
    font-size: 10px
}

.fantasy-draft .vertical-divider-flex .log-round-text:first-child {
    margin-top: 0
}

.fantasy-draft .vertical-divider-flex .draft-chat-input {
    width: 100%;
    resize: none;
    background-color: #2d3844;
    color: #929a9e;
    padding-left: 5px;
    margin-top: 5px;
    box-sizing: border-box
}

.fantasy-draft .vertical-divider-flex .send-button {
    display: flex;
    justify-content: space-between
}

.fantasy-draft .vertical-divider-flex .send-button .fa {
    width: 15px
}

.fantasy-draft .vertical-divider-flex .send-button .button {
    padding: 0 5px
}

.fantasy-draft .vertical-divider-flex .player-before-live {
    padding-left: 15px
}

.fantasy-draft .vertical-divider-flex .chat-form {
    border-top: 1px solid #495867;
    margin: 5px
}

.fantasy-draft .vertical-divider-flex .pick-order-content {
    margin: 5px;
    font-size: 10px
}

.fantasy-draft .vertical-divider-flex .pick-number,
.fantasy-draft .vertical-divider-flex .team-to-pick {
    font-weight: 700
}

.fantasy-draft .player-picker {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.fantasy-draft .team-pick {
    position: relative
}

.fantasy-draft .team-pick-lock-icon {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-size: 72px;
    color: #364250;
    text-shadow: 3px 3px 16px #272634
}

.fantasy-draft .pick-lock {
    opacity: .5;
    filter: saturate(0)
}

.fantasy-draft .pick-players-container {
    position: relative
}

.fantasy-draft .picker-header {
    display: flex;
    height: 30px;
    background-color: #364250;
    align-items: center;
    border-bottom: 1px solid #495867
}

.fantasy-draft .picker-header .team-name {
    font-weight: 700;
    margin-left: 12px
}

.fantasy-draft .picker-header .team-rank {
    margin-left: 5px;
    opacity: .5
}

.fantasy-draft .team-pick-header {
    cursor: pointer
}

.fantasy-draft .team-pick-header:hover {
    background-color: #45515f
}

.fantasy-draft .team-pick-header img {
    height: 75%;
    margin-left: 12px
}

.fantasy-draft .drafted-team-header {
    background-color: #282828;
    border-bottom: none
}

.fantasy-draft .drafted-team-header .team-name {
    color: #fff
}

.fantasy-draft .team-pick-players {
    display: flex;
    padding: 7px;
    border-bottom: 1px solid #495867
}

.fantasy-draft .team-pick-players:last-child {
    border-bottom: none
}

.fantasy-draft .drafted-players {
    background-color: #333
}

.fantasy-draft .player-to-pick {
    box-shadow: 0 0 16px #c9a354
}

.fantasy-draft .user-last-looked-at {
    box-shadow: 0 0 10px red
}

.fantasy-draft .info-bar-sticky {
    position: fixed;
    top: 46px;
    z-index: 5
}

.fantasy-draft .chat-sticky {
    position: fixed;
    top: 88px;
    z-index: 5
}

.fantasy-draft .chat-sticky-only {
    position: fixed;
    top: 46px;
    z-index: 5
}

.fantasy-draft .touch-chat {
    position: fixed;
    top: 46px;
    left: 0;
    z-index: 60;
    width: 100%;
    height: 100%;
    text-align: center
}

.fantasy-draft .touch-chat .chat-touch-flex {
    background-color: #2d3844;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.fantasy-draft .touch-chat .draft-chat-input-touch {
    background-color: #2d3844;
    color: #929a9e;
    width: 90%;
    padding-left: 5px;
    resize: none
}

.fantasy-draft .touch-chat .touch-send-button {
    width: 10%;
    align-items: center
}

.fantasy-draft .touch-chat .touch-send-button .button {
    height: 26px;
    width: 90%
}

.fantasy-draft .is-connected-overlay {
    animation: fadeIn 1s
}

.fantasy-draft .not-connected-overlay {
    opacity: .5;
    filter: saturate(0);
    transition: 5s
}

.preload .fantasy-draft .not-connected-overlay {
    transition: initial !important
}

.fantasy-draft .message-row {
    display: flex;
    font-size: 10px
}

.fantasy-draft .message-row .sender {
    width: 35%;
    font-weight: 700
}

.fantasy-draft .message-row .message {
    width: 65%;
    white-space: pre-wrap;
    word-break: break-word
}

.fantasy-draft .message-row .message-opacity {
    opacity: .5
}

.fantasy-draft .message-row .warning-message {
    color: red
}

.fantasy-draft .card-taken {
    opacity: .5;
    filter: saturate(0)
}

.fantasy-draft .collapsed-icon {
    margin-left: auto;
    margin-right: 10px;
    font-weight: 700
}

.fantasy-draft .pick-autopick-con {
    position: relative
}

.fantasy-draft .pick-autopick-button-con {
    position: absolute;
    bottom: 18.2212581345%;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    background-color: rgba(142, 186, 132, .5)
}

.fantasy-draft .pick-autopick-button {
    width: 100%;
    background-color: #0d2c4e;
    padding: 5px 0;
    background-image: linear-gradient(-42deg, #ca8b25, #f7dc82 47%, #fbba50);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    color: #3a3a3a;
    border: 0;
    cursor: pointer
}

.fantasy-draft .pick-autopick-button:hover {
    background-image: linear-gradient(-42deg, #eaa73a, #fde69a 47%, #fdc15f);
    color: #000
}

.fantasy-draft .draft-hint-box {
    margin-bottom: 16px
}

.fantasy-draft .draft-hint-box .button-container {
    margin-top: 10px
}

.fantasy-draft .draft-hint-box .button {
    border-radius: 5px;
    padding: 4px 16px
}

.fantasy-draft .draft-hint-box .italic {
    font-style: italic
}

.fantasy-pre-draft .pre-draft-player-list {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    width: 100%
}

.fantasy-pre-draft .page-layout-flex {
    display: flex;
    flex-direction: column
}

.fantasy-pre-draft .pre-draft-hint-box {
    margin-top: 10px;
    padding: 8px;
    display: flex;
    justify-content: space-between
}

.fantasy-pre-draft .pre-draft-countdown {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000;
    height: 100%;
    padding: 5px 0;
    overflow: hidden
}

.fantasy-pre-draft .pre-draft-countdown .draft-counter {
    text-align: center;
    color: hsla(0, 0%, 100%, .85);
    font-size: 8px
}

.fantasy-pre-draft .pre-draft-countdown .draft-counter-countdown-numbers {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 40px;
    padding: 0;
    margin: 0
}

.fantasy-pre-draft .pre-draft-countdown .draft-counter-countdown-spacers {
    width: 5px
}

.fantasy-pre-draft .pre-draft-countdown .draft-counter-countdown-days {
    color: #435971;
    position: relative
}

.fantasy-pre-draft .pre-draft-countdown .countdown-event-logo {
    position: absolute;
    top: -50px;
    height: 180%;
    right: -80px;
    opacity: .3;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.fantasy-pre-draft .pre-draft-countdown .countdown-frag {
    z-index: 1
}

.fantasy-pre-draft .save-pre-draft-button {
    font-size: 14px;
    font-weight: 700;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff
}

.fantasy-pre-draft .sortable-priority-list {
    width: 100%
}

@media (max-width:500px) {
    .fantasy-pre-draft .sortable-priority-list {
        width: 90%
    }
}

.pre-draft-player-row-container {
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    z-index: 2;
    list-style-type: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

@media (max-width:500px) {
    .pre-draft-player-row-container {
        height: 40px;
        margin-bottom: 0
    }
}

.pre-draft-player-row {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    z-index: 2
}

@media (max-width:500px) {
    .pre-draft-player-row {
        margin-bottom: 0
    }
}

.pre-draft-player-header {
    opacity: .65;
    font-size: 9px;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 30px;
    border-bottom: 1px solid #495867
}

.pre-draft-player-counter {
    font-weight: 700;
    margin-left: 5px;
    min-width: 5%;
    max-width: 5%
}

@media (max-width:500px) {
    .pre-draft-player-counter {
        display: none
    }
}

.pre-draft-player {
    display: flex;
    min-width: 30%;
    max-width: 30%;
    height: 100%;
    align-items: center
}

@media (max-width:500px) {
    .pre-draft-player {
        min-width: 35%;
        max-width: 35%
    }
}

.pre-draft-player-img {
    height: 100%
}

.pre-draft-player-property-stat {
    margin-left: 10px;
    width: 10%;
    text-align: center
}

.pre-draft-player-property-rating {
    font-weight: 700
}

.team-image-container {
    min-width: 20%;
    max-width: 20%;
    height: 100%;
    display: flex;
    align-items: center
}

@media (max-width:500px) {
    .team-image-container {
        min-width: 8%;
        align-items: center;
        text-align: center
    }

    .team-image-container img {
        margin-left: auto;
        margin-right: auto
    }
}

.pre-draft-player-property-name {
    font-weight: 700;
    margin-left: 10px
}

.pre-draft-player-property-team-name {
    margin-left: 7px
}

.pre-draft-player-property-team {
    height: 65%
}

.fantasyMoneyDraft .headerCon {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 5px 10px;
    background: #282828;
    color: #fff
}

.fantasyMoneyDraft .remainingBudget {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #000
}

@media (max-width:500px) {
    .fantasyMoneyDraft .remainingBudget {
        font-size: 12px
    }
}

.fantasyMoneyDraft .remainingBudget .negative {
    color: red
}

.fantasyMoneyDraft .pickedCon {
    display: flex;
    margin: 10px 0
}

.fantasyMoneyDraft .picked {
    flex: 1 0 0;
    margin-right: 10px
}

.fantasyMoneyDraft .picked:last-child {
    margin-right: 0
}

.fantasyMoneyDraft .teamCon {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.fantasyMoneyDraft .teamHeader {
    display: flex;
    height: 30px;
    background-color: #364250;
    align-items: center;
    border-bottom: 1px solid #495867
}

.fantasyMoneyDraft .teamLogo {
    height: 75%;
    margin-left: 12px
}

.fantasyMoneyDraft .teamName {
    font-weight: 700;
    margin-left: 12px
}

.fantasyMoneyDraft .teamRank {
    margin-left: 5px;
    opacity: .5
}

.fantasyMoneyDraft .teamPlayersCon {
    display: flex;
    padding: 10px;
    position: relative
}

.fantasyMoneyDraft .teamPlayer {
    flex: 1 0 0;
    margin-right: 10px;
    min-width: 0
}

.fantasyMoneyDraft .teamPlayer:last-child {
    margin-right: 0
}

.fantasyMoneyDraft .teamPlayer:disabled {
    opacity: .5
}

.fantasyMoneyDraft .max-players-reach-for-team {
    text-align: center;
    line-height: 1.4
}

@media (max-width:500px) {
    .fantasyMoneyDraft .max-players-reach-for-team .is-desktop {
        display: none
    }
}

.fantasyMoneyDraft .playerButton {
    color: #fff;
    background-color: #20892a;
    display: flex;
    width: 100%;
    border: 0;
    height: 30px;
    align-items: center;
    cursor: pointer
}

.fantasyMoneyDraft .playerButtonIcon {
    flex: 0 0 auto
}

@media (max-width:500px) {
    .fantasyMoneyDraft .playerButtonIcon {
        display: none
    }
}

.fantasyMoneyDraft .playerButtonText {
    flex: 1 0 auto;
    text-align: center
}

@media (max-width:500px) {
    .fantasyMoneyDraft .playerButtonText {
        font-size: 8px
    }
}

.fantasyMoneyDraft .playerButton:disabled {
    color: #727272;
    background-color: #5c5c5c
}

.fantasyMoneyDraft .playerButtonRemove {
    background-color: #991824
}

.fantasyMoneyDraft .player-error {
    font-weight: 700;
    text-align: center
}

.fantasyMoneyDraft .buy-button-disabled {
    opacity: .5;
    filter: saturate(0);
    pointer-events: none
}

.fantasyMoneyDraft .card-disabled {
    opacity: .5;
    filter: saturate(0)
}

.fantasyMoneyDraft .card-warning {
    background-color: orange
}

.fantasyMoneyDraft .saveButton {
    border: 0;
    height: 30px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1f5d96;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-bottom: 5px
}

@media (max-width:500px) {
    .fantasyMoneyDraft .saveButton {
        font-size: 12px
    }
}

.fantasyMoneyDraft .saveButton:disabled {
    opacity: .5;
    cursor: not-allowed
}

.event-matchups {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-bottom: 10px
}

.event-matchups .event-matchups-header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 6px;
    background-color: #364250;
    border-bottom: 1px solid #495867;
    font-weight: 700;
    transition: .2s ease
}

.preload .event-matchups .event-matchups-header {
    transition: initial !important
}

.event-matchups .event-matchups-header .fa {
    transition: .2s ease
}

.preload .event-matchups .event-matchups-header .fa {
    transition: initial !important
}

.event-matchups .event-matchups-header .fa.up {
    transform: rotate(180deg)
}

@media (min-width:501px) {
    .event-matchups .event-groups {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
        grid-gap: 5px
    }
}

.event-matchups .event-group.with-border {
    margin: 5px;
    border: 1px dashed #495867;
    border-radius: 5px
}

@media (max-width:500px) {
    .event-matchups .event-group.with-border {
        margin: 5px 0
    }
}

.event-matchups .group-name {
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    font-size: 16px;
    padding: 0 8px
}

@media (max-width:500px) {
    .event-matchups .group-name {
        font-size: 12px
    }
}

.frontpage-event-header {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px
}

.frontpage-flex {
    display: flex;
    margin-top: 30px
}

@media (max-width:500px) {
    .frontpage-flex {
        margin-top: 18px
    }
}

.frontpage-flex .frontpage-left {
    flex: 1 1 auto
}

.frontpage-flex .frontpage-right {
    flex: 0 0 300px;
    margin-left: 16px
}

.fantasy-frontpage .season-games {
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding-top: 24px;
    margin-bottom: 20px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games {
        padding-top: 20px
    }
}

.fantasy-frontpage .season-games .season-headline {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #435971;
    color: #fff;
    font-size: 24px;
    padding: 5px 14px;
    border-radius: 4px;
    font-weight: 700;
    white-space: nowrap;
    margin: 0
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-headline {
        font-size: 18px;
        top: -16px;
        padding: 0 14px
    }
}

.fantasy-frontpage .season-games .hidden-month-button {
    display: inline-block;
    margin-top: 10px;
    padding: 0 16px;
    font-size: 12px;
    color: #000;
    background-color: #c2c2c0;
    cursor: pointer
}

.fantasy-frontpage .season-games .hidden-month-button:hover {
    background-color: #7f8488
}

.fantasy-frontpage .season-games .season-games-content-flex {
    display: flex
}

.fantasy-frontpage .season-games .season-games-content-flex.hidden-month {
    display: none
}

.fantasy-frontpage .season-games .season-games-content-flex .progress-indicator {
    width: 40px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events {
    padding-right: 14px;
    width: 100%
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .pointer:hover .expand-btn,
.fantasy-frontpage .season-games .season-games-content-flex .month-events .pointer:hover .month-text,
.fantasy-frontpage .season-games .season-games-content-flex .month-events .pointer:hover .summary {
    filter: brightness(120%) hue-rotate(2deg);
    z-index: 9
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month {
    position: relative;
    margin-left: 26px;
    margin-bottom: 10px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month .month-text {
    font-size: 16px;
    font-weight: 700;
    min-height: 26px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month .month-text.month-started {
    color: #87a3bf
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .end-of-season-trophy {
    margin-right: 4px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month-circle {
    position: absolute;
    left: -50px;
    top: 6px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    z-index: 2
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month-pre-line {
    position: absolute;
    left: -45px;
    top: -7px;
    height: 16px;
    background: #000;
    width: 4px;
    z-index: 1
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month-fill-line {
    position: absolute;
    left: -45px;
    top: 6px;
    height: 16px;
    background: #000;
    width: 4px;
    z-index: 1
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .month-post-line {
    position: absolute;
    left: -45px;
    height: 35px;
    background: #000;
    width: 4px;
    top: 18px;
    z-index: 1
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .progress {
    position: absolute;
    left: -19px;
    top: -7px;
    height: 78px;
    width: 4px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .progress.small {
    height: 45px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .progress {
        height: 59px
    }

    .fantasy-frontpage .season-games .season-games-content-flex .month-events .progress.small {
        height: 40px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .full-color {
    background: #87a3bf
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .half-color {
    background: linear-gradient(180deg, #87a3bf 50%, #3c4a58 0)
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .empty-color {
    background: #3c4a58
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .summary {
    margin-left: 4px;
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .expand-btn {
    float: right;
    font-size: 20px;
    transition: .2s ease
}

.preload .fantasy-frontpage .season-games .season-games-content-flex .month-events .expand-btn {
    transition: initial !important
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .expand-btn .fa {
    transition: .2s ease
}

.preload .fantasy-frontpage .season-games .season-games-content-flex .month-events .expand-btn .fa {
    transition: initial !important
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .expand-btn .fa.up {
    transform: rotate(180deg)
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-container {
    position: relative
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-container.finished-event {
    width: 85%
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-container.finished-event {
        width: 95%
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game {
    position: relative;
    width: calc(100% - 26px);
    height: 68px;
    margin-left: 26px;
    margin-bottom: 10px;
    background: #2d3844;
    filter: drop-shadow(0 2px 1px rgba(50, 50, 50, .4));
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: grid;
    grid-template-columns: 60px 1fr 90px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game.small {
    height: 35px;
    display: grid;
    grid-template-columns: 40px 1fr 150px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game.small {
        grid-template-columns: 40px 1fr 0;
        margin-bottom: 10px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover {
    background-color: #45515f;
    cursor: pointer
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover:after {
    border-right: 26px solid #45515f
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover .game-overflow-background:before {
    border-top: 68px solid #45515f
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover .game-overflow-background:before {
        border-top: 49px solid #45515f
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover .game-overflow-background-small:before {
    border-top: 35px solid #45515f
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game.enabled:hover .game-overflow-background-small:before {
        border-top: 30px solid #45515f
    }
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game {
        height: 49px;
        grid-template-columns: 45px 1fr 80px
    }

    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game.small {
        height: 30px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game .finished-event-opacity {
    opacity: .5
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game .finished-event-opacity .event-logo,
.fantasy-frontpage .season-games .season-games-content-flex .month-events .game .finished-event-opacity .team-img {
    filter: saturate(0)
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game .game-left .event-logo {
    width: 55px;
    height: 55px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game .game-left .event-logo {
        width: 35px;
        height: 35px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game .game-left .event-logo-small {
    width: 30px;
    height: 30px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game .game-left .event-logo-small {
        width: 25px;
        height: 25px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-name {
    font-size: 14px;
    font-weight: 700;
    padding-right: 26px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-name {
        font-size: 12px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-teams {
    display: grid;
    grid-template-columns: repeat(auto-fill, 15px);
    grid-column-gap: 3px;
    grid-template-rows: 15px repeat(16, 0);
    overflow: hidden;
    padding-right: 32px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-teams .team-img {
    width: 15px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-big:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 34px solid transparent;
    border-right: 26px solid #2d3844;
    border-bottom: 34px solid transparent
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-big:after {
        border-top: 24.5px solid transparent;
        border-bottom: 24.5px solid transparent
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-small:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 17.5px solid transparent;
    border-right: 26px solid #2d3844;
    border-bottom: 17.5px solid transparent
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-small:after {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-right {
    height: 100%;
    position: relative
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background {
    position: absolute;
    left: -60px;
    top: 0;
    width: 150px;
    height: 68px;
    z-index: -2
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background {
        height: 49px;
        left: -45px;
        width: 125px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background.small {
    height: 35px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background.small {
        height: 30px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 68px solid #2d3844;
    border-right: 65px solid transparent
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background:before {
        border-top: 49px solid #2d3844
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background-small:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 35px solid #2d3844;
    border-right: 65px solid transparent
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-overflow-background-small:before {
        border-top: 30px solid #2d3844
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish {
    background: linear-gradient(118.63deg, #ca8b25 -39.47%, #f7dc82 20.09%, #fbba50 117.18%)
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    text-align: center;
    width: 90px;
    color: #000
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-container-small {
    height: 35px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-container-small .winner-text {
    font-size: 10px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-container-small {
        height: 30px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winners {
    font-size: 14px;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winners {
        font-size: 12px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winners.small {
    position: absolute;
    right: 4px;
    top: 0;
    max-width: 88px
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-text {
    opacity: .5
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-text {
        font-size: 8px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-finish .winner-text.small {
    position: absolute;
    right: 4px;
    bottom: 0
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-live {
    background: #435971
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-live .live-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    padding: 9px;
    background: #b60000;
    color: #fff
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-live .live-btn {
        font-size: 12px;
        padding: 5px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-live .live-dot {
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-live .live-dot {
        height: 6px;
        width: 6px
    }
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-draft {
    background: #435971
}

.fantasy-frontpage .season-games .season-games-content-flex .month-events .game-draft .play-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    font-size: 14px;
    background: linear-gradient(113.5deg, #ca8b25 -19.65%, #f7dc82 31.44%, #fbba50 114.74%);
    border-radius: 4px;
    padding: 9px;
    text-align: center;
    font-weight: 700;
    color: #000
}

@media (max-width:500px) {
    .fantasy-frontpage .season-games .season-games-content-flex .month-events .game-draft .play-btn {
        font-size: 12px;
        padding: 5px
    }
}

.fantasy-frontpage .non-season-games {
    margin-top: 40px
}

@media (max-width:500px) {
    .fantasy-frontpage .non-season-games {
        margin-top: 30px
    }
}

.fantasy-frontpage .partner-game-text {
    padding: 14px
}

.fantasy-frontpage .partner-game-text .partner-game-headline {
    font-size: 16px;
    font-weight: 700
}

.fantasy-frontpage .season-standing-tabs {
    height: 42px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    cursor: pointer;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-bottom: 1px solid #495867
}

.fantasy-frontpage .season-standing-tabs .tab {
    background-color: #364250;
    display: flex;
    opacity: .65;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #495867
}

.fantasy-frontpage .season-standing-tabs .tab:last-child {
    border-right: 0
}

@media (max-width:500px) {
    .fantasy-frontpage .season-standing-tabs .tab {
        font-size: 10px
    }
}

.fantasy-frontpage .season-standing-tabs .tab.selected {
    opacity: 1;
    font-weight: 700;
    border-bottom: 2px solid #87a3bf;
    background-color: #2d3844
}

.fantasy-frontpage .season-standing-tabs .tab.disabled {
    opacity: .3;
    cursor: not-allowed
}

.fantasy-frontpage .tabs-content {
    padding: 20px 16px
}

.fantasy-frontpage .season-standing {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.fantasy-frontpage .sub-headline {
    font-size: 24px;
    font-weight: 700;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .fantasy-frontpage .sub-headline {
        font-size: 16px
    }
}

.fantasy-frontpage .stroke-header {
    -webkit-text-stroke: 1px #929a9e;
    color: transparent;
    font-size: 60px;
    opacity: .1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    float: right;
    position: absolute;
    top: -9px;
    right: 0
}

@media (max-width:500px) {
    .fantasy-frontpage .stroke-header {
        font-size: 32px;
        top: -2px
    }
}

.fantasy-frontpage .stroke-header.with-right-padding {
    right: 16px
}

.fantasy-frontpage .leaderboard-headline {
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    margin-top: -20px;
    overflow: hidden
}

@media (max-width:500px) {
    .fantasy-frontpage .leaderboard-headline {
        min-height: 45px
    }
}

.fantasy-frontpage .custom-filter-leaderboard-controls {
    margin-bottom: 16px;
    margin-top: -10px;
    display: grid;
    grid-gap: 5px;
    background-color: #2d3844
}

.fantasy-frontpage .custom-filter-leaderboard-controls.normal {
    grid-template-columns: minmax(20%, 150px) 33px 1fr minmax(20%, 105px) 50px
}

.fantasy-frontpage .custom-filter-leaderboard-controls.join {
    grid-template-columns: max-content
}

.fantasy-frontpage .custom-filter-leaderboard-controls .custom-filter-leaderboard-select {
    max-width: 200px;
    border: 1px solid rgba(73, 88, 103, .5);
    border-radius: 4px;
    background-color: #364250;
    font-weight: 700;
    color: #929a9e
}

.fantasy-frontpage .custom-filter-leaderboard-controls .custom-filter-leaderboard-select:hover {
    cursor: pointer
}

.fantasy-frontpage .create-custom-leaderboard-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2d6da3;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    text-align: center;
    padding: 6px 5px 3px
}

.fantasy-frontpage .create-custom-leaderboard-button:hover {
    background: #59728e;
    color: #fff !important
}

.fantasy-frontpage .empty-custom-leaderboard .custom-leaderboard-signin-message {
    padding-top: 15px;
    font-weight: 700
}

.fantasy-frontpage .empty-custom-leaderboard .custom-leaderboard-button {
    display: inline-block;
    height: 23px;
    padding-right: 10px;
    padding-left: 10px
}

.fantasy-frontpage .season-leaderboard-table .tr-wrapper {
    color: inherit;
    font-weight: inherit;
    display: contents;
    height: 42px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-frontpage .season-leaderboard-table .tr-wrapper:nth-child(odd) tr {
    background-color: transparent !important
}

.fantasy-frontpage .season-leaderboard-table .border-above {
    border-top: 1px solid #495867
}

.fantasy-frontpage .season-leaderboard-table .border-below {
    border-bottom: 1px solid #495867
}

.fantasy-frontpage .season-leaderboard-table .placement {
    width: 40px
}

.fantasy-frontpage .season-leaderboard-table .placement.gold {
    color: gold
}

.fantasy-frontpage .season-leaderboard-table .placement.silver {
    color: silver
}

.fantasy-frontpage .season-leaderboard-table .placement.bronze {
    color: #cd7f32
}

.fantasy-frontpage .season-leaderboard-table .prize {
    text-align: center
}

.fantasy-frontpage .season-leaderboard-table .prize-box {
    padding: 2px 4px;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    color: #000;
    background-color: #45515f
}

.fantasy-frontpage .season-leaderboard-table .prize-box.gold {
    background: gold
}

.fantasy-frontpage .season-leaderboard-table .prize-box.silver {
    background: silver
}

.fantasy-frontpage .season-leaderboard-table .prize-box.bronze {
    background: #cd7f32
}

.fantasy-frontpage .season-leaderboard-table .prize-box.stats {
    background: #435971;
    color: #fff
}

.fantasy-frontpage .season-leaderboard-table .prize-box.stats:hover {
    background: #59728e
}

.fantasy-frontpage .season-leaderboard-table .current-user {
    padding-left: 8px !important
}

.fantasy-frontpage .season-leaderboard-table .player {
    width: 140px;
    font-weight: 700;
    padding: 0
}

.fantasy-frontpage .season-leaderboard-table .player a {
    height: 100%;
    display: block;
    padding: 6px 8px
}

.fantasy-frontpage .season-leaderboard-table .player .flag {
    margin-right: 3px
}

.fantasy-frontpage .season-leaderboard-table .player .celebrity-wrapper {
    display: flex;
    align-items: center
}

@media (max-width:500px) {
    .fantasy-frontpage .season-leaderboard-table .player {
        width: 100px
    }
}

.fantasy-frontpage .season-leaderboard-table .leagues {
    min-width: 75px
}

@media (max-width:500px) {
    .fantasy-frontpage .season-leaderboard-table .leagues .number-of-games {
        display: none;
        min-width: 50px
    }
}

.fantasy-frontpage .season-leaderboard-table .table-opacity {
    opacity: .65
}

.fantasy-frontpage .season-leaderboard-table .points {
    width: 30px;
    text-align: right
}

.fantasy-frontpage .season-leaderboard-table .live-score-header {
    width: 40px
}

.fantasy-frontpage .season-leaderboard-table .live-score-body {
    text-align: center;
    color: #09c100
}

.fantasy-frontpage .season-leaderboard-table tbody .tr-wrapper .is-user {
    background: rgba(43, 110, 164, .3) !important
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination .search-and-gap-wrapper {
    flex-shrink: 10;
    width: 100%;
    margin-right: 10px
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination .search-and-gap-wrapper .admin-input-search {
    width: 100%;
    max-width: 200px
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination .search-and-gap-wrapper .admin-input-search input {
    max-width: 200px;
    font-size: inherit;
    font-weight: inherit;
    display: block;
    width: 100%;
    border: 1px solid #495867;
    box-sizing: border-box;
    background-color: #2d3844;
    color: #929a9e
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination .search-and-gap-wrapper .admin-input-search .autocomplete-items {
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

.fantasy-frontpage .season-leaderboard-table-search-and-pagination .search-and-gap-wrapper .admin-input-search .autocomplete-items .autocomplete-item {
    border-bottom: 1px solid #495867
}

.fantasy-frontpage .stat-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy-frontpage .stat-box {
        font-size: 9px
    }
}

.fantasy-frontpage .stat-box.placement {
    border: 1px solid rgba(146, 154, 158, .6);
    color: rgba(146, 154, 158, .75)
}

.fantasy-frontpage .stat-box.points {
    background: #435971;
    color: #fff
}

.fantasy-frontpage .stats-item-text {
    font-weight: 400;
    margin-top: -2px
}

.fantasy-frontpage .empty-stats-state {
    font-style: italic
}

.fantasy-frontpage .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    padding-top: 16px
}

.fantasy-frontpage .stats-grid .live-box {
    border: 1px solid #8f0303 !important
}

.fantasy-frontpage .stats-grid .stats-item {
    cursor: pointer;
    position: relative;
    background: #364250;
    border-radius: 4px;
    border: 1px solid #3c4a58;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 60px 65px 40px;
    grid-column-gap: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-frontpage .stats-grid .stats-item:hover {
    background-color: #45515f
}

.fantasy-frontpage .stats-grid .stats-item .live-game {
    background: #b60000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 50px;
    height: 21px;
    position: absolute;
    left: 80%;
    transform: translate(-50%, -50%)
}

.fantasy-frontpage .stats-grid .stats-item .game-stats-logo {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fantasy-frontpage .stats-grid .stats-item .game-name {
    font-weight: 700;
    text-align: center;
    grid-column: 1/3;
    grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.fantasy-frontpage .stats-grid .stats-item .placement {
    grid-column: 1;
    grid-row: 3
}

.fantasy-frontpage .stats-grid .stats-item .points {
    grid-column: 2;
    grid-row: 3
}

.fantasy-frontpage .stats-grid .dummy-div {
    height: 0
}

.fantasy-frontpage .summary-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #45515f;
    min-height: 400px
}

.fantasy-frontpage .summary-container .header {
    position: relative;
    background-color: #000;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding-bottom: 30%;
    box-sizing: border-box
}

.fantasy-frontpage .summary-container .header .header-grid {
    position: absolute;
    left: 0;
    top: 24px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    padding: 0 16px;
    width: calc(100% - 32px)
}

.fantasy-frontpage .summary-container .header .header-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    filter: blur(5px);
    transform: scale(1.1);
    opacity: .35
}

.fantasy-frontpage .summary-container .header .back-button-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.fantasy-frontpage .summary-container .header .back-button {
    background-color: hsla(0, 0%, 100%, .1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 28px;
    width: 28px;
    border-radius: 3px
}

.fantasy-frontpage .summary-container .header .back-button .fa {
    color: #fff;
    font-size: 20px
}

.fantasy-frontpage .summary-container .header .game-name {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 0 10px;
    color: #fff
}

@media (max-width:500px) {
    .fantasy-frontpage .summary-container .header .game-name {
        font-size: 20px
    }
}

.fantasy-frontpage .summary-container .header .game-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.fantasy-frontpage .summary-container .header .game-logo img {
    width: 40px;
    height: 40px
}

.fantasy-frontpage .summary-container .content {
    position: relative;
    padding: 10px
}

.fantasy-frontpage .summary-container .content .lineup-container-space {
    position: relative;
    height: 55px
}

.fantasy-frontpage .summary-container .content .lineup-container {
    position: absolute;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    bottom: 0;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: 100%
}

.fantasy-frontpage .summary-container .content .league-result-grid {
    margin: 16px 0;
    height: 44px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 16px;
    column-gap: 16px
}

.fantasy-frontpage .summary-container .content .points-summary-text {
    font-weight: 700;
    margin-bottom: 8px
}

.fantasy-frontpage .season-prizes {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    margin: 10px -16px 0;
    background: linear-gradient(1turn, rgba(0, 0, 0, .2), #364250 40%);
    padding: 8px 0
}

@media (max-width:500px) {
    .fantasy-frontpage .season-prizes {
        grid-template-columns: 1fr
    }
}

.fantasy-frontpage .season-prizes .blue-background {
    position: absolute;
    width: 500px;
    height: 100%;
    transform: skew(-45deg);
    background: #435971;
    right: -300px
}

.fantasy-frontpage .season-prizes .blue-background:after {
    content: "";
    display: block;
    background: linear-gradient(1turn, rgba(0, 0, 0, .2), rgba(0, 0, 0, .01) 40%);
    height: 100%;
    width: 100%
}

.fantasy-frontpage .prizes-left {
    padding: 20px 16px
}

.fantasy-frontpage .prizes-right {
    position: relative;
    padding: 20px 16px;
    min-height: 170px
}

.fantasy-frontpage .compete-text {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: absolute;
    color: #fff;
    background: #2d6da3;
    transform: translate(-50%, -50%);
    left: 50%;
    top: calc(50% - 70px);
    font-weight: 700;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 4px;
    z-index: 4;
    white-space: nowrap
}

.fantasy-frontpage .play-and-win-text {
    position: absolute;
    color: #929a9e;
    top: calc(50% + 80px);
    transform: translate(-50%, -50%);
    left: 50%;
    white-space: nowrap;
    opacity: .65;
    font-size: 11px
}

.fantasy-frontpage .prize-container {
    position: absolute;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    border-radius: 4px;
    padding: 10px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-frontpage .prize-container.first {
    top: calc(50% - 40px);
    z-index: 3;
    font-size: 20px
}

.fantasy-frontpage .prize-container.second {
    top: 50%;
    z-index: 2;
    font-size: 16px;
    background: #364250
}

.fantasy-frontpage .prize-container.third {
    top: calc(50% + 40px);
    z-index: 1;
    font-size: 14px;
    background: #364250
}

.fantasy-frontpage .prize-container .prize-placement {
    padding: 0 8px;
    border-radius: 4px;
    margin-right: 40px;
    color: #000
}

.fantasy-frontpage .prize-container .prize-placement.gold {
    background: gold
}

.fantasy-frontpage .prize-container .prize-placement.silver {
    background: silver
}

.fantasy-frontpage .prize-container .prize-placement.bronze {
    background: #cd7f32
}

.fantasy-frontpage .about-season {
    position: relative;
    margin-top: 10px
}

.fantasy-frontpage .about-season .headline-spacing {
    display: flex;
    align-items: flex-end;
    min-height: 50px
}

@media (max-width:500px) {
    .fantasy-frontpage .about-season .headline-spacing {
        min-height: 0
    }
}

.fantasy-frontpage .about-season-columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 24px
}

.fantasy-frontpage .season-info {
    font-size: 14px;
    color: rgba(146, 154, 158, .75)
}

.fantasy-frontpage .season-info .points-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.fantasy-frontpage .season-info .points-table td,
.fantasy-frontpage .season-info .points-table th {
    text-align: left;
    padding: 2px 8px
}

.fantasy-frontpage .season-info .points-table td:nth-child(2),
.fantasy-frontpage .season-info .points-table th:nth-child(2) {
    text-align: right;
    font-weight: 700
}

.fantasy-frontpage .season-info .points-table tr:nth-child(odd) td {
    background: #364250
}

.fantasy-frontpage .points-system {
    margin-top: 10px;
    position: relative
}

.fantasy-frontpage .points-system .points-table {
    text-align: center
}

.fantasy-frontpage .points-system .points-table table {
    margin: 0 auto
}

.fantasy-frontpage .points-system .points-table table td:first-child,
.fantasy-frontpage .points-system .points-table table th:first-child {
    padding-right: 10px
}

.fantasy-frontpage .rules-changed-warning {
    margin-bottom: 16px;
    color: #2d6da3;
    border: 1px solid #2d6da3;
    border-radius: 4px;
    padding: 8px;
    font-size: 11px;
    background-color: rgba(45, 109, 163, .11)
}

.fantasy-frontpage .rules-changed-warning .warning-rules-link {
    text-decoration: underline
}

.create-leaderboard-popup {
    width: 540px;
    padding: 16px;
    box-shadow: 0 0 16.3529px rgba(0, 0, 0, .55);
    border-radius: 8px;
    background: #2d3844;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:500px) {
    .create-leaderboard-popup {
        width: 80%
    }
}

.create-leaderboard-popup h1 {
    margin: 0 0 16px
}

.create-leaderboard-popup .create-leaderboard-popup-inner {
    border-top: 1px solid #495867;
    padding: 16px 0
}

.create-leaderboard-popup .create-leaderboard-popup-inner .field-label {
    font-weight: 700
}

.create-leaderboard-popup .create-leaderboard-popup-inner .create-leaderboard-popup-controls {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 150px 65px 1fr
}

.create-leaderboard-popup .custom-leaderboard-field {
    background-color: #364250;
    border: 1px solid rgba(73, 88, 103, .5);
    border-radius: 4px;
    padding: 5px 5px 3px;
    color: #929a9e
}

.grey-custom-leaderboard-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #364250;
    border: 1px solid rgba(73, 88, 103, .5);
    border-radius: 4px;
    text-align: center;
    color: #929a9e
}

.custom-leaderboard-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background-color: #2d6da3;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    font-weight: 700
}

.custom-leaderboard-button:hover {
    background: #59728e;
    color: #fff !important
}

.points-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px
}

@media (max-width:500px) {
    .points-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.points-summary-grid .points-summary-item {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px
}

.points-summary-grid .points-summary-item .points-value {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: -6px;
    margin-top: 8px
}

@media (max-width:500px) {
    .points-summary-grid .points-summary-item .points-value {
        font-size: 12px
    }
}

.points-summary-grid .points-summary-item .points-text {
    margin-bottom: 8px;
    font-size: 10px;
    opacity: .65
}

.points-summary-grid .points-summary-item .points-name {
    padding: 0 16px;
    border-radius: 4px;
    color: #929a9e;
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    .points-summary-grid .points-summary-item .points-name {
        font-size: 12px
    }
}

.points-summary-grid .points-summary-item .ratio-container {
    position: relative;
    text-align: center
}

.points-summary-grid .points-summary-item .top-text {
    opacity: .65;
    font-size: 10px;
    margin-top: -8px
}

.points-summary-grid .points-summary-item .ratio-percent {
    font-size: 22px;
    font-weight: 700;
    margin-top: -15px
}

.points-summary-grid .points-summary-item .ratio-percent.fragment-1 {
    color: #d81e11
}

.points-summary-grid .points-summary-item .ratio-percent.fragment-2 {
    color: #e2700c
}

.points-summary-grid .points-summary-item .ratio-percent.fragment-3 {
    color: #bfb23c
}

.points-summary-grid .points-summary-item .ratio-percent.fragment-4 {
    color: #97c516
}

.points-summary-grid .points-summary-item .ratio-percent.fragment-5 {
    color: #13c013
}

.points-summary-grid .points-summary-item .points-name {
    margin-bottom: 0
}

.points-summary-grid .points-summary-item .half-circle-svg {
    height: 100%;
    width: 100%;
    padding: 18px;
    box-sizing: border-box;
    margin-bottom: -46px
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment {
    fill: rgba(146, 154, 158, .35)
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-1 {
    fill: #d81e11
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-2 {
    fill: #e2700c
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-3 {
    fill: #bfb23c
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-4 {
    fill: #97c516
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-5 {
    fill: #13c013
}

.points-summary-grid .points-summary-item .half-circle-svg .fragment-opacity {
    opacity: 0
}

.fantasy-user-stats-flex {
    display: flex;
    margin-top: 30px
}

@media (max-width:500px) {
    .fantasy-user-stats-flex {
        margin-top: 18px
    }
}

.fantasy-user-stats-flex .fantasy-user-stats-left {
    flex: 1 1 auto
}

.fantasy-user-stats-flex .fantasy-user-stats-right {
    flex: 0 0 300px;
    margin-left: 16px
}

.fantasy-user-stats .leaderboard-headline {
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    margin-top: -20px;
    overflow: hidden
}

@media (max-width:500px) {
    .fantasy-user-stats .leaderboard-headline {
        min-height: 45px
    }
}

.fantasy-user-stats .sub-headline {
    font-size: 24px;
    font-weight: 700;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .fantasy-user-stats .sub-headline {
        font-size: 16px
    }
}

.fantasy-user-stats .quick-recap-header {
    line-height: 1.4;
    font-weight: 700;
    padding-top: 16px;
    padding-left: 16px
}

.fantasy-user-stats .tournament-breakdown-header {
    line-height: 1.4;
    font-weight: 700;
    padding-left: 16px
}

.fantasy-user-stats .placement-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 700;
    padding: 16px 0;
    border: 1px solid #3c4a58
}

@media (max-width:500px) {
    .fantasy-user-stats .placement-box {
        font-size: 9px
    }
}

.fantasy-user-stats .extra-value {
    color: #09c100;
    display: contents
}

.fantasy-user-stats .stat-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy-user-stats .stat-box {
        font-size: 9px
    }
}

.fantasy-user-stats .stat-box.placement {
    border: 1px solid rgba(146, 154, 158, .6);
    color: rgba(146, 154, 158, .75)
}

.fantasy-user-stats .stat-box.points {
    background: #435971;
    color: #fff
}

.fantasy-user-stats .fantasy-user-info-container {
    display: flex
}

.fantasy-user-stats .placement-item-text,
.fantasy-user-stats .stats-item-text {
    font-weight: 400;
    margin-top: -2px
}

.fantasy-user-stats .empty-stats-state {
    font-style: italic
}

.fantasy-user-stats .quick-recap-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    padding: 16px
}

.fantasy-user-stats .quick-recap-body .games-played {
    display: flex;
    justify-content: center;
    align-items: center
}

.fantasy-user-stats .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    padding: 16px
}

.fantasy-user-stats .stats-grid .live-box {
    border: 1px solid #8f0303 !important
}

.fantasy-user-stats .stats-grid .stats-item {
    cursor: pointer;
    position: relative;
    background: #364250;
    border-radius: 4px;
    border: 1px solid #3c4a58;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 60px 65px 40px;
    grid-column-gap: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-user-stats .stats-grid .stats-item:hover {
    background-color: #45515f
}

.fantasy-user-stats .stats-grid .stats-item .live-game {
    background: #b60000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 50px;
    height: 21px;
    position: absolute;
    left: 80%;
    transform: translate(-50%, -50%)
}

.fantasy-user-stats .stats-grid .stats-item .game-stats-logo {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fantasy-user-stats .stats-grid .stats-item .game-name {
    font-weight: 700;
    text-align: center;
    grid-column: 1/3;
    grid-row: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.fantasy-user-stats .stats-grid .stats-item .placement {
    grid-column: 1;
    grid-row: 3
}

.fantasy-user-stats .stats-grid .stats-item .points {
    grid-column: 2;
    grid-row: 3
}

.fantasy-user-stats .stats-grid .dummy-div {
    height: 0
}

.fantasy-team-overview .team-lineup-flex {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px;
    padding: 0 20px !important
}

@media (max-width:500px) {
    .fantasy-team-overview .team-lineup-flex {
        overflow: hidden;
        grid-gap: 16px;
        padding: 0 8px !important
    }
}

.fantasy-team-overview .team-lineup-flex .flip-container {
    margin-bottom: 8px;
    filter: drop-shadow(0 0 26px black)
}

.fantasy-team-overview .player-block {
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column
}

.fantasy-team-overview .player-block:last-child .assign-role-button.assigned {
    border-right: 1px solid #376a93
}

.fantasy-team-overview .player-block:last-child .assign-role-button.assigned:after {
    width: calc(100% + 2px)
}

.fantasy-team-overview .player-block.player-eliminated {
    transform: scale(.85);
    opacity: .5;
    filter: saturate(0)
}

.fantasy-team-overview .player-block.player-in-match {
    position: relative
}

.fantasy-team-overview .player-block.player-in-match .flip-container {
    transform: scale(.85);
    opacity: .5;
    filter: saturate(0)
}

.fantasy-team-overview .player-block.player-in-match .assign-role-button {
    background: linear-gradient(180deg, #a42b2b, #520000) !important;
    border-top: 1px solid #d03b3b !important;
    border-right: 1px solid #580b0b !important;
    border-left: 1px solid #d03b3b !important
}

.fantasy-team-overview .player-block.player-in-match .assign-role-button .assign-role-text {
    opacity: .5
}

.fantasy-team-overview .player-block.player-in-match .assign-role-button:after {
    background: linear-gradient(180deg, rgba(191, 91, 91, .5), transparent) !important
}

.fantasy-team-overview .player-block.player-in-match:after {
    content: "In match";
    position: absolute;
    display: inline-block;
    color: #fff;
    z-index: 4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 26px;
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px #000
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block.player-in-match:after {
        font-size: 6px
    }
}

.fantasy-team-overview .player-block.player-in-match .player-picture {
    filter: brightness(0)
}

.fantasy-team-overview .player-block .player-data {
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    text-align: center
}

.fantasy-team-overview .player-block .flip-container {
    position: relative;
    z-index: 2
}

.fantasy-team-overview .player-block .card-player-tag span {
    position: relative;
    top: -4px
}

.fantasy-team-overview .player-block .total-points {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    margin-top: -16px;
    z-index: 3;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .total-points {
        margin-top: -10px
    }
}

.fantasy-team-overview .player-block .total-points .points {
    border-radius: 100px;
    padding: 0 16px
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .total-points .points {
        padding: 0 4px;
        font-size: 7px
    }
}

.fantasy-team-overview .player-block .total-points.none-points .points {
    background-color: #606367;
    color: hsla(0, 0%, 100%, .35)
}

.fantasy-team-overview .player-block .total-points.neutral-points .points {
    background-color: #606367
}

.fantasy-team-overview .player-block .total-points.positive-points .points {
    background-color: #2ba44d
}

.fantasy-team-overview .player-block .total-points.negative-points .points {
    background-color: #a42b2b
}

.fantasy-team-overview .player-block .upcoming-match {
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 8px;
    z-index: 1
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .upcoming-match {
        font-size: 8px
    }
}

.fantasy-team-overview .player-block .upcoming-match .opponent {
    font-size: 10px
}

.fantasy-team-overview .player-block .assign-role-button {
    background: linear-gradient(180deg, #535d68, #2c3643);
    border-radius: 0;
    margin-bottom: 24px;
    border-top: 1px solid #7a828c;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 42px;
    min-height: 42px;
    font-size: 16px;
    z-index: 1;
    position: relative;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-right: 1px solid #242b33;
    border-left: 1px solid #666d75
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .assign-role-button {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
        margin-left: -8px;
        margin-right: -8px
    }
}

.fantasy-team-overview .player-block .assign-role-button.not-assigned:hover:after {
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    background: linear-gradient(180deg, rgba(85, 114, 150, .5), transparent);
    top: 42px;
    z-index: 1
}

.fantasy-team-overview .player-block .assign-role-button.assigned {
    cursor: pointer;
    background: linear-gradient(180deg, #2b6ea4, #426989);
    color: #fff;
    border-top: 1px solid #56a3e0;
    border-right: 1px solid #295273;
    border-left: 1px solid #4784b5
}

.fantasy-team-overview .player-block .assign-role-button.assigned .assign-role-icon {
    color: #c0d5e6
}

.fantasy-team-overview .player-block .assign-role-button.assigned:after {
    content: "";
    position: absolute;
    height: 250px;
    width: calc(100% + 3px);
    background: linear-gradient(180deg, rgba(91, 136, 191, .5), transparent);
    top: 42px;
    z-index: 1
}

.fantasy-team-overview .player-block .assign-role-button.assigned:hover {
    filter: brightness(110%)
}

.fantasy-team-overview .player-block .assign-role-button.no-role {
    background: linear-gradient(180deg, #535d68, #2c3643);
    color: hsla(0, 0%, 100%, .25)
}

.fantasy-team-overview .player-block .assign-role-button.no-role.not-assigned {
    cursor: pointer
}

.fantasy-team-overview .player-block .assign-role-button.no-role.not-assigned:hover {
    color: #fff;
    background: linear-gradient(180deg, #2b6ea4, #426989)
}

.fantasy-team-overview .player-block .assign-role-button .assign-role-icon,
.fantasy-team-overview .player-block .assign-role-button .assign-role-text {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.fantasy-team-overview .player-block .assign-role-button .assign-role-icon {
    flex: 0 0 30px;
    margin-left: -8px
}

.fantasy-team-overview .player-block .assign-role-button .assign-role-icon .role-icon {
    width: 41px;
    margin-right: 10px
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .assign-role-button .assign-role-icon {
        flex: 0 0 15px;
        font-size: 8px;
        display: none
    }
}

.fantasy-team-overview .player-block .assign-role-button .assign-role-text {
    line-height: 18px
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .assign-role-button .assign-role-text {
        line-height: 14px;
        font-size: 10px
    }
}

.fantasy-team-overview .player-block .assign-booster-button {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: hsla(0, 0%, 100%, .3);
    z-index: 1;
    position: relative;
    color: #fff;
    height: 32px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-team-overview .player-block .assign-booster-button .booster-icon {
    width: 30px
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .assign-booster-button .booster-icon {
        width: 25px
    }
}

.fantasy-team-overview .player-block .assign-booster-button .assigned-text {
    margin-left: 5px
}

@media (max-width:500px) {
    .fantasy-team-overview .player-block .assign-booster-button {
        font-size: 8px;
        height: 24px
    }
}

.fantasy-team-overview .player-block .assign-booster-button:hover {
    cursor: pointer;
    filter: brightness(110%) hue-rotate(2deg)
}

.fantasy-team-overview .player-block .assign-booster-button.assigned {
    background: linear-gradient(180deg, #2b6ea4, #426989)
}

.fantasy-team-overview .player-block .assign-booster-button.assigned:hover {
    cursor: pointer;
    opacity: .8;
    filter: brightness(110%) hue-rotate(2deg)
}

.fantasy-team-overview .player-block .assign-booster-button {
    text-align: center
}

.fantasy-team-overview .player-block .assign-booster-button.assigned {
    opacity: 1
}

.fantasy-team-overview .player-block .no-match {
    opacity: .5
}

.fantasy-team-overview .fantasy-highlighted-stats-container {
    margin-top: -140px;
    padding: 0 20px 20px;
    position: relative;
    z-index: 1
}

@media (max-width:500px) {
    .fantasy-team-overview .fantasy-highlighted-stats-container {
        padding: 0
    }
}

.fantasy-team-overview .fantasy-highlighted-stats-container .fantasy-header.fantasy-dark-header {
    margin-top: 0
}

.fantasy-team-overview .fantasy-highlighted-stats-container .no-season {
    grid-template-columns: 3fr 4fr 2fr !important
}

.fantasy-team-overview .fantasy-highlighted-stats-container .highlighted-stats-container {
    display: grid;
    grid-template-columns: 3fr 4fr 4fr;
    grid-gap: 16px
}

@media (max-width:500px) {
    .fantasy-team-overview .fantasy-highlighted-stats-container .highlighted-stats-container {
        display: flex;
        flex-direction: column
    }
}

@media (max-width:500px) and (max-width:500px) {
    .fantasy-team-overview .fantasy-highlighted-stats-container .highlighted-stats-container .team-messages-box {
        order: 1
    }
}

.fantasy-team-overview .fantasy-highlighted-stats-container .highlighted-stats-container .key-numbers-rows {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:500px) {
    .fantasy-team-overview .fantasy-highlighted-stats-container .highlighted-stats-container .key-numbers-rows {
        font-size: 10px
    }
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment {
    fill: rgba(146, 154, 158, .25)
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-1 {
    fill: #a5bed2
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-2 {
    fill: #6ca2ce
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-3 {
    fill: #3080c1
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-4 {
    fill: #267fc7
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-5 {
    fill: #1687e2
}

.fantasy-team-overview .avg-rating-ratio-container .half-circle-svg .fragment-opacity {
    opacity: 0
}

@media (max-width:500px) {
    .fantasy-team-overview .key-number-container {
        order: 2
    }
}

.fantasy-team-overview .key-number-container .key-number-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0
}

.fantasy-team-overview .key-number-container .key-number-description {
    opacity: .65
}

.fantasy-team-overview .key-number-container .key-number-data {
    font-weight: 700
}

.fantasy-team-overview .open-draft-btns {
    display: flex;
    gap: 16px;
    margin-top: 10px
}

.fantasy-team-overview .open-draft-btns .open-draft-btn {
    border-radius: 30px;
    background-color: #435971;
    font-size: 16px;
    color: #fff;
    padding: 4px 10px
}

.fantasy-team-overview .open-draft-btns .open-draft-btn:hover:not(.disabled) {
    background-color: #59728e
}

.fantasy-team-overview .open-draft-btns .open-draft-btn.disabled {
    background-color: transparent;
    opacity: .3;
    border: 1px solid #fff
}

.fantasy-team-details .booster-breakdown-wrapper {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr
}

@media (max-width:500px) {
    .fantasy-team-details .booster-breakdown-wrapper {
        grid-template-columns: 1fr
    }
}

.fantasy-team-details .booster-breakdown-list {
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 8px;
    margin-top: 8px;
    max-height: 340px;
    overflow-y: scroll;
    overflow-x: hidden
}

.fantasy-team-details .booster-breakdown-list .players-stat-indicator {
    position: absolute;
    height: 14px;
    width: 1px;
    background-color: #000;
    bottom: -4px
}

.fantasy-team-details .booster-breakdown-entry {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    border-radius: 4px;
    padding: 8px
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-entry-left {
    flex: 0 0 50px;
    margin-right: 8px;
    display: flex;
    align-items: center
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-entry-right {
    flex: 1 auto
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-booster-title {
    font-weight: 700;
    font-size: 18px
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-booster-description {
    margin-top: -4px;
    opacity: .65
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-icon-container {
    display: flex;
    flex: 0 0 50px;
    height: 50px;
    width: 50px
}

.fantasy-team-details .booster-breakdown-entry .booster-breakdown-icon {
    max-height: 100%;
    max-width: 100%
}

.fantasy-team-details .breakdown-round-container {
    margin-top: -150px;
    position: relative
}

.fantasy-team-details .breakdown-round-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    background-color: #2d3844;
    box-shadow: 0 1px 2px rgba(50, 50, 50, .4);
    border-radius: 4px;
    min-height: 42px;
    overflow: hidden
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row {
        font-size: 10px
    }
}

.fantasy-team-details .breakdown-round-row.expandable {
    cursor: pointer
}

.fantasy-team-details .breakdown-round-row.expandable:hover {
    background-color: #45515f
}

.fantasy-team-details .breakdown-round-row.breakdown-round-header {
    background: none;
    box-shadow: none;
    color: #fff;
    flex-direction: row;
    margin-top: -54px;
    opacity: .65
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row.breakdown-round-header {
        margin-top: -24px;
        margin-bottom: -4px;
        font-size: 7px
    }
}

.fantasy-team-details .breakdown-round-row.breakdown-round-header .breakdown-round-match-status {
    flex: 1 auto
}

.fantasy-team-details .breakdown-round-row .breakdown-row-bottom,
.fantasy-team-details .breakdown-round-row .breakdown-row-top {
    display: flex
}

.fantasy-team-details .breakdown-round-row .breakdown-row-bottom {
    padding: 0 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
    position: relative;
    margin-bottom: 8px
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row .breakdown-row-bottom {
        overflow-y: auto;
        grid-template-columns: repeat(5, 140px)
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-row-bottom .tracker-item-bottom {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0
}

.fantasy-team-details .breakdown-round-row .breakdown-row-bottom .tracker-item-bottom .player-tracker-point-description {
    font-size: 6px
}

.fantasy-team-details .breakdown-round-row .breakdown-row-top {
    align-items: center
}

.fantasy-team-details .breakdown-round-row .breakdown-round-match-status {
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row .breakdown-round-match-status {
        flex: 0 0 33px
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-round-match-status-button {
    padding: 1px 10px 0;
    border-radius: 4px;
    font-weight: 700
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row .breakdown-round-match-status-button {
        padding: 0 4px
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-round-match-status-button.button-LIVE {
    background-color: #a42b2b;
    color: #fff
}

.fantasy-team-details .breakdown-round-row .breakdown-round-match-status-button.button-TBA {
    background-color: rgba(146, 154, 158, .1);
    color: rgba(146, 154, 158, .65)
}

.fantasy-team-details .breakdown-round-row .breakdown-round-round-name {
    flex: 1 auto;
    font-weight: 700
}

.fantasy-team-details .breakdown-round-row .breakdown-round-league-placement {
    flex: 0 0 155px
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row .breakdown-round-league-placement {
        flex: 0 0 35px
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-round-total-points {
    flex: 0 0 75px
}

@media (max-width:500px) {
    .fantasy-team-details .breakdown-round-row .breakdown-round-total-points {
        flex: 0 0 32px
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-round-booster-role-points,
.fantasy-team-details .breakdown-round-row .breakdown-round-player-points,
.fantasy-team-details .breakdown-round-row .breakdown-round-round-points,
.fantasy-team-details .breakdown-round-row .breakdown-round-team-points {
    flex: 0 0 76px
}

@media (max-width:500px) {

    .fantasy-team-details .breakdown-round-row .breakdown-round-booster-role-points,
    .fantasy-team-details .breakdown-round-row .breakdown-round-player-points,
    .fantasy-team-details .breakdown-round-row .breakdown-round-round-points,
    .fantasy-team-details .breakdown-round-row .breakdown-round-team-points {
        flex: 0 0 40px
    }
}

.fantasy-team-details .breakdown-round-row .breakdown-faded-bg {
    position: relative;
    color: rgba(146, 154, 158, .45)
}

.fantasy-team-details .breakdown-round-row .breakdown-faded-bg:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 250px;
    position: absolute;
    top: 42px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fantasy-team-details .breakdown-round-row .breakdown-round-total-points {
    font-weight: 700
}

.fantasy-team-details .breakdown-round-row .breakdown-points {
    text-align: center;
    justify-content: center
}

.fantasy-team-details .breakdown-round-row .breakdown-points,
.fantasy-team-details .breakdown-round-row .breakdown-round-match-status,
.fantasy-team-details .breakdown-round-row .breakdown-round-round-name {
    height: 42px;
    display: flex;
    align-items: center
}

.fantasy-my-teams .game-state-message {
    text-align: center;
    font-size: 40px;
    margin-top: 40px
}

.fantasy-my-teams .fantasy-my-teams-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    position: relative;
    padding-bottom: 32px
}

@media (max-width:500px) {
    .fantasy-my-teams .fantasy-my-teams-container {
        grid-template-columns: 1fr
    }
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container {
    color: inherit;
    font-weight: inherit;
    transition: .2s ease
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container:hover {
    transform: scale(1.05);
    cursor: pointer;
    filter: brightness(115%);
    color: inherit !important
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container .my-team-time-to-draft {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 24px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container .my-team-time-to-draft .my-team-countdown {
    font-weight: 700
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container.create-team-container {
    display: inline-block;
    height: 150px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container.create-team-container .my-team-top {
    opacity: .65;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container.create-team-container .create-team-icon {
    font-size: 50px;
    font-weight: 700;
    margin-top: -16px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-container.create-team-container .create-team-text {
    font-size: 20px;
    margin-top: -24px;
    font-weight: 700
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top {
    background-color: #3c485d;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    margin: 0 8px;
    min-height: 150px;
    display: flex;
    flex-direction: column
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-top {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-top .my-team-team-name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 8px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-top .my-team-league-name {
    opacity: .65;
    font-size: 11px;
    margin-bottom: -8px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-top .missing-booster-container {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-color: #a42b2b;
    border-radius: 100px;
    z-index: 2;
    padding: 0 8px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    flex: 1 auto;
    position: relative;
    left: -17px;
    top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-bottom:after {
    content: "";
    height: 30px;
    width: 100%;
    display: block;
    background: linear-gradient(1turn, rgba(0, 0, 0, .85), transparent);
    position: absolute;
    left: 17px;
    bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .my-team-top-bottom .my-team-top-player-bodyshot {
    height: 100px;
    position: absolute
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-top .leave-league-button {
    position: absolute;
    top: 0;
    right: 8px
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-bottom {
    background-color: #556778;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    margin-top: -24px;
    padding: 32px 16px 16px;
    box-sizing: border-box
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-bottom .my-teamrecap-title {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-bottom .my-team-recap-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-bottom .my-team-recap-row .recap-category {
    opacity: .65
}

.fantasy-my-teams .fantasy-my-teams-container .my-team-bottom .my-team-recap-row .recap-data {
    font-weight: 700
}

.fantasy-my-teams .fantasy-my-teams-container .my-teams-player-bodyshot {
    width: 60px
}

.fantasy-league-standing-container {
    margin-top: -150px;
    position: relative
}

.fantasy-league-standing-container.with-podium-margin {
    margin-top: -200px
}

.fantasy-league-standing-container .standing-podium-container {
    margin-top: 16px;
    padding: 16px 0;
    text-align: center
}

.fantasy-league-standing-container .standing-podium-container .podium-image-container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 65%
}

.fantasy-league-standing-container .standing-podium-container img {
    width: 100%
}

.fantasy-league-standing-container .standing-podium-container .first-place {
    position: absolute;
    top: 79.7872340426%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #a68541
}

.fantasy-league-standing-container .standing-podium-container .second-place {
    position: absolute;
    top: 86.170212766%;
    left: 15.668202765%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #969798
}

.fantasy-league-standing-container .standing-podium-container .third-place {
    position: absolute;
    top: 86.170212766%;
    left: 84.331797235%;
    transform: translate(-50%, -50%);
    max-width: 31.33640553%;
    color: #9b5e31
}

.fantasy-league-standing-container .standing-podium-container .placement-player {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:500px) {
    .fantasy-league-standing-container .standing-podium-container .placement-player {
        font-size: 8px
    }
}

.fantasy-league-standing-container .standing-podium-container .placement-points {
    font-size: 10px;
    margin-top: -3px;
    white-space: nowrap
}

.fantasy-league-standing-container .section-header-league-standing-leaderboard {
    font-size: 24px;
    position: relative;
    margin-bottom: 8px
}

.fantasy-league-standing-container .standing-leaderboard-count {
    font-size: 12px;
    font-weight: 400;
    opacity: .65;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 16px
}

.fantasy-league-standing-container .standing-leaderboard-count .leaderboard-pagination {
    margin-left: 15px;
    display: inline-block
}

.fantasy-league-standing-container .standing-leaderboard-count .leaderboard-pagination-arrow {
    display: inline-block
}

.fantasy-league-standing-container .standing-leaderboard-count .leaderboard-pagination-arrow i {
    padding: 8px 16px
}

.fantasy-league-standing-container .leaderboard-standing-margin {
    margin-bottom: 20px
}

.fantasy-league-standing-container .league-standing-leaderboard-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: -42px
}

@media (min-width:501px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table.with-podium-shown thead {
        color: #929a9e
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table .placement {
    width: 40px;
    text-align: center
}

.fantasy-league-standing-container .league-standing-leaderboard-table .player-count {
    text-align: right;
    width: 40px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table .player-count {
        width: 20px
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table .draft-start {
    text-align: right
}

.fantasy-league-standing-container .league-standing-leaderboard-table .bonus {
    white-space: nowrap;
    text-align: center;
    width: 75px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table .bonus {
        width: inherit
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table .points {
    width: 45px;
    text-align: right
}

.fantasy-league-standing-container .league-standing-leaderboard-table .team-points-mobile {
    white-space: nowrap
}

.fantasy-league-standing-container .league-standing-leaderboard-table .team-points {
    width: 62px;
    text-align: center
}

.fantasy-league-standing-container .league-standing-leaderboard-table .total {
    width: 45px;
    text-align: right;
    padding-right: 16px
}

.fantasy-league-standing-container .league-standing-leaderboard-table .avg-points {
    width: 70px
}

.fantasy-league-standing-container .league-standing-leaderboard-table .money-league {
    width: 130px
}

.fantasy-league-standing-container .league-standing-leaderboard-table thead {
    border-bottom: 1px solid #495867;
    color: #fff
}

.fantasy-league-standing-container .league-standing-leaderboard-table thead th {
    text-align: left;
    opacity: .65;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table thead th {
        font-size: 7px;
        padding: 8px 4px 12px
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table thead th.points {
    text-align: center
}

.fantasy-league-standing-container .league-standing-leaderboard-table thead th.placement,
.fantasy-league-standing-container .league-standing-leaderboard-table thead th.team {
    opacity: 0
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table tbody {
        font-size: 10px
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody .tr-wrapper {
    color: inherit;
    font-weight: inherit;
    display: contents;
    height: 42px;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody .tr-wrapper:nth-child(odd) tr {
    background-color: #364250
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr {
    height: 42px
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr:hover {
    cursor: pointer;
    background-color: #45515f !important
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td {
    padding: 6px 8px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td {
        padding-right: 4px;
        padding-left: 4px
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td.bonus,
.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td.points,
.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td.team-points {
    opacity: .65
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr td.points {
    width: 62px
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .placement {
    width: 35px;
    text-align: center;
    font-weight: 700
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .placement .fa-trophy {
    margin-right: 3px
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .placement .gold {
    color: gold
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .placement .silver {
    color: silver
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .placement .bronze {
    color: #cd7f32
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .bonus,
.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .points {
    text-align: center
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .team {
    font-weight: 700
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .total {
    text-align: right;
    font-weight: 700
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .player-count {
    text-align: right
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .user img {
    margin-right: 3px
}

@media (max-width:500px) {
    .fantasy-league-standing-container .league-standing-leaderboard-table tbody tr .user img {
        display: none
    }
}

.fantasy-league-standing-container .league-standing-leaderboard-table tbody tr.users-team-row {
    background-color: #45515f
}

.join-game-component .join-container .event-container .event-logo-bg {
    position: absolute;
    top: 1px;
    height: 100%;
    right: -90px;
    opacity: .15;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.join-game-component .join-container .event-container .countdown-container {
    text-align: center;
    position: relative;
    z-index: 2
}

.join-game-component .join-container .event-container .countdown-container .header {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width:500px) {
    .join-game-component .join-container .event-container .countdown-container .header {
        font-size: 24px
    }
}

.join-game-component .join-container .event-container .countdown-container .sub-header {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width:500px) {
    .join-game-component .join-container .event-container .countdown-container .sub-header {
        font-size: 12px
    }
}

.join-game-component .join-container .event-container .countdown-container .countdown {
    font-size: 32px;
    letter-spacing: 1px;
    opacity: .9;
    padding-bottom: 3px;
    padding-top: 2px;
    margin: 16px auto;
    max-width: 450px;
    position: relative
}

@media (max-width:500px) {
    .join-game-component .join-container .event-container .countdown-container .countdown {
        font-size: 20px
    }
}

.join-game-component .join-container .event-container .countdown-container .countdown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .65) 50%, hsla(0, 0%, 100%, 0));
    top: -1px;
    left: 0
}

.join-game-component .join-container .event-container .countdown-container .countdown:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1%, hsla(0, 0%, 100%, .65) 50%, hsla(0, 0%, 100%, 0));
    bottom: -1px;
    left: 0
}

.join-game-component .join-container .event-container .cta-container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons {
    text-align: center;
    margin: 16px 16px 0;
    flex: 0 1 40%
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
    color: #fff;
    display: inline-block;
    padding: 4px 16px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width:500px) {

    .join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button,
    .join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
        font-size: 12px
    }
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .sub-text,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .sub-text {
    display: block
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button {
    border-radius: 100px;
    background-color: #435971
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button:hover,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button:hover {
    background-color: #59728e
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button-deactivated,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button-deactivated {
    background-color: transparent;
    opacity: .3;
    border: 1px solid #fff
}

.join-game-component .join-container .event-container .cta-container .create-join-league-button .action-button-deactivated:hover,
.join-game-component .join-container .event-container .cta-container .draft-pre-draft-buttons .action-button-deactivated:hover {
    background-color: transparent;
    opacity: .3
}

.join-game-component .join-container .event-container .cta-container .sub-text {
    opacity: .65;
    font-size: 12px;
    display: inline-block
}

@media (max-width:500px) {
    .join-game-component .join-container .event-container .cta-container .sub-text {
        font-size: 9px
    }
}

.terms-page :target {
    pointer-events: none
}

.terms-page ol,
.terms-page ul {
    margin-bottom: 0;
    margin-top: 0
}

.terms-page ol {
    counter-reset: item
}

.terms-page ol>li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
    font-weight: 700
}

.terms-page ol>li {
    display: block;
    counter-increment: item
}

.terms-page ol ol>li {
    display: block
}

.terms-page ol ol>li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
    font-weight: 700
}

.terms-page .standard-box {
    overflow: auto;
    padding-bottom: 16px
}

.terms-page .padding {
    margin: 0 20px
}

.terms-page h2,
.terms-page h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.ftu {
    table-layout: inherit
}

.ftu .factor-team {
    max-width: 1px
}

.ftu .center {
    text-align: center
}

.ftu .head-4v5,
.ftu .head-5v4 {
    width: 50px
}

.ftu .head-traded {
    width: 60px
}

.ftu .head-flashassist {
    width: 40px
}

.ftu .head-utility-adr {
    width: 35px
}

.ftu .head-opk {
    width: 45px
}

.ftu .head-multikills {
    width: 50px
}

.ftu .ftu-value {
    padding: 1px 4px;
    border-radius: 3px
}

.ftu .outstanding {
    background-color: rgba(62, 173, 91, .85);
    color: #bdc0c1
}

.ftu .great {
    background-color: rgba(136, 183, 75, .85);
    color: #bdc0c1
}

.ftu .good {
    background-color: rgba(162, 204, 88, .65);
    color: #bdc0c1
}

.ftu .above_average {
    background-color: rgba(205, 221, 84, .55);
    color: #bdc0c1
}

.ftu .average {
    background-color: rgba(255, 246, 82, .5);
    color: #bdc0c1
}

.ftu .below_average {
    background-color: rgba(252, 204, 93, .35);
    color: #bdc0c1
}

.ftu .bad {
    background-color: rgba(245, 160, 96, .4);
    color: #bdc0c1
}

.ftu .terrible {
    background-color: rgba(238, 117, 93, .5);
    color: #bdc0c1
}

.ftu .abysmal {
    background-color: rgba(232, 65, 85, .65);
    color: #bdc0c1
}

.analytics-event-info {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    min-height: 42px;
    padding: 8px;
    border-bottom: 1px solid #495867
}

.analytics-event-info .analytics-info {
    flex: 0 0 33%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.analytics-event-info .analytics-info-sub-title {
    text-transform: uppercase;
    color: rgba(146, 154, 158, .65);
    font-weight: 700;
    font-size: 10px
}

@media (max-width:500px) {
    .analytics-event-info .analytics-info-sub-title {
        font-size: 8px
    }
}

.analytics-event-info .analytics-info-header {
    font-size: 14px;
    font-weight: 700
}

@media (max-width:500px) {
    .analytics-event-info .analytics-info-header {
        font-size: 10px
    }
}

.analytics-header {
    display: grid;
    grid-template-columns: 40% 20% 40%;
    grid-template-rows: 50px 170px;
    grid-template-areas: "sponsorBar sponsorBar sponsorBar" "team1 info team2";
    background-color: #000;
    color: #fff;
    position: relative;
    overflow: hidden
}

@media (max-width:500px) {
    .analytics-header {
        grid-template-columns: 40% 20% 40%;
        grid-template-rows: 30px 120px
    }
}

.analytics-header .fadeUp {
    opacity: 0;
    animation-name: fadeUp;
    -webkit-animation-name: fadeUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: .65s;
    -webkit-animation-fill-mode: both
}

@keyframes fadeUp {
    0% {
        transform: translate3d(0, 35px, 0)
    }

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

.analytics-header:before {
    background: url(/img/static/statsmatchmaps/all.png) no-repeat scroll 100% 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-size: cover
}

.analytics-header:after {
    background: linear-gradient(90deg, #2990d8 0, hsla(0, 0%, 100%, 0) 50%, #f0b412);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-size: cover
}

.analytics-header .analytics-headerbar {
    grid-area: sponsorBar;
    background-image: linear-gradient(44deg, #434343, #000);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .5);
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    z-index: 1
}

@media (max-width:500px) {
    .analytics-header .analytics-headerbar {
        position: relative
    }
}

.analytics-header .analytics-headerbar .flex {
    display: flex;
    height: 100%;
    position: relative;
    overflow: hidden
}

.analytics-header .analytics-headerbar .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2
}

.analytics-header .analytics-headerbar .analytics-title {
    display: flex;
    width: 100%;
    align-self: center;
    text-align: center;
    justify-content: center;
    font-size: 22px
}

@media (max-width:500px) {
    .analytics-header .analytics-headerbar .analytics-title {
        font-size: 10px;
        width: calc(100vw - 132px);
        float: right;
        margin-left: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.analytics-header .analytics-headerbar .analytics-back {
    flex: 0 0 100px;
    display: flex;
    align-self: center;
    color: #fff !important;
    margin-left: 16px;
    margin-right: 16px;
    z-index: 3
}

@media (max-width:500px) {
    .analytics-header .analytics-headerbar .analytics-back {
        height: 22px;
        flex: 0 0 85px;
        position: absolute;
        margin-left: 8px
    }
}

.analytics-header .analytics-headerbar .analytics-back a {
    color: #fff !important;
    background-color: #435971;
    padding: 3px 8px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    transition: .2s ease
}

.preload .analytics-header .analytics-headerbar .analytics-back a {
    transition: initial !important
}

@media (max-width:500px) {
    .analytics-header .analytics-headerbar .analytics-back a {
        font-size: 12px;
        padding: 1px 8px
    }
}

.analytics-header .analytics-headerbar .analytics-back a:hover {
    background: #59728e
}

.analytics-header .analytics-team-2.team {
    grid-template-areas: "name logo" "country logo" "odds logo" !important;
    text-align: right !important;
    grid-template-columns: 1fr .7fr
}

@media (max-width:500px) {
    .analytics-header .analytics-team-2.team {
        grid-template-columns: 1fr !important;
        grid-template-rows: 50px !important;
        grid-template-areas: "logo" "logo" "name" "odds" !important
    }
}

.analytics-header .analytics-team-2.team .team-name {
    text-align: right !important
}

.analytics-header .team {
    z-index: 1;
    margin-top: auto;
    margin-bottom: auto;
    display: grid;
    grid-template-columns: .7fr 1fr;
    grid-template-rows: 40px 40px 40px;
    grid-template-areas: "logo name" "logo country" "logo odds"
}

@media (max-width:500px) {
    .analytics-header .team {
        grid-template-columns: 1fr;
        grid-template-rows: 50px;
        grid-template-areas: "logo" "logo" "name" "odds"
    }
}

.analytics-header .team .team-logo {
    grid-area: logo
}

.analytics-header .team .team-logo .team-logo-container {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    border: 1px solid rgba(73, 88, 103, .2)
}

@media (max-width:500px) {
    .analytics-header .team .team-logo .team-logo-container {
        width: 50px;
        height: 50px
    }
}

.analytics-header .team .team-logo .team-logo-container img {
    width: 95px;
    max-height: 95px;
    margin: 0 auto
}

@media (max-width:500px) {
    .analytics-header .team .team-logo .team-logo-container img {
        width: 45px;
        max-height: 45px
    }
}

.analytics-header .team .team-name {
    grid-area: name;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-self: center;
    min-width: 0
}

@media (max-width:500px) {
    .analytics-header .team .team-name {
        font-size: 14px
    }
}

.analytics-header .team .team-name .name {
    width: 100%;
    position: relative;
    top: -10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .analytics-header .team .team-name .name {
        position: inherit;
        top: inherit;
        text-align: center
    }
}

.analytics-header .team .team-country {
    grid-area: country
}

@media (max-width:500px) {
    .analytics-header .team .team-country {
        text-align: center
    }
}

.analytics-header .team .team-country .flag {
    border: none;
    height: inherit;
    width: inherit;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

@media (max-width:500px) {
    .analytics-header .team .team-country .flag {
        height: 10px;
        width: 15px
    }
}

.analytics-header .team .team-odds {
    grid-area: odds;
    display: flex
}

@media (max-width:500px) {
    .analytics-header .team .team-odds {
        margin-top: 4px
    }
}

.analytics-header .team .team-odds .odds {
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, .1);
    padding: 4px 8px;
    border: 1px solid rgba(73, 88, 103, .2);
    align-self: center;
    color: #fff !important;
    cursor: pointer;
    transition: .2s ease;
    position: relative;
    top: 5px
}

.preload .analytics-header .team .team-odds .odds {
    transition: initial !important
}

@media (max-width:500px) {
    .analytics-header .team .team-odds .odds {
        font-size: 12px
    }
}

.analytics-header .team .team-odds .odds:hover {
    color: #fff !important;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, .25);
    border: 1px solid rgba(73, 88, 103, .65)
}

@media (max-width:500px) {
    .analytics-header .team .team-odds .odds {
        padding: 0 5px;
        margin: 0 auto
    }
}

.analytics-header .analytics-team-1 {
    grid-area: team1
}

@media (max-width:500px) {
    .analytics-header .analytics-team-1 {
        padding-left: 8px
    }
}

.analytics-header .analytics-info {
    grid-area: info;
    text-align: center;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65));
    padding-left: 8px;
    padding-right: 8px
}

@media (max-width:500px) {
    .analytics-header .analytics-info {
        padding-left: 4px;
        padding-right: 4px
    }
}

.analytics-header .analytics-info .event-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .65)
}

@media (max-width:500px) {
    .analytics-header .analytics-info .event-name {
        font-size: 9px
    }
}

.analytics-header .analytics-info .event-date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .65);
    margin-top: 5px
}

@media (max-width:500px) {
    .analytics-header .analytics-info .event-date {
        margin-top: 4px;
        font-size: 9px
    }
}

.analytics-header .analytics-info .event-time {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin-top: 8px
}

@media (max-width:500px) {
    .analytics-header .analytics-info .event-time {
        font-size: 20px;
        margin-top: 13px
    }
}

.analytics-header .analytics-info .event-type {
    color: hsla(0, 0%, 100%, .65);
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 18px;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    border: 1px solid rgba(73, 88, 103, .2)
}

@media (max-width:500px) {
    .analytics-header .analytics-info .event-type {
        font-size: 8px
    }
}

.analytics-header .analytics-team-2 {
    grid-area: team2
}

@media (max-width:500px) {
    .analytics-header .analytics-team-2 {
        padding-right: 8px
    }
}

.analytics-header .analytics-team-2 .team-odds {
    justify-content: flex-end
}

@media (max-width:500px) {
    .analytics-header .analytics-team-2 .team-odds {
        justify-content: center
    }
}

.analytics {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px
}

@media (max-width:500px) {
    .analytics {
        padding-left: 8px;
        padding-right: 8px
    }
}

.analytics .about-match-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    padding: 16px;
    font-size: 14px
}

@media (max-width:500px) {
    .analytics .about-match-container {
        padding: 8px;
        font-size: 12px
    }
}

.analytics .analytics-back {
    width: 100%;
    display: flex;
    align-self: center;
    color: #fff !important;
    z-index: 3;
    font-size: 16px
}

.analytics .analytics-back a {
    margin: 0 auto;
    color: #fff !important;
    background-color: #435971;
    padding: 3px 8px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    transition: .2s ease;
    width: 100%;
    width: 250px;
    text-align: center;
    font-weight: 700
}

.preload .analytics .analytics-back a {
    transition: initial !important
}

@media (max-width:500px) {
    .analytics .analytics-back a {
        width: 100%
    }
}

.analytics .analytics-back a:hover {
    background: #59728e
}

.analytics hr {
    margin-top: 24px;
    border-top: 1px solid #495867
}

.analytics h1 {
    margin-top: 0;
    padding-top: 8px
}

@media (max-width:500px) {
    .analytics h1 {
        padding-left: 0;
        padding-right: 8px;
        padding-top: 8px;
        margin-top: 0
    }
}

.analytics .section-spacer {
    height: 16px
}

.analytics .analytics-head-to-head-container {
    flex: 1 1;
    min-width: 260px;
    margin-right: 8px;
    margin-left: 8px
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container:last-child {
        margin-left: 0;
        margin-top: 16px
    }
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container:first-child {
        margin-right: 0
    }
}

.analytics .analytics-head-to-head-container.team1 .table-container .table-player {
    padding-left: 16px
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container.team1 .table-container .table-player {
        padding-left: 8px
    }
}

.analytics .analytics-head-to-head-container.team1 .table-container td:first-child {
    padding-left: 16px
}

@media (max-width:500px) {

    .analytics .analytics-head-to-head-container.team1 .table-container td:first-child,
    .analytics .analytics-head-to-head-container.team2 .table-container .table-player,
    .analytics .analytics-head-to-head-container.team2 .table-container td:first-child {
        padding-left: 8px
    }
}

@media (min-width:501px) {
    .analytics .analytics-head-to-head-container.team2 .table-container thead {
        direction: ltr
    }

    .analytics .analytics-head-to-head-container.team2 .table-container .table-player {
        text-align: right;
        padding-right: 16px
    }

    .analytics .analytics-head-to-head-container.team2 .table-container td:first-child {
        padding-right: 16px
    }

    .analytics .analytics-head-to-head-container.team2 .analytics-head-to-head .analytics-team-header {
        flex-direction: row-reverse
    }

    .analytics .analytics-head-to-head-container.team2 .analytics-head-to-head .analytics-team-header .team-logo-container {
        margin-right: 0;
        margin-left: 8px
    }

    .analytics .analytics-head-to-head-container.team2 .analytics-head-to-head .analytics-player-container {
        direction: rtl
    }

    .analytics .analytics-head-to-head-container.team2 .analytics-head-to-head .analytics-player-container .player-image {
        margin-right: 0 !important;
        margin-left: 8px
    }

    .analytics .analytics-head-to-head-container.team2 .analytics-head-to-head .analytics-player-container .player-info .player-name .flag {
        margin-right: 0;
        margin-left: 5px
    }
}

.analytics .analytics-head-to-head-container.team2 .analytics-facts .analytics-fact .fact-container {
    flex-direction: row-reverse;
    text-align: right
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container.team2 .analytics-facts .analytics-fact .fact-container {
        flex-direction: row;
        text-align: left
    }
}

.analytics .analytics-head-to-head-container.team2 .analytics-facts .analytics-fact .analytics-sub-fact-container .analytics-sub-fact {
    flex-direction: row-reverse
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-container.team2 .analytics-facts .analytics-fact .analytics-sub-fact-container .analytics-sub-fact {
        flex-direction: row
    }
}

.analytics .analytics-head-to-head-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0
    }
}

.analytics .analytics-head-to-head-wrapper .negative {
    color: rgba(146, 154, 158, .65) !important;
    font-weight: 400 !important
}

.analytics .analytics-head-to-head-wrapper .positive {
    font-weight: 700 !important;
    opacity: 1 !important
}

.analytics .analytics-head-to-head-wrapper .team1 .table-event.positive {
    border-right: 4px solid #09c100
}

.analytics .analytics-head-to-head-wrapper .team1 .table-event.negative {
    border-right: 4px solid #fc1d1d
}

.analytics .analytics-head-to-head-wrapper .team2 .table-event.positive {
    border-left: 4px solid #09c100
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .team2 .table-event.positive {
        border-left: none;
        border-right: 4px solid #09c100
    }
}

.analytics .analytics-head-to-head-wrapper .team2 .table-event.negative {
    border-left: 4px solid #fc1d1d
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .team2 .table-event.negative {
        border-left: none;
        border-right: 4px solid #fc1d1d
    }
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .team2 .table-event.neutral {
        border-left: none
    }
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-team-header {
    display: flex;
    align-self: center;
    border-bottom: 1px solid #495867;
    padding: 8px 16px
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-team-header {
        padding-left: 8px;
        padding-right: 8px
    }
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-team-header .team-name {
    align-self: center;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-team-header .team-logo-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-team-header .team-logo-container .team-logo {
    width: 30px;
    max-height: 30px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container {
    border-bottom: 1px solid #495867
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table {
    margin-top: 8px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table thead tr .table-event {
    width: 60px;
    text-align: center
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table thead tr .table-3-months {
    width: 70px;
    text-align: center
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr {
    cursor: pointer
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr:nth-child(2n) {
    background-color: inherit !important
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr:nth-child(2n):hover {
    background-color: #45515f !important
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr .table-3-months {
    opacity: .65
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr .table-3-months,
.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr .table-event {
    text-align: center;
    vertical-align: middle
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr .table-event {
    font-weight: 700;
    color: #b9bdbf
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-image {
    max-width: 40px;
    min-width: 40px;
    max-height: 42px;
    min-height: 42px;
    margin-right: 8px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-image img {
    width: 100%
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-info .player-nickname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-info .player-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(146, 154, 158, .65);
    font-size: 11px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-player-container table tbody tr td .player-container .player-info .flag {
    margin-right: 5px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches {
    display: flex;
    align-content: stretch
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match {
    color: #929a9e !important;
    background-color: #26303c;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 20%;
    border-right: 1px solid #495867;
    transition: .2s ease;
    position: relative
}

.preload .analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match {
    transition: initial !important
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.won-match {
    border-bottom: 3px solid #09c100
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.won-match .match-type {
    background-color: #09c100
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.lost-match {
    border-bottom: 3px solid #fc1d1d
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.lost-match .match-type {
    background-color: #fc1d1d
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.tie-match {
    border-bottom: 3px solid #5a96dc
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match.tie-match .match-type {
    background-color: #5a96dc
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match:hover {
    cursor: pointer;
    background-color: #1d252f
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match:last-child {
    border-right: 0
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .team-logo-container {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0 auto
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .team-logo-container .team-logo {
    width: 38px;
    max-height: 38px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .team-name {
    padding: 0 8px;
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .recent-score {
    text-align: center;
    font-weight: 700;
    font-size: 12px
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .match-type {
    position: absolute;
    padding: 0 8px;
    font-size: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: -17px;
    font-weight: 700;
    color: #fff
}

.analytics .analytics-head-to-head-wrapper .analytics-head-to-head .analytics-last-matches .last-match .won-match {
    background-color: green
}

.analytics .analytics-head-to-head-wrapper .analytics-facts {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact:last-child {
    border-bottom: 0
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-container {
    display: flex;
    transition: .2s ease;
    cursor: pointer;
    justify-content: space-between;
    padding: 8px 16px;
    border-bottom: 1px solid #495867
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-container {
        padding-left: 8px;
        padding-right: 8px
    }
}

.preload .analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-container {
    transition: initial !important
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-container.active {
    background-color: #26303c
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-container:hover {
    background-color: #45515f
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact {
    display: flex;
    flex-direction: column
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact .headline {
    font-size: 14px;
    font-weight: 700
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact .description {
    font-size: 11px;
    color: rgba(146, 154, 158, .65)
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .fact-value {
    font-size: 14px;
    align-self: center;
    font-weight: 700;
    border-radius: 4px;
    background-color: red;
    color: #fff;
    padding: 2px 8px
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact {
    padding: 4px 16px;
    border-bottom: 1px solid #495867;
    display: flex;
    justify-content: space-between;
    transition: .2s ease
}

@media (max-width:500px) {
    .analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact {
        padding-left: 8px;
        padding-right: 8px
    }
}

.preload .analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact {
    transition: initial !important
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact:hover {
    background-color: #45515f
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact .map-name {
    font-weight: 700
}

.analytics .analytics-head-to-head-wrapper .analytics-facts .analytics-fact .analytics-sub-fact .map-percentage {
    border-radius: 4px;
    background-color: green;
    color: #fff;
    padding-left: 9px;
    padding-right: 8px;
    padding-top: 1px;
    font-weight: 700
}

.analytics .text-left {
    text-align: left
}

.analytics .form-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250
}

.analytics .analytics-map-stats h2 {
    margin-top: 24px;
    margin-bottom: 24px
}

.analytics .analytics-map-stats table {
    table-layout: inherit;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.analytics .analytics-map-stats table thead tr {
    padding-top: 2px;
    background-color: #364250
}

.analytics .analytics-map-stats table thead tr th {
    border-right: 1px solid #495867
}

.analytics .analytics-map-stats table thead tr th:last-child {
    border-right: 0
}

.analytics .analytics-map-stats table thead tr .analytics-map-stats,
.analytics .analytics-map-stats table thead tr .analytics-map-veto {
    text-align: center;
    font-size: 14px;
    color: #929a9e
}

.analytics .analytics-map-stats table thead tr .analytics-map-comments {
    text-align: left;
    padding-left: 8px;
    font-size: 14px;
    color: #929a9e
}

.analytics .analytics-map-stats table thead tr .analytics-map-stats-map {
    width: 150px
}

.analytics .analytics-map-stats table thead tr .analytics-map-stats-ban-percentage,
.analytics .analytics-map-stats table thead tr .analytics-map-stats-pick-percentage,
.analytics .analytics-map-stats table thead tr .analytics-map-stats-played,
.analytics .analytics-map-stats table thead tr .analytics-map-stats-win-percentage {
    width: 45px;
    text-align: center
}

.analytics .analytics-map-stats table thead tr .analytics-map-stats-comment {
    width: 400px;
    padding-left: 8px
}

.analytics .analytics-map-stats table tbody tr {
    background: #364250
}

.analytics .analytics-map-stats table tbody tr:hover {
    background: #45515f
}

.analytics .analytics-map-stats table tbody tr:nth-child(4n+1) {
    background: #2d3844
}

.analytics .analytics-map-stats table tbody tr:nth-child(4n+1):hover {
    background: #45515f
}

.analytics .analytics-map-stats table tbody tr:nth-child(4n+2) {
    background: #2d3844
}

.analytics .analytics-map-stats table tbody tr:nth-child(4n+2):hover {
    background: #45515f
}

.analytics .analytics-map-stats table tbody tr .analytics-map-stats-team {
    max-width: 1px;
    padding-left: 8px !important;
    padding-top: 4px;
    padding-bottom: 4px
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container {
    position: relative;
    background-color: #000
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name {
    position: absolute;
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    width: 100%;
    text-align: center;
    padding-top: 1px;
    text-transform: capitalize
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.cobblestone {
    background-image: linear-gradient(-90deg, rgba(152, 166, 29, 0) 1%, #98a61d 52%, rgba(152, 166, 29, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.cache {
    background-image: linear-gradient(-90deg, rgba(0, 154, 207, 0) 1%, #009acf 52%, rgba(0, 154, 207, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.mirage {
    background-image: linear-gradient(-90deg, rgba(141, 67, 209, 0) 1%, #8d43d1 52%, rgba(141, 67, 209, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.dust2 {
    background-image: linear-gradient(-90deg, rgba(226, 207, 57, 0) 1%, #e2cf39 52%, rgba(226, 207, 57, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.inferno {
    background-image: linear-gradient(-90deg, rgba(0, 58, 119, 0) 1%, #003a77 52%, rgba(0, 58, 119, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.train {
    background-image: linear-gradient(-90deg, rgba(86, 180, 40, 0) 1%, #56b428 52%, rgba(86, 180, 40, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-name.overpass {
    background-image: linear-gradient(-90deg, rgba(201, 93, 13, 0) 1%, #c95d0d 52%, rgba(201, 93, 13, 0))
}

.analytics .analytics-map-stats table tbody tr .analytics-map-container .analytics-map-map .analytics-map-image {
    width: 100%;
    opacity: .65
}

.analytics .analytics-map-stats table tbody tr td {
    padding-top: 0;
    padding-bottom: 0
}

.analytics .analytics-map-stats table tbody tr td:first-child {
    padding-left: 0
}

.analytics .analytics-map-stats table tbody tr td:last-child {
    padding-right: 0
}

.analytics .analytics-map-stats table tbody tr td.cobblestone {
    border-bottom: 1px solid #000
}

.analytics .analytics-map-stats table tbody tr td .maps-team-container {
    display: flex;
    align-self: center
}

.analytics .analytics-map-stats table tbody tr td .maps-team-container .maps-team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    vertical-align: middle
}

.analytics .analytics-map-stats table tbody tr td .maps-team-container .maps-team-logo-container {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.analytics .analytics-map-stats table tbody tr td .maps-team-container .maps-team-logo-container .team-logo {
    width: 20px;
    max-height: 20px
}

.analytics .analytics-map-stats table tbody tr .analytics-map-stats-comment {
    vertical-align: middle;
    padding-left: 8px
}

.analytics .analytics-map-stats table tbody tr .analytics-map-stats-pick-percentage {
    text-align: center;
    vertical-align: middle
}

.analytics .analytics-map-stats table tbody tr .analytics-map-stats-ban-percentage,
.analytics .analytics-map-stats table tbody tr .analytics-map-stats-played,
.analytics .analytics-map-stats table tbody tr .analytics-map-stats-win-percentage {
    text-align: center;
    vertical-align: middle
}

.analytics .analytics-map-stats table tbody tr .comment {
    margin-right: 3px;
    font-size: 10px;
    border-radius: 4px;
    padding: 0 8px;
    color: #fff;
    display: inline-block;
    margin-left: 0 !important;
    margin-bottom: 3px
}

.analytics .analytics-map-stats table tbody tr .comment:last-child {
    margin-right: 0
}

.analytics .analytics-map-stats table tbody tr .comment.low {
    background-color: rgba(146, 154, 158, .35);
    color: #929a9e
}

.analytics .analytics-map-stats table tbody tr .comment.medium {
    background-color: #d28017
}

.analytics .analytics-map-stats table tbody tr .comment.high {
    background-color: #e40a0a
}

.analytics .analytics-map-stats table tbody tr .comment.positive {
    background-color: #159a42
}

.analytics .analytics-map-stats table tbody tr .comment.neutral {
    background-color: #26303c;
    color: #929a9e
}

.analytics .analytics-map-stats table tbody tr .comment.negative {
    background-color: #9a1515
}

.analytics .analytics-smartphone-map-stats-container {
    background-color: #364250;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 16px
}

.analytics .analytics-smartphone-map-stats-container .analytics-map-map {
    -o-object-fit: cover;
    object-fit: cover;
    height: 50px;
    overflow: hidden;
    position: relative
}

.analytics .analytics-smartphone-map-stats-container .analytics-map-map img {
    width: 100%;
    position: absolute;
    top: -100%
}

.analytics .analytics-smartphone-map-stats-container .analytics-map-map .analytics-map-name {
    position: absolute;
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 16px
}

.analytics .analytics-smartphone-map-stats-container table {
    padding-top: 6px
}

.analytics .analytics-smartphone-map-stats-container table thead tr .analytics-map-stats-team {
    padding-left: 8px
}

.analytics .analytics-smartphone-map-stats-container table tbody tr .analytics-map-stats-comment {
    padding: 8px 8px 0 !important
}

.analytics .analytics-smartphone-map-stats-container table tbody tr .analytics-map-stats-comment .comment {
    margin-left: 0 !important;
    margin-right: 3px;
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 8px !important
}

.analytics .analytics-map-name.Cobblestone {
    background-image: linear-gradient(-90deg, rgba(152, 166, 29, 0) 1%, #98a61d 52%, rgba(152, 166, 29, 0))
}

.analytics .analytics-map-name.Cache {
    background-image: linear-gradient(-90deg, rgba(0, 154, 207, 0) 1%, #009acf 52%, rgba(0, 154, 207, 0))
}

.analytics .analytics-map-name.Mirage {
    background-image: linear-gradient(-90deg, rgba(141, 67, 209, 0) 1%, #8d43d1 52%, rgba(141, 67, 209, 0))
}

.analytics .analytics-map-name.Dust2 {
    background-image: linear-gradient(-90deg, rgba(226, 207, 57, 0) 1%, #e2cf39 52%, rgba(226, 207, 57, 0))
}

.analytics .analytics-map-name.Inferno {
    background-image: linear-gradient(-90deg, rgba(0, 58, 119, 0) 1%, #003a77 52%, rgba(0, 58, 119, 0))
}

.analytics .analytics-map-name.Train {
    background-image: linear-gradient(-90deg, rgba(86, 180, 40, 0) 1%, #56b428 52%, rgba(86, 180, 40, 0))
}

.analytics .analytics-map-name.Overpass {
    background-image: linear-gradient(-90deg, rgba(201, 93, 13, 0) 1%, #c95d0d 52%, rgba(201, 93, 13, 0))
}

.analytics .analytics-map-name.Nuke {
    background-image: linear-gradient(-90deg, rgba(201, 93, 13, 0) 1%, #ab0303 52%, rgba(201, 93, 13, 0))
}

.analytics .analytics-handicap-map-container {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    flex-direction: column
}

.analytics .analytics-handicap-map-container.team2 .analytics-handicap-map-header {
    flex-direction: row-reverse
}

.analytics .analytics-handicap-map-container.team2 .analytics-handicap-map-header .team-name {
    text-align: right
}

.analytics .analytics-handicap-map-container.team2 .analytics-handicap-map-header .team-logo {
    margin-right: 0;
    margin-left: 8px
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container {
    position: relative;
    padding-bottom: 10.3054140127%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .05)
}

@media only screen and (max-width:840px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container {
        padding-bottom: inherit;
        height: inherit;
        background-color: inherit
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container img {
    width: 100%
}

@media only screen and (max-width:840px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container img {
        display: none
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container .mapname {
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    font-size: 13px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-110%)
}

@media only screen and (max-width:840px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container .mapname {
        top: inherit;
        transform: inherit;
        color: #929a9e;
        text-align: left;
        text-shadow: inherit;
        font-size: 10px
    }
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-picture-container .mapname {
        font-size: 9px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-header {
    padding: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #495867;
    font-weight: 700
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-header {
        padding: 8px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-header .team-name {
    flex: 1 auto
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-header .handicap-map-count {
    flex: 0 0 120px;
    font-size: 10px;
    opacity: .65
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-container {
    padding: 16px;
    background-color: #26303c
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data-container {
        padding: 8px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-overall-container {
    display: flex;
    padding: 24px;
    background-color: #2d3844;
    border-radius: 4px;
    border: 1px solid #495867
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data-overall-container {
        padding: 16px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom {
    margin-top: 16px
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .standard-headline {
    opacity: 1;
    color: rgba(146, 154, 158, .65);
    display: flex;
    justify-content: space-between
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container {
    margin-top: 16px
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container th {
    font-size: 7px
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container .analytics-handicap-map-data-avg {
    width: 75px;
    padding: 8px
}

@media only screen and (max-width:840px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container .analytics-handicap-map-data-avg {
        width: 55px
    }
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container .analytics-handicap-map-data-avg {
        width: 35px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .analytics-handicap-map-data-table-container .analytics-handicap-map-data-avg {
    text-align: center
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .expand-map-handicap {
    padding: 4px 8px;
    color: #fff;
    background-color: #435971;
    cursor: pointer;
    transition: .2s ease
}

.preload .analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .expand-map-handicap {
    transition: initial !important
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .expand-map-handicap.button-expanded,
.analytics .analytics-handicap-map-container .analytics-handicap-map-data-bottom .expand-map-handicap:hover {
    background-color: #59728e
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 0 0 50%
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data div:first-child {
    font-weight: 700;
    font-size: 18px
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data div:first-child {
        font-size: 12px
    }
}

.analytics .analytics-handicap-map-container .analytics-handicap-map-data div:last-child {
    font-size: 12px;
    opacity: .65
}

@media (max-width:500px) {
    .analytics .analytics-handicap-map-container .analytics-handicap-map-data div:last-child {
        font-size: 8px
    }
}

.analytics .analytics-handicap-map-container .team-logo-container {
    flex: 0 0 30px;
    margin-right: 8px;
    height: 30px;
    width: 30px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    align-content: center
}

.analytics .analytics-handicap-map-container .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.analytics .match-ended-container {
    background-color: #364250;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px 16px 24px
}

@media (max-width:500px) {
    .analytics .match-ended-container {
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.analytics .match-ended-container .match-ended {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 24px
}

.analytics .match-ended-container .match-ended h1 {
    font-size: 16px;
    text-align: center;
    color: rgba(146, 154, 158, .65)
}

.analytics .analytics-insights {
    background-color: #364250;
    margin-left: -16px;
    padding-left: 16px;
    margin-right: -16px;
    padding-right: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #495867
}

.analytics .analytics-insights .rek-holder {
    margin-bottom: 16px;
    text-align: center
}

@media (max-width:500px) {
    .analytics .analytics-insights {
        margin-left: -8px;
        padding-left: 8px;
        margin-right: -8px;
        padding-right: 8px
    }
}

.analytics .analytics-insights h2 {
    margin-top: 0;
    margin-bottom: 24px;
    padding-top: 24px;
    text-align: center
}

.analytics .analytics-insights .analytics-insights-empty {
    background-color: #364250;
    padding: 24px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #495867;
    color: rgba(146, 154, 158, .65)
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    padding: 16px
}

@media (max-width:500px) {
    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container {
        padding: 4px;
        font-size: 9px
    }
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .favor {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid rgba(73, 88, 103, .5);
    padding-bottom: 3px;
    margin-top: 8px
}

@media (max-width:500px) {
    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .favor {
        font-size: 10px
    }
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-logo-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: .15;
    overflow: hidden;
    pointer-events: none
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-logo-container .team-logo-container {
    position: absolute;
    right: 0;
    transform: translate(40px, 20px);
    bottom: 0;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 130px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-logo-container .team-logo {
    max-height: 100%;
    max-width: 100%
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header {
    display: flex;
    align-self: center;
    padding: 8px 16px;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header .team-name {
    align-self: center;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:500px) {
    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header .team-name {
        font-size: 13px
    }
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header .pros-cons {
    color: rgba(146, 154, 158, .65);
    font-size: 10px;
    font-weight: 700
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header .team-logo-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-team-header .team-logo-container .team-logo {
    width: 30px;
    max-height: 30px
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight {
    transition: .2s ease;
    display: flex;
    padding: 8px
}

.preload .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight {
    transition: initial !important
}

@media (max-width:500px) {
    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight {
        padding: 2px
    }
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .no-insights {
    opacity: .65
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .against .fa-minus {
    background-color: #9a1515
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .in-favor .fa-plus {
    background-color: #159a42
}

.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .fa-minus,
.analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .fa-plus {
    height: 15px;
    width: 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-size: 9px;
    color: #fff;
    position: relative;
    top: 2px
}

@media (max-width:500px) {

    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .fa-minus,
    .analytics .analytics-insights .analytics-insights-wrapper .analytics-insights-container .analytics-insights-insight .fa-plus {
        font-size: 8px
    }
}

.analytics .ftu .factor-team .flex {
    display: flex
}

.analytics .ftu .factor-team .team-logo-container {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.analytics .ftu .factor-team .team-logo-container .team-logo {
    width: 20px;
    max-height: 20px
}

.analytics .analytics-handicap h2 {
    margin-top: 40px;
    margin-bottom: 40px
}

.analytics .analytics-handicap .best-bet {
    display: none !important
}

.analytics .analytics-handicap .analytics-handicap-table {
    background-color: #364250;
    table-layout: fixed;
    width: 100%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-collapse: collapse
}

.analytics .analytics-handicap .analytics-handicap-table .team-name-logo-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
}

.analytics .analytics-handicap .analytics-handicap-table .match-map-count {
    flex: 0 0 120px;
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

@media (max-width:500px) {
    .analytics .analytics-handicap .analytics-handicap-table .match-map-count {
        font-size: 8px;
        flex: 1 1 100px
    }
}

.analytics .analytics-handicap .analytics-handicap-table .team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 auto
}

.analytics .analytics-handicap .analytics-handicap-table .centerCol {
    width: 80px
}

.analytics .analytics-handicap .analytics-handicap-table.team1 .match-map-count {
    text-align: right;
    padding-right: 16px
}

.analytics .analytics-handicap .analytics-handicap-table.team1 .team-name {
    text-align: left
}

.analytics .analytics-handicap .analytics-handicap-table.team1 .rightCol {
    width: 90px
}

.analytics .analytics-handicap .analytics-handicap-table.team1 th:first-child {
    padding-left: 16px
}

@media (max-width:500px) {
    .analytics .analytics-handicap .analytics-handicap-table.team1 th:first-child {
        padding-left: 8px
    }
}

.analytics .analytics-handicap .analytics-handicap-table.team1 th.best-bet {
    border-left: 1px solid rgba(73, 88, 103, .5)
}

.analytics .analytics-handicap .analytics-handicap-table.team1 tbody tr td.handicap-data {
    text-align: right;
    padding-right: 16px;
    font-weight: 700
}

.analytics .analytics-handicap .analytics-handicap-table.team1 tbody tr td:first-child {
    color: rgba(146, 154, 158, .65);
    padding-left: 16px
}

@media (max-width:500px) {
    .analytics .analytics-handicap .analytics-handicap-table.team1 tbody tr td:first-child {
        padding-left: 8px
    }
}

.analytics .analytics-handicap .analytics-handicap-table.team1 tbody tr td:last-child {
    font-weight: 700;
    text-align: center;
    border-left: 1px solid rgba(73, 88, 103, .5);
    background-color: rgba(45, 56, 68, .4)
}

.analytics .analytics-handicap .analytics-handicap-table.team2 .leftCol {
    width: 90px
}

.analytics .analytics-handicap .analytics-handicap-table.team2 .match-map-count {
    text-align: left;
    padding-left: 16px
}

.analytics .analytics-handicap .analytics-handicap-table.team2 .team-name {
    text-align: right
}

.analytics .analytics-handicap .analytics-handicap-table.team2 th:last-child {
    padding-right: 16px
}

@media (max-width:500px) {
    .analytics .analytics-handicap .analytics-handicap-table.team2 th:last-child {
        padding-right: 8px
    }
}

.analytics .analytics-handicap .analytics-handicap-table.team2 th .flex {
    flex-direction: row-reverse
}

.analytics .analytics-handicap .analytics-handicap-table.team2 th .flex .team-logo-container {
    margin-left: 8px;
    margin-right: 0
}

.analytics .analytics-handicap .analytics-handicap-table.team2 th.best-bet {
    border-right: 1px solid rgba(73, 88, 103, .5)
}

.analytics .analytics-handicap .analytics-handicap-table.team2 tbody tr td.handicap-data {
    text-align: left;
    padding-left: 16px;
    font-weight: 700
}

.analytics .analytics-handicap .analytics-handicap-table.team2 tbody tr td:last-child {
    color: rgba(146, 154, 158, .65);
    padding-right: 16px;
    text-align: right
}

@media (max-width:500px) {
    .analytics .analytics-handicap .analytics-handicap-table.team2 tbody tr td:last-child {
        padding-right: 8px
    }
}

.analytics .analytics-handicap .analytics-handicap-table.team2 tbody tr td:first-child {
    font-weight: 700;
    text-align: center;
    border-right: 1px solid rgba(73, 88, 103, .5);
    background-color: rgba(45, 56, 68, .4)
}

.analytics .analytics-handicap .analytics-handicap-table th {
    height: 65px;
    width: 100%
}

.analytics .analytics-handicap .analytics-handicap-table th.best-bet {
    background-color: rgba(45, 56, 68, .4);
    text-align: center;
    color: rgba(146, 154, 158, .5)
}

.analytics .analytics-handicap .analytics-handicap-table th .flex {
    display: flex;
    align-items: center
}

.analytics .analytics-handicap .analytics-handicap-table th .team-logo-container {
    flex: 0 0 30px;
    margin-right: 8px;
    height: 30px;
    width: 30px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    align-content: center
}

.analytics .analytics-handicap .analytics-handicap-table th .team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%
}

.analytics .analytics-handicap .analytics-handicap-table tbody tr {
    transition: .2s ease
}

.preload .analytics .analytics-handicap .analytics-handicap-table tbody tr {
    transition: initial !important
}

.analytics .analytics-handicap .analytics-handicap-table tbody tr:nth-child(odd) {
    background-color: #26303c
}

.analytics .analytics-handicap .analytics-handicap-table tbody tr:hover {
    background-color: #1d252f
}

.analytics .analytics-handicap .analytics-handicap-table tbody tr:hover .best-bet {
    background-color: #45515f !important
}

.analytics .analytics-handicap .analytics-handicap-table tbody td {
    height: 50px;
    transition: .2s ease
}

.preload .analytics .analytics-handicap .analytics-handicap-table tbody td {
    transition: initial !important
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet {
    transition: .2s ease
}

.preload .analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet {
    transition: initial !important
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet:hover {
    cursor: pointer;
    background-color: #1d252f !important
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet .best-bet-link {
    display: block
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet .best-bet-odds {
    display: block;
    font-size: 15px;
    margin-bottom: -2px
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet .best-bet-odds.no-bet {
    display: inline-block;
    color: rgba(146, 154, 158, .45);
    background-color: rgba(146, 154, 158, .08);
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 500;
    font-size: 10px
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet .best-bet-provider {
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    color: rgba(146, 154, 158, .4);
    background-color: rgba(146, 154, 158, .08);
    padding: 1px 4px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 16px);
    font-weight: 700
}

.analytics .analytics-handicap .analytics-handicap-table tbody td.best-bet .best-bet-provider.featured {
    background-color: #435971;
    color: #fff
}

@media (max-width:500px) {
    .analytics .analytics-bookmakers.g-grid {
        flex-wrap: wrap
    }

    .analytics .analytics-bookmakers.g-grid .col-2,
    .analytics .analytics-bookmakers.g-grid .col-5 {
        flex: 1 1 100%
    }
}

.analytics .analytics-bookmakers .hltv-live-container img {
    max-width: 100%;
    transition: .2s ease
}

.preload .analytics .analytics-bookmakers .hltv-live-container img {
    transition: initial !important
}

.analytics .analytics-bookmakers .hltv-live-container img:hover {
    filter: brightness(1.2)
}

@media (max-width:500px) {
    .analytics .analytics-bookmakers .analytics-bookmaker-list-container {
        flex: 1 1 100%
    }
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table {
    background-color: #364250;
    table-layout: fixed;
    width: 100%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    border-collapse: collapse
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table thead th {
    height: 50px;
    position: relative;
    text-align: center
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table thead th.provider-logo {
    width: 125px
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table thead th .team-name {
    background-color: #435971;
    color: #fff;
    padding: 2px 4px;
    z-index: 2;
    position: relative;
    display: inline-block;
    border-radius: 4px
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table thead th .team-logo-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: .2;
    z-index: 1
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table thead th .team-logo-bg img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr {
    height: 48px;
    transition: .2s ease
}

.preload .analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr {
    transition: initial !important
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr:hover {
    background-color: #1d252f;
    cursor: pointer
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr:nth-child(odd) {
    background-color: #26303c
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr:nth-child(odd):hover {
    background-color: #1d252f
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td {
    padding-left: 16px;
    padding-right: 8px
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds div {
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    transition: .2s ease;
    background-color: rgba(69, 81, 95, 0);
    font-weight: 700;
    width: 100%;
    max-width: 240px
}

.preload .analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds div {
    transition: initial !important
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds div:hover {
    background-color: #45515f
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds.best-odds div {
    background-color: #435971;
    color: #fff
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds.best-odds div:hover {
    background-color: #59728e
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td .bonus-code {
    height: 32px;
    border-radius: 4px;
    border: 1px solid #495867;
    background-color: #2d3844;
    line-height: 15px;
    text-align: center;
    padding: 4px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .2s ease
}

.preload .analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td .bonus-code {
    transition: initial !important
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td .bonus-code:hover {
    background-color: #45515f
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td .bonus-code .bonus-line1 {
    font-weight: 700
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td .bonus-code .bonus-line2 {
    font-size: 10px;
    color: rgba(146, 154, 158, .65)
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td a {
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td img {
    max-width: 100%;
    max-height: 80%
}

.analytics .analytics-bookmakers .analytics-bookmaker-list-container table tbody tr td.odds {
    text-align: center
}

.analytics .analytics-bookmakers .analytics-extra-container img {
    max-width: 100%
}

.analytics .tip-container {
    padding: 4px 16px !important;
    margin-top: 5px !important;
    cursor: pointer;
    transition: .2s ease
}

.preload .analytics .tip-container {
    transition: initial !important
}

.analytics .tip-container:hover {
    background-color: #45515f
}

.analytics .tip-container .tip-container-provider-container,
.analytics .tip-container .tip-container-provider-logo {
    margin-top: 2px !important
}

.analytics .tip-container .tip-container-provider img {
    height: 13px
}

.analytics .tip-container .tip-container-text-description {
    display: none
}

.analytics .tip-container .tip-container-rating {
    margin-bottom: 3px !important
}

.analytics .tab-wrapper {
    background-color: #364250;
    position: relative;
    z-index: 2;
    margin-left: -16px;
    margin-right: -16px
}

.analytics .tab-holder {
    background-color: #364250;
    flex-direction: row;
    position: relative;
    z-index: 1;
    max-width: 95%;
    display: inline-flex
}

@media (max-width:500px) {
    .analytics .tab-holder {
        max-width: 100%
    }
}

.analytics .tab-content {
    border-top: 1px solid #495867
}

.analytics .tab {
    transition: background-color .2s ease;
    cursor: pointer;
    float: left;
    padding: 11px 16px;
    border-right: 1px solid #495867;
    flex: 1 1 auto;
    text-align: center
}

.preload .analytics .tab {
    transition: initial !important
}

@media (max-width:500px) {
    .analytics .tab {
        padding: 8px 10px;
        font-size: 11px
    }
}

.analytics .tab:hover {
    background-color: #45515f
}

.analytics .tab.active {
    background-color: #2d3844;
    font-weight: 700;
    border-bottom: none !important;
    position: relative;
    top: 1px;
    margin-top: -1px;
    z-index: 2
}

.tip-container-expanded.tip-container {
    width: 600px;
    height: 400px
}

.tip-container-expanded.tip-container .tip-container-expand-extra-providers {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;
    cursor: pointer
}

.tip-container-expanded.tip-container .tip-container-expand-extra-providers span {
    background-color: #26303c;
    transition: .2s ease;
    border-radius: 4px;
    height: 32px;
    padding: 2px 4px;
    font-size: 10px;
    border: 1px solid #495867
}

.preload .tip-container-expanded.tip-container .tip-container-expand-extra-providers span {
    transition: initial !important
}

.tip-container-expanded.tip-container .tip-container-expand-extra-providers span:hover {
    background-color: #1d252f
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container {
    margin-top: 16px;
    max-height: 0;
    transition: .35s ease;
    overflow: hidden
}

.preload .tip-container-expanded.tip-container .tip-container-extra-providers-container {
    transition: initial !important
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container.expanded {
    max-height: 100%
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider {
    display: flex;
    align-items: center;
    height: 28px;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 8px;
    transition: .2s ease
}

.preload .tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider {
    transition: initial !important
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider:hover {
    background-color: #1d252f
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider:nth-child(odd) {
    background-color: #26303c
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider:nth-child(odd):hover {
    background-color: #1d252f
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider-logo-container {
    width: 55px
}

.tip-container-expanded.tip-container .tip-container-extra-providers-container .tip-container-extra-provider-logo-container img {
    max-height: 100%;
    max-width: 100%
}

.tip-container-expanded.tip-container .tip-container-rating {
    font-size: 12px
}

.tip-container-expanded.tip-container .tip-container-username {
    font-size: 14px
}

.tip-container-expanded.tip-container .tip-container-left {
    padding-right: 40px !important;
    padding-left: 24px !important;
    overflow-y: auto
}

.tip-container-expanded.tip-container .tip-container-right {
    flex: 0 0 140px !important;
    overflow: auto;
    padding-right: 16px;
    margin-right: -16px
}

.tip-container-expanded.tip-container .tip-container-right::-webkit-scrollbar {
    display: none
}

.tip-container-expanded.tip-container .tip-container-text-description {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: rgba(146, 154, 158, .65)
}

.tip-container-expanded.tip-container .tip-container-text {
    font-size: 16px;
    display: block;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.tip-container {
    margin-top: 16px;
    padding: 16px;
    background-color: #364250;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    display: flex
}

.tip-container .tip-container-text {
    font-weight: 700;
    font-size: 14px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.tip-container .tip-container-add-tip {
    background-color: #435971;
    transition: .2s ease;
    color: #fff;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    border: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 16px)
}

.preload .tip-container .tip-container-add-tip {
    transition: initial !important
}

.tip-container .tip-container-add-tip:hover {
    background-color: #59728e
}

.tip-container .tip-container-left {
    flex: 1 auto;
    padding-right: 16px
}

.tip-container .tip-container-left textarea {
    width: calc(100% - 16px);
    border: 0;
    padding: 8px;
    background-color: #2d3844;
    color: #929a9e
}

.tip-container .tip-container-right {
    flex: 0 0 100px;
    position: relative;
    padding-left: 16px;
    border-left: 1px solid rgba(73, 88, 103, .4)
}

.tip-container .tip-container-username {
    color: #87a3bf;
    font-size: 14px;
    font-weight: 700
}

.tip-container .tip-container-rating {
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    margin-bottom: 12px
}

.tip-container .tip-container-odds {
    background-color: #2d3844;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #87a3bf;
    border: 1px solid #495867;
    border-radius: 4px 4px 0 0
}

.tip-container .tip-container-cta {
    text-align: center;
    background-color: #4b9a32;
    color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 1px 0;
    display: block;
    transition: .2s ease
}

.preload .tip-container .tip-container-cta {
    transition: initial !important
}

.tip-container .tip-container-cta:hover {
    color: #fff !important;
    background-color: #5baf40
}

.tip-container .tip-container-provider-container {
    margin-top: 16px;
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    text-align: center
}

.tip-container .tip-container-provider-logo {
    max-width: 100%;
    margin-top: 8px
}

@media (max-width:500px) {
    .analytics-tip .g-grid {
        flex-wrap: wrap
    }
}

@media (max-width:500px) {
    .analytics-tip .g-grid .col-6 {
        flex: 0 0 100%
    }
}

.analytics-tip .tip-label {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.analytics-tip .tip-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.analytics-tip .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 8px;
    left: 8px;
    height: 20px;
    width: 20px;
    background-color: #2d3844;
    border: 1px solid #495867
}

.analytics-tip .tip-label:hover input~.checkmark {
    background-color: #435971
}

.analytics-tip .tip-label:hover input~.checkmark:after {
    border: solid hsla(0, 0%, 100%, .5);
    border-width: 0 3px 3px 0
}

.analytics-tip .tip-label:hover input:checked~.checkmark {
    background-color: #435971
}

.analytics-tip .tip-label:hover input:checked~.checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0
}

.analytics-tip .tip-label input:checked~.checkmark {
    background-color: #435971;
    border: 1px solid #435971
}

.analytics-tip .checkmark:after {
    content: "";
    position: absolute;
    display: block
}

.analytics-tip .tip-label input:checked~.checkmark:after {
    display: block
}

.analytics-tip .tip-label .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.analytics-tip .tip-header {
    text-align: center;
    margin-bottom: 24px;
    margin-top: 24px
}

@media (max-width:500px) {
    .analytics-tip .tip-header {
        margin-bottom: 8px;
        margin-top: 8px
    }

    .analytics-tip .tip-header h1 {
        font-size: 16px
    }
}

.analytics-tip .tip-list .tip-team-header {
    margin-top: 32px;
    display: flex;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 14px;
    align-self: center
}

.analytics-tip .tip-list .tip-team-header:first-child {
    margin-top: 0
}

.analytics-tip .tip-list .tip-team-header .tip-team-logo-container {
    margin-right: 8px;
    height: 25px;
    width: 25px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    align-content: center
}

.analytics-tip .tip-list .tip-team-header .tip-team-logo-container .team-logo {
    max-width: 100%
}

.analytics-tip .tip-list .tip-label {
    background-color: #364250;
    transition: .2s ease;
    margin-top: 0;
    margin-bottom: 1px
}

.preload .analytics-tip .tip-list .tip-label {
    transition: initial !important
}

.analytics-tip .tip-list .tip-label:hover {
    background-color: #1d252f
}

.analytics-tip .tip-list .tip-label:nth-child(odd) {
    background-color: #26303c
}

.analytics-tip .tip-list .tip-label:nth-child(odd):hover {
    background-color: #1d252f
}

.analytics-tip .tip-list .tip-label.active-tip {
    background-color: #435971;
    color: #fff;
    transform: scale(1.02);
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 700;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 14px 0 rgba(0, 0, 0, .24)
}

.analytics-tip .tip-list .tip-label.active-tip:hover {
    background-color: #435971
}

.analytics-tip .tip-list .tip-label .tip-label-text-container {
    display: flex;
    width: 100%
}

.analytics-tip .tip-list .tip-label .tip-label-text-container .tip-label-text {
    flex: 1 auto
}

.analytics-tip .tip-list .tip-label .tip-label-text-container .tip-label-odds {
    flex: 0 0 70px;
    text-align: center
}

.analytics-tip .sticky-container {
    position: sticky;
    top: 0;
    padding-top: 46px;
    margin-top: -46px
}

.analytics-tip .tip-content {
    padding: 24px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.match-picture-template {
    background-color: #343434;
    height: 418px;
    width: 800px;
    background-image: url(/img/static/matchpicture/match-picture-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    grid-template-rows: 1fr 56px;
    grid-template-areas: "team1-container info-container team2-container" "bottom-bar bottom-bar bottom-bar"
}

.match-picture-template .info-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 262px 40px;
    grid-template-areas: "best-of-x" "vs";
    grid-area: info-container;
    grid-column: 1/4
}

.match-picture-template .best-of-x {
    grid-area: best-of-x;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 16px;
    margin: 0 auto;
    font-size: 30px
}

.match-picture-template .bottom-bar {
    grid-area: bottom-bar;
    background-image: linear-gradient(0deg, #171717, #3a3a3a);
    box-shadow: 0 -1px 0 0 rgba(115, 182, 219, .3), 0 2px 4px 0 rgba(0, 0, 0, .2);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 10px
}

.match-picture-template .vs {
    grid-area: vs
}

.match-picture-template .team1-container,
.match-picture-template .team2-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 260px 40px 58px;
    z-index: 1
}

.match-picture-template .team1-container {
    grid-template-areas: "heroshot1" "team-name1" "team-lineup1";
    grid-area: team1-container
}

.match-picture-template .team2-container {
    grid-template-areas: "heroshot2" "team-name2" "team-lineup2";
    grid-area: team2-container
}

.match-picture-template .team-name1 {
    grid-area: team-name1
}

.match-picture-template .team-lineup1 {
    grid-area: team-lineup1
}

.match-picture-template .heroshot1 {
    grid-area: heroshot1
}

.match-picture-template .team-name2 {
    grid-area: team-name2
}

.match-picture-template .team-lineup2 {
    grid-area: team-lineup2
}

.match-picture-template .heroshot2 {
    grid-area: heroshot2
}

.match-picture-template .heroshot1,
.match-picture-template .heroshot2 {
    position: relative
}

.match-picture-template .player {
    position: absolute
}

.match-picture-template .player img {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .5));
    max-width: 144px;
    max-height: 150px
}

.match-picture-template .player_0 {
    z-index: 1
}

.match-picture-template .player_1 {
    z-index: 2;
    left: 50px
}

.match-picture-template .player_2 {
    z-index: 5;
    left: 100px
}

.match-picture-template .player_3 {
    z-index: 4;
    left: 150px
}

.match-picture-template .player_4 {
    z-index: 3;
    left: 200px
}

.match-picture-template .team-logo-container {
    position: absolute;
    width: 190px;
    height: 190px;
    z-index: 1;
    left: 77px;
    top: -90px
}

.match-picture-template .team-logo-container img {
    max-width: 190px;
    max-height: 190px;
    position: absolute
}

.match-picture-template .team-logo-container .blur-logo {
    filter: blur(40px);
    background-blend-mode: screen;
    opacity: .75
}

.match-picture-template .team-name-container {
    z-index: 2
}

.match-picture-template .team-name-container .flag {
    height: inherit;
    width: inherit;
    border: none;
    margin-right: 8px
}

.match-picture-template .team-name {
    max-width: 295px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    z-index: 6;
    box-shadow: 0 3px 0 0 #0f3d56, 0 1px 2px 0 rgba(0, 0, 0, .36), 0 1px 12px 0 rgba(0, 0, 0, .16);
    padding-left: 16px;
    padding-right: 16px
}

.match-picture-template .team1 .team-name {
    margin-left: auto;
    background-image: linear-gradient(-225deg, #20507d, #3c80a4)
}

.match-picture-template .team2 .team-name {
    background-image: linear-gradient(-225deg, #3c80a4, #20507d)
}

.match-picture-template .heroshot1,
.match-picture-template .heroshot2 {
    top: 110px;
    z-index: 1
}

.match-picture-template .heroshot2 {
    right: 9px
}

.match-picture-template .heroshot1 {
    left: 29px
}

.match-picture-template .event-info {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px
}

.match-picture-template .event-info img {
    margin-right: 8px;
    height: 35px;
    width: 35px
}

.match-picture-template .team-lineup1,
.match-picture-template .team-lineup2 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: 7px;
    font-size: 14px;
    overflow: hidden
}

.match-picture-template .team-lineup2 {
    padding-right: 38px
}

.match-picture-template .team-lineup1 {
    padding-left: 38px
}

.match-picture-template .hltv-info {
    display: flex;
    align-items: center
}

.match-picture-template .hltv-info img {
    height: 34px;
    margin-left: 8px
}

.match-picture-template .vs-box {
    background: #255e7d;
    box-shadow: 0 3px 0 0 #0f3d56, 0 1px 2px 0 rgba(0, 0, 0, .36), 0 1px 12px 0 rgba(0, 0, 0, .16);
    font-weight: 700;
    font-size: 24px;
    color: #b0d2e6;
    width: 70px;
    text-align: center;
    margin: auto
}

.match-picture-template .stars {
    display: block;
    font-size: 16px;
    margin: 0 auto;
    text-align: center
}

.match-picture-template .stars i {
    margin-right: 5px
}

.match-picture-template .stars i:last-child {
    margin-right: 0
}

.appLandingPage {
    background-color: #1b1f23;
    color: #c2c6cb;
    line-height: normal !important;
    @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap")
}

.appLandingPage a {
    cursor: pointer;
    color: inherit;
    text-decoration: inherit;
    transition: .2s ease
}

.preload .appLandingPage a {
    transition: initial !important
}

.appLandingPage b {
    font-weight: 700
}

.appLandingPage img {
    transition: .2s ease
}

.preload .appLandingPage img {
    transition: initial !important
}

.appLandingPage h1 {
    color: #fff;
    font-size: 72px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -3px
}

.appLandingPage img {
    max-width: 100%
}

.appLandingPage h2 {
    color: #fff;
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600
}

.appLandingPage h3 {
    color: #dde3e8;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: -4px;
    font-weight: 300
}

.appLandingPage h4 {
    color: #dde3e8;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 34px
}

.appLandingPage p {
    font-weight: 300;
    font-size: 16px;
    color: #c2c6cb;
    line-height: 24px
}

.appLandingPage .left,
.appLandingPage .right {
    display: flex;
    flex-direction: column;
    align-self: center;
    flex: 0 0 50%
}

.appLandingPage .right {
    text-align: right
}

.appLandingPage section {
    padding-top: 72px;
    padding-bottom: 72px;
    width: 100%;
    border-bottom: 1px solid #313a43;
    overflow: hidden;
    background-color: #1b1f23
}

.appLandingPage section.footer {
    border-top: 0;
    background-color: #23272c
}

.appLandingPage section.footer img:hover {
    transform: scale(1.07)
}

.appLandingPage section.footer .appIcon:hover {
    transform: inherit !important
}

.appLandingPage section.footer a {
    display: inline-block;
    height: 72px
}

.appLandingPage section.footer .appIcon {
    width: 80px;
    margin-bottom: 16px
}

.appLandingPage section.footer .flex {
    justify-content: center
}

.appLandingPage section.footer .flex a {
    margin-top: 32px
}

.appLandingPage section.footer .flex a:first-child {
    margin-right: 24px
}

.appLandingPage section.footer .flex img {
    display: inline-block;
    height: 52px
}

.appLandingPage section.bottom-cta {
    padding-top: 24px;
    padding-bottom: 24px
}

.appLandingPage section.bottom-cta .left {
    position: relative
}

.appLandingPage section.bottom-cta .right {
    position: relative;
    z-index: 3
}

.appLandingPage section.bottom-cta img {
    width: 120%;
    max-width: inherit;
    position: absolute;
    left: 0;
    bottom: -130px
}

.appLandingPage section.tournaments img {
    right: 24px !important
}

.appLandingPage section.notifications .right,
.appLandingPage section.tournaments .right {
    position: relative;
    width: 100%
}

.appLandingPage section.notifications .right:after,
.appLandingPage section.tournaments .right:after {
    position: absolute;
    content: " ";
    background: url(/img/static/gfx/app/glow.png) no-repeat;
    width: 590px;
    height: 390px;
    right: -113px;
    top: -169px;
    z-index: 1
}

.appLandingPage section.notifications img,
.appLandingPage section.tournaments img {
    height: 270px;
    position: absolute;
    right: 10px;
    top: -100px;
    z-index: 2
}

.appLandingPage section.livescore {
    position: relative;
    z-index: 3
}

.appLandingPage section.double-section {
    text-align: center
}

.appLandingPage section.double-section .left,
.appLandingPage section.double-section .right {
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.appLandingPage section.double-section .left:after,
.appLandingPage section.double-section .right:after {
    content: "";
    display: block;
    height: 110px;
    width: 100%;
    background: linear-gradient(180deg, rgba(27, 31, 35, 0) 0, #1b1f23);
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 0
}

.appLandingPage section.double-section .left h2,
.appLandingPage section.double-section .right h2 {
    font-size: 28px
}

.appLandingPage section.double-section .left p,
.appLandingPage section.double-section .right p {
    margin: 16px auto 24px;
    max-width: 300px
}

.appLandingPage section.double-section .left img,
.appLandingPage section.double-section .right img {
    height: auto;
    width: 258px;
    margin-bottom: -100px;
    box-shadow: 7px 13px 34px 0 rgba(0, 0, 0, .24), inset 0 1px 0 0 #607892
}

.appLandingPage section.double-section .left,
.appLandingPage section.double-section .right {
    margin-top: -72px;
    margin-bottom: -72px;
    padding-top: 72px;
    padding-bottom: 72px
}

.appLandingPage section.double-section .left {
    border-right: 1px solid #313a43
}

.appLandingPage section.footer {
    text-align: center
}

.appLandingPage section.footer .flex {
    flex-direction: row
}

.appLandingPage section.header {
    overflow: inherit;
    height: 176px
}

.appLandingPage section.header .bgImage {
    width: 100%;
    height: 100%;
    top: -22px;
    position: absolute;
    background: url(/img/static/gfx/app/headerBg.png) top 20px right 34% no-repeat;
    background-size: 1010px;
    max-width: 960px;
    margin: 0 auto;
    left: 54%;
    transform: translateX(-46%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.appLandingPage section.header h3 {
    margin-bottom: -8px
}

.appLandingPage section.header h1 {
    margin-bottom: 16px
}

.appLandingPage section.header .container {
    position: relative
}

.appLandingPage section.header .container .mobile-img {
    height: 457px;
    width: 229px;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.appLandingPage section.header .container .right:after {
    position: absolute;
    content: " ";
    background: url(/img/static/gfx/app/glow.png) no-repeat;
    width: 590px;
    height: 390px;
    right: -153px;
    top: 135px;
    z-index: 1
}

.appLandingPage section.bottom-cta {
    background-color: #23272c
}

.appLandingPage section.header-cta {
    background-color: #23272c;
    padding-top: 40px;
    padding-bottom: 48px
}

.appLandingPage section.header-cta img:hover {
    transform: scale(1.07)
}

.appLandingPage section.header-cta .flex {
    margin-top: 24px
}

.appLandingPage section.header-cta a {
    display: inline-block;
    height: 48px
}

.appLandingPage section.header-cta a:first-child {
    margin-right: 24px
}

.appLandingPage section.header-cta a img {
    max-height: 100%
}

.appLandingPage section.header-cta a .appStore {
    height: 48px;
    position: relative
}

.appLandingPage section .container {
    max-width: 960px;
    margin: 0 auto
}

.appLandingPage section .flex {
    display: flex;
    flex-direction: row
}

@media (max-width:500px) {
    .appLandingPage body {
        margin: 0
    }

    .appLandingPage .mobile-img {
        display: none
    }

    .appLandingPage h4 {
        font-size: 16px
    }

    .appLandingPage h3 {
        font-size: 18px
    }

    .appLandingPage h1 {
        font-size: 50px
    }

    .appLandingPage section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .appLandingPage section.tournaments img {
        top: 30px !important
    }

    .appLandingPage section.notifications,
    .appLandingPage section.tournaments {
        padding-bottom: 0
    }

    .appLandingPage section.notifications img,
    .appLandingPage section.tournaments img {
        top: 0;
        right: 0 !important;
        position: inherit;
        max-width: 100%
    }

    .appLandingPage section.notifications .right:after,
    .appLandingPage section.tournaments .right:after {
        top: -89px !important;
        right: -50px !important
    }

    .appLandingPage section .container {
        padding-left: 16px;
        padding-right: 16px
    }

    .appLandingPage section .container .left,
    .appLandingPage section .container .right {
        text-align: center;
        align-items: center
    }

    .appLandingPage section .flex {
        flex-direction: column
    }

    .appLandingPage section.livescore .left {
        margin-bottom: 36px
    }

    .appLandingPage section.double-section .left,
    .appLandingPage section.double-section .right {
        overflow: hidden
    }

    .appLandingPage section.double-section .left {
        border-right: 0;
        border-bottom: 1px solid #313a43;
        width: 100%;
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 40px
    }

    .appLandingPage section.tournaments {
        padding-bottom: 20px
    }

    .appLandingPage section.header-cta {
        text-align: center;
        padding-bottom: 24px
    }

    .appLandingPage section.header-cta .flex {
        margin-top: 24px;
        justify-content: center;
        flex-direction: row
    }

    .appLandingPage section.bottom-cta .left {
        width: 100%
    }

    .appLandingPage section.bottom-cta .left img {
        top: -24px;
        opacity: .5
    }

    .appLandingPage section.header {
        padding-top: 16px;
        text-align: center
    }

    .appLandingPage section.header .left {
        flex: 1
    }

    .appLandingPage section.header .left h4 {
        padding-left: 20px;
        padding-right: 20px
    }

    .appLandingPage section.header .right {
        display: none
    }

    .appLandingPage section.header .bgImage {
        right: 0;
        top: -100px;
        left: inherit;
        transform: inherit
    }
}

.stream .oxVVUdvP123Gazx {
    margin-top: 15px
}

.playerConsentPage h1 {
    margin-top: 0
}

.playerConsentPage .main-content-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 20px
}

.playerConsentPage .width-control {
    margin-right: auto;
    margin-left: auto;
    width: 320px
}

.playerConsentPage .login-button,
.playerConsentPage .loginInput {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 0 0 0 10px
}

.playerConsentPage .loginInput {
    box-sizing: border-box;
    padding: 0 0 0 10px
}

.playerConsentPage .login-button,
.playerConsentPage .loginInput {
    height: 38px
}

.playerConsentPage .login-button {
    font-weight: 700
}

.playerConsentPage .login-error {
    color: red
}

.playerConsentPage .steam-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    text-align: center;
    position: relative;
    line-height: 12px;
    box-sizing: border-box;
    width: 230px;
    padding: 8px;
    border-radius: 6px
}

.playerConsentPage .steam-button-logo {
    position: absolute;
    left: 0;
    height: 30px;
    width: 40px
}

.playerConsentPage .steam-button-text {
    margin-left: 40px
}

.playerConsentPage .steam-button-disclaimer {
    font-size: 8px
}

.playerConsentPage section {
    margin-top: 16px;
    margin-bottom: 16px
}

.playerConsentPage .coverBg {
    width: 100%;
    height: 270px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:500px) {
    .playerConsentPage .coverBg {
        -o-object-fit: contain;
        object-fit: contain;
        height: inherit
    }
}

.confirmed .current-show-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding-bottom: 8px
}

.confirmed .current-show-container .live-indicator {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    padding: 0 16px 1px;
    margin-right: 8px;
    font-size: 1em
}

.confirmed .current-show-container .live-indicator.on {
    color: #fff;
    background-color: #8f0303
}

.confirmed .current-show-container .live-indicator.off {
    color: #929a9e;
    background-color: rgba(27, 31, 35, .5)
}

.confirmed .current-show-container .title-container-text {
    padding: 0 16px
}

.confirmed .current-show-container h1 {
    margin: 8px 0
}

.confirmed .current-show-container .description {
    font-size: 16px
}

.confirmed .twitch-wrapper .twitch-chat {
    height: 350px
}

.confirmed .twitch-wrapper .twitch-chat iframe {
    height: 100%
}

@media screen and (min-width:500px) {
    .confirmed .twitch-wrapper {
        position: relative
    }

    .confirmed .twitch-wrapper .twitch-video {
        width: 75%
    }

    .confirmed .twitch-wrapper .twitch-chat {
        width: 25%;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }
}

.confirmed .confirmed-body {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 16px;
    margin-top: 20px;
    grid-template-columns: 1fr 2fr
}

@media (max-width:500px) {
    .confirmed .confirmed-body {
        grid-template-columns: 1fr
    }
}

.confirmed .confirmed-body .agenda-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px 0;
    min-width: 300px
}

@media (max-width:500px) {
    .confirmed .confirmed-body .agenda-box {
        padding: 8px 16px
    }
}

.confirmed .confirmed-body .agenda-box .empty-text {
    padding: 0 16px
}

.confirmed .confirmed-body .vods-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.confirmed .confirmed-body .vods-header-row .vods-nav {
    flex: none;
    min-width: 30px;
    margin-top: -8px
}

.confirmed .confirmed-body .vods-header-row .confirmed-show-vods-left-button {
    margin-right: 4px
}

.confirmed .confirmed-body .vods-header-row .confirmed-show-vods-left-button,
.confirmed .confirmed-body .vods-header-row .confirmed-show-vods-right-button {
    height: 100%;
    cursor: pointer;
    padding: 8px;
    background: rgba(45, 56, 68, .6);
    border-radius: 2px
}

.confirmed .confirmed-body .vods-header-row .confirmed-show-vods-left-button:hover,
.confirmed .confirmed-body .vods-header-row .confirmed-show-vods-right-button:hover {
    background-color: #2d3844
}

.confirmed .confirmed-body .vods-grid {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    align-content: start
}

@media (max-width:500px) {
    .confirmed .confirmed-body .vods-grid {
        grid-template-columns: 1fr
    }
}

.confirmed .confirmed-body .vods-grid .vod-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column;
    height: 100%
}

.confirmed .confirmed-body .vods-grid .vod-box:hover {
    background-color: #45515f
}

.confirmed .confirmed-body .vods-grid .vod-box .body {
    padding: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #929a9e
}

.confirmed .confirmed-body .vods-grid .vod-box .body .vod-title {
    font-weight: 700;
    font-size: 14px
}

.confirmed .confirmed-body .vods-grid .vod-box .body .vod-description {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    flex: 1 auto;
    color: rgba(146, 154, 158, .65)
}

.confirmed .confirmed-body .vods-grid .vod-box .body .vod-date {
    color: rgba(146, 154, 158, .65);
    font-size: 11px
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail .thumbnail-text-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 33%;
    height: 33%;
    padding: 0 16px 1px;
    color: #fff;
    text-align: center;
    display: grid;
    align-content: center;
    border-radius: 8px;
    position: absolute;
    left: 20%;
    bottom: 15%;
    transform: translate(-20%)
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail .thumbnail-text-container.live {
    background-color: #8f0303
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail .thumbnail-text-container.upcoming {
    background-color: #374e61
}

.confirmed .confirmed-body .vods-grid .vod-box .thumbnail .thumbnail-text-container .thumbnail-overlay-header {
    font-size: 16px;
    font-weight: 700
}

.stats-legacy-section .empty-box,
.stats-legacy-section .standard-box {
    background: linear-gradient(180deg, #1e2731 50%, #10171f);
    box-shadow: none !important;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #536173
}

.stats-legacy-section .empty-box:after,
.stats-legacy-section .standard-box:after {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: 100%;
    border-bottom: 3px solid #1e2731;
    border-left: 3px solid #1e2731;
    border-right: 3px solid #1e2731;
    top: -3px;
    left: 0;
    pointer-events: none
}

.stats-legacy-section .top-x-box {
    border-radius: 8px;
    background: linear-gradient(180deg, #1e2731 50%, #10171f);
    box-shadow: none !important;
    position: relative;
    overflow: hidden
}

.stats-legacy-section .stats-top-menu {
    background-color: #1e2731;
    border-radius: 8px;
    border: 1px solid #536173;
    box-shadow: none;
    z-index: 2;
    position: relative
}

.stats-legacy-section .stats-top-menu .tabs:not(:first-child) {
    border-top: 1px solid #536173 !important;
    border-radius: 0 0 8px 8px !important
}

.stats-legacy-section .stats-top-menu .tabs:after {
    top: 0 !important;
    border: 0 !important;
    width: 100% !important
}

.stats-legacy-section .gtSmartphone-only .stats-top-menu {
    padding-top: 9px;
    margin-top: -10px;
    z-index: 1
}

.stats-legacy-section .stats-table {
    background: #2d3844 !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 0 0 #536173, -1px -1px 0 0 #536173, 1px -1px 0 0 #536173, -1px 1px 0 0 #536173 !important
}

.stats-legacy-section .stats-table tr {
    border: none !important
}

.stats-legacy-section .stats-table th {
    background: #2d3844 !important;
    border-left: none !important;
    border-right: none !important
}

.stats-legacy-section .stats-table thead .stats-table-row {
    border-bottom: 1px dotted #536173 !important
}

.stats-legacy-section .stats-table td {
    border: none !important
}

.stats-legacy-section .stats-table td,
.stats-legacy-section .stats-table th {
    color: #0269d2 !important;
    opacity: 1 !important
}

.stats-legacy-section .stats-table td.statsDetail,
.stats-legacy-section .stats-table th.statsDetail {
    color: #fff !important;
    opacity: 1 !important
}

.stats-legacy-section .stats-table td.ratingPositive,
.stats-legacy-section .stats-table th.ratingPositive {
    color: #fff !important
}

.stats-legacy-section .stats-table td.ratingNegative,
.stats-legacy-section .stats-table th.ratingNegative {
    color: #fc1d1d !important
}

.stats-legacy-section .stats-table td.kdDiffCol.won,
.stats-legacy-section .stats-table th.kdDiffCol.won {
    color: #09c100 !important
}

.stats-legacy-section .stats-table td.kdDiffCol.lost,
.stats-legacy-section .stats-table th.kdDiffCol.lost {
    color: #fc1d1d !important
}

.stats-legacy-section .stats-table tbody tr:nth-child(odd) {
    background: #1e2731 !important
}

.stats-legacy-section .stats-table tbody tr:nth-child(2n) {
    background: #111821 !important
}

.stats-legacy-section .stats-sub-navigation-simple-filter-map-hover {
    right: inherit !important
}

.stats-legacy-section .stats-sub-navigation-simple-filter-map,
.stats-legacy-section .stats-sub-navigation-simple-filter-time {
    background: none !important;
    color: #0269d2 !important;
    border-bottom: 2px solid #0269d2 !important
}

.stats-legacy-section .tabs {
    background: linear-gradient(180deg, #1e2731 50%, #10171f);
    box-shadow: inset 3px 0 0 0 #1e2731, inset -3px 0 0 0 #1e2731, inset 0 -3px 0 0 #1e2731 !important;
    border-radius: 8px;
    border-top: 0 !important
}

.stats-legacy-section .tabs.standard-box {
    border: none !important
}

.stats-legacy-section .stats-top-menu-item {
    color: #0269d2 !important;
    padding: 0 !important;
    z-index: 1
}

.stats-legacy-section .stats-top-menu-item:hover {
    background: 0 !important
}

.stats-legacy-section .stats-top-menu-item.selected {
    box-shadow: none !important;
    color: #fff !important
}

.stats-legacy-section .stats-row {
    border: none !important
}

.stats-legacy-section .leader:nth-child(odd) .stats-row {
    background: #1e2731 !important
}

.stats-legacy-section .leader:nth-child(2n) .stats-row {
    background: #111821 !important
}

.stats-legacy-section .stats-row:nth-child(odd) {
    background: #1e2731 !important
}

.stats-legacy-section .stats-row:nth-child(2n) {
    background: #111821 !important
}

.stats-legacy-section .map-played-indicator {
    background-color: #0269d2 !important
}

.topic-page h2 {
    font-size: 24px
}

.topic-page.topic-teaser-wrapper {
    margin-top: 16px;
    margin-bottom: 16px
}

.topic-page.topic-teaser {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    overflow: hidden;
    background: #232a30;
    display: flex;
    position: relative;
    flex-direction: column;
    color: #fff;
    align-items: flex-start;
    padding: 16px 160px 16px 16px
}

.topic-page.topic-teaser a:hover {
    color: #fff !important
}

.topic-page.topic-teaser li:hover {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    padding-left: 8px;
    margin-left: -8px
}

.topic-page.topic-teaser li:hover::marker {
    margin-right: -8px
}

.topic-page.topic-teaser .topic-teaser-img-container {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0
}

.topic-page.topic-teaser .topic-teaser-img-container:after {
    display: block;
    position: absolute;
    content: "";
    width: 75%;
    height: 100%;
    background: linear-gradient(267deg, transparent 20.43%, #232a30 78.88%);
    left: 0;
    top: 0
}

.topic-page.topic-teaser .topic-teaser-top {
    display: flex;
    gap: 8px;
    font-weight: 700;
    align-items: center;
    font-size: 20px;
    position: relative;
    z-index: 1;
    padding: 8px;
    margin: -8px
}

.topic-page.topic-teaser ul {
    padding-left: 8px;
    font-size: 14px;
    z-index: 1;
    position: relative;
    margin-left: 1em
}

.topic-page.topic-teaser li {
    padding: 8px 0
}

.topic-page.topic-teaser li a {
    padding: 8px;
    margin: -8px
}

.topic-page.topic-teaser .topic-teaser-btn {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin: -8px;
    padding: 8px 24px 8px 8px
}

.topic-page.topic-teaser .topic-teaser-btn ul {
    position: relative;
    z-index: 1
}

.topic-page.topic-teaser .topic-teaser-btn:hover {
    color: #fff !important
}

.topic-page.topic-teaser .topic-teaser-btn:hover i {
    left: 8px
}

.topic-page.topic-teaser .topic-teaser-btn i {
    transition: .2s ease;
    font-size: 14px;
    position: relative;
    top: 2px;
    left: 0
}

.topic-page.topic-teaser .topic-teaser-img {
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 230px;
    height: 100%
}

.topic-page .topic-ad {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    height: 100%;
    max-height: 250px;
    aspect-ratio: 970/250;
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.topic-page .topic-article-1 {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: transparent;
    position: relative;
    display: block;
    padding-top: 66.4596273292%;
    transition: .2s ease;
    border-radius: 0;
    overflow: hidden;
    align-items: center
}

.topic-page .topic-article-1:hover {
    filter: brightness(120%);
    background: #45515f !important
}

.topic-page .topic-article-1.article-1 {
    grid-column: 1;
    grid-row: span 2
}

.topic-page .topic-article-1.article-1 .topic-article-title {
    font-size: 32px;
    line-height: 39.04px
}

.topic-page .topic-article-1.article-2 {
    grid-column: 2;
    grid-row: 1
}

.topic-page .topic-article-1.article-2 .topic-article-title {
    font-size: 24px;
    line-height: 29.28px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.topic-page .topic-article-1.article-3 {
    grid-column: 2;
    grid-row: 2
}

.topic-page .topic-article-1.article-3 .topic-article-title {
    font-size: 24px;
    line-height: 29.28px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.topic-page .topic-article-bg {
    aspect-ratio: 161/107;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0
}

.topic-page .topic-header-bg-wrapper {
    position: absolute;
    padding-bottom: 21.4514106583%;
    height: 0;
    overflow: hidden;
    display: block
}

.topic-page .topic-header-bg-wrapper:after {
    display: block;
    width: 100%;
    position: absolute;
    content: "";
    height: 40px;
    background: linear-gradient(0deg, #232a30 40%, rgba(35, 42, 48, 0));
    bottom: 0
}

.topic-page .topic-header-wrapper {
    background-color: #232a30;
    height: 350px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0
}

@media (max-width:500px) {
    .topic-page .topic-header-wrapper {
        height: 410px
    }
}

.topic-page .topic-sections-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (max-width:500px) {
    .topic-page .topic-sections-wrapper {
        gap: 16px
    }
}

.topic-page .topic-header-bg {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .3;
    filter: blur(8px)
}

.topic-page .topic-article-text-position {
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #000 40%, transparent);
    color: #fff;
    padding: 16px;
    box-sizing: border-box;
    width: 100%
}

@media (max-width:500px) {
    .topic-page .topic-article-text-position {
        padding: 8px
    }
}

.topic-page .topic-article-info {
    display: flex;
    gap: 16px;
    opacity: .65
}

.topic-page .topic-article-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 39.04px
}

.topic-page .topic-top-section {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 16px;
    margin-top: 130px
}

@media (max-width:500px) {
    .topic-page .topic-top-section {
        grid-template-columns: 1fr 1fr;
        margin-top: 80px
    }

    .topic-page .topic-top-section .topic-article-info {
        font-size: 9px;
        gap: 8px
    }

    .topic-page .topic-top-section .article-1 {
        grid-column: span 2;
        grid-row: 1
    }

    .topic-page .topic-top-section .article-1 .topic-article-title {
        font-size: 24px;
        line-height: 29.28px
    }

    .topic-page .topic-top-section .article-2 {
        grid-column: 1;
        grid-row: 2
    }

    .topic-page .topic-top-section .article-3 {
        grid-column: 2;
        grid-row: 2
    }

    .topic-page .topic-top-section .article-2 .topic-article-title,
    .topic-page .topic-top-section .article-3 .topic-article-title {
        font-size: 14px;
        line-height: 21px;
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-y: hidden
    }
}

.topic-page .topic-header {
    color: #fff;
    position: relative;
    width: 100%;
    height: 130px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    align-items: center;
    display: flex
}

@media (max-width:500px) {
    .topic-page .topic-header {
        height: 80px
    }
}

.topic-page .topic-header h1 {
    flex: 1;
    font-size: 32px
}

@media (max-width:500px) {
    .topic-page .topic-header h1 {
        font-size: 24px
    }
}

.topic-page .topic-header h1 p {
    font-size: 16px;
    opacity: .65;
    margin: 0 0 -8px
}

@media (max-width:500px) {
    .topic-page .topic-logo {
        max-height: 40px;
        max-width: 40px;
        height: auto;
        width: auto
    }
}

.topic-page .topic-news-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.topic-page .topic-news-grid .article-0 {
    grid-column: span 4;
    grid-row: 1;
    padding-top: 46%
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-0 .topic-article-title,
    .topic-page .topic-news-grid .article-6 .topic-article-title {
        font-size: 18px;
        line-height: 21.96px;
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-y: hidden
    }
}

.topic-page .topic-news-grid .article-1 {
    grid-column: span 2;
    grid-row: span 4
}

@media (max-width:500px) {
    .topic-page .topic-news-grid .article-1 {
        grid-row: 2;
        grid-column: span 4;
        grid-column: 3/5;
        padding-top: 0;
        display: flex;
        background: inherit;
        box-shadow: inherit
    }
}

@media (max-width:500px) and (max-width:500px) {
    .topic-page .topic-news-grid .article-1 {
        grid-column: span 4;
        grid-row: auto !important
    }
}

@media (max-width:500px) {
    .topic-page .topic-news-grid .article-1 .topic-article-bg {
        width: 100px;
        position: inherit;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .topic-page .topic-news-grid .article-1 .topic-article-text-position {
        position: inherit;
        flex: 1;
        background: transparent;
        color: #929a9e;
        padding: 0 16px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%
    }
}

@media (max-width:500px) and (max-width:500px) {
    .topic-page .topic-news-grid .article-1 .topic-article-text-position {
        padding: 0 8px
    }
}

@media (max-width:500px) {
    .topic-page .topic-news-grid .article-1 .topic-article-title {
        font-size: 16px;
        line-height: 19.52px
    }
}

@media (max-width:500px) and (max-width:500px) {
    .topic-page .topic-news-grid .article-1 .topic-article-title {
        font-size: 14px;
        line-height: 17.08px
    }
}

.topic-page .topic-news-grid .article-2,
.topic-page .topic-news-grid .article-3,
.topic-page .topic-news-grid .article-4,
.topic-page .topic-news-grid .article-5 {
    grid-column: 3/5;
    padding-top: 0;
    display: flex;
    background: inherit;
    box-shadow: inherit
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-2,
    .topic-page .topic-news-grid .article-3,
    .topic-page .topic-news-grid .article-4,
    .topic-page .topic-news-grid .article-5 {
        grid-column: span 4;
        grid-row: auto !important
    }
}

.topic-page .topic-news-grid .article-2 .topic-article-bg,
.topic-page .topic-news-grid .article-3 .topic-article-bg,
.topic-page .topic-news-grid .article-4 .topic-article-bg,
.topic-page .topic-news-grid .article-5 .topic-article-bg {
    position: inherit;
    width: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0;
    height: inherit
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-2 .topic-article-bg,
    .topic-page .topic-news-grid .article-3 .topic-article-bg,
    .topic-page .topic-news-grid .article-4 .topic-article-bg,
    .topic-page .topic-news-grid .article-5 .topic-article-bg {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.topic-page .topic-news-grid .article-2 .topic-article-text-position,
.topic-page .topic-news-grid .article-3 .topic-article-text-position,
.topic-page .topic-news-grid .article-4 .topic-article-text-position,
.topic-page .topic-news-grid .article-5 .topic-article-text-position {
    position: inherit;
    flex: 1;
    background: inherit;
    color: #929a9e;
    padding: 0 16px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-2 .topic-article-text-position,
    .topic-page .topic-news-grid .article-3 .topic-article-text-position,
    .topic-page .topic-news-grid .article-4 .topic-article-text-position,
    .topic-page .topic-news-grid .article-5 .topic-article-text-position {
        padding: 0 8px
    }
}

.topic-page .topic-news-grid .article-2 .topic-article-title,
.topic-page .topic-news-grid .article-3 .topic-article-title,
.topic-page .topic-news-grid .article-4 .topic-article-title,
.topic-page .topic-news-grid .article-5 .topic-article-title {
    font-size: 16px;
    line-height: 19.52px
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-2 .topic-article-title,
    .topic-page .topic-news-grid .article-3 .topic-article-title,
    .topic-page .topic-news-grid .article-4 .topic-article-title,
    .topic-page .topic-news-grid .article-5 .topic-article-title {
        font-size: 14px;
        line-height: 17.08px
    }
}

.topic-page .topic-news-grid .article-2 {
    grid-row: 2
}

.topic-page .topic-news-grid .article-3 {
    grid-row: 3
}

.topic-page .topic-news-grid .article-4 {
    grid-row: 4
}

.topic-page .topic-news-grid .article-5 {
    grid-row: 5
}

.topic-page .topic-news-grid .article-6 {
    grid-column: span 4;
    grid-row: 6;
    padding-top: 46%
}

@media (max-width:500px) {
    .topic-page .topic-news-grid .article-6 {
        grid-row: auto
    }

    .topic-page .topic-news-grid .article-6 .topic-article-title {
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-y: hidden
    }
}

.topic-page .topic-news-grid .article-7,
.topic-page .topic-news-grid .article-8 {
    grid-column: span 2;
    grid-row: 7
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-7,
    .topic-page .topic-news-grid .article-8 {
        grid-row: auto
    }

    .topic-page .topic-news-grid .article-7 .topic-article-title,
    .topic-page .topic-news-grid .article-8 .topic-article-title {
        font-size: 14px;
        line-height: 21px;
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-y: hidden
    }
}

.topic-page .topic-news-grid .article-9,
.topic-page .topic-news-grid .article-10,
.topic-page .topic-news-grid .article-11,
.topic-page .topic-news-grid .article-12,
.topic-page .topic-news-grid .article-13,
.topic-page .topic-news-grid .article-14,
.topic-page .topic-news-grid .article-15,
.topic-page .topic-news-grid .article-16 {
    grid-column: 3/5;
    padding-top: 0;
    display: flex;
    background: inherit;
    box-shadow: inherit
}

.topic-page .topic-news-grid .article-9 .topic-article-bg,
.topic-page .topic-news-grid .article-10 .topic-article-bg,
.topic-page .topic-news-grid .article-11 .topic-article-bg,
.topic-page .topic-news-grid .article-12 .topic-article-bg,
.topic-page .topic-news-grid .article-13 .topic-article-bg,
.topic-page .topic-news-grid .article-14 .topic-article-bg,
.topic-page .topic-news-grid .article-15 .topic-article-bg,
.topic-page .topic-news-grid .article-16 .topic-article-bg {
    width: 100px;
    position: inherit;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 0;
    height: inherit
}

.topic-page .topic-news-grid .article-9 .topic-article-text-position,
.topic-page .topic-news-grid .article-10 .topic-article-text-position,
.topic-page .topic-news-grid .article-11 .topic-article-text-position,
.topic-page .topic-news-grid .article-12 .topic-article-text-position,
.topic-page .topic-news-grid .article-13 .topic-article-text-position,
.topic-page .topic-news-grid .article-14 .topic-article-text-position,
.topic-page .topic-news-grid .article-15 .topic-article-text-position,
.topic-page .topic-news-grid .article-16 .topic-article-text-position {
    position: inherit;
    flex: 1;
    background: inherit;
    color: #929a9e;
    padding: 0 16px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-9 .topic-article-text-position,
    .topic-page .topic-news-grid .article-10 .topic-article-text-position,
    .topic-page .topic-news-grid .article-11 .topic-article-text-position,
    .topic-page .topic-news-grid .article-12 .topic-article-text-position,
    .topic-page .topic-news-grid .article-13 .topic-article-text-position,
    .topic-page .topic-news-grid .article-14 .topic-article-text-position,
    .topic-page .topic-news-grid .article-15 .topic-article-text-position,
    .topic-page .topic-news-grid .article-16 .topic-article-text-position {
        padding: 0 8px
    }
}

.topic-page .topic-news-grid .article-9 .topic-article-title,
.topic-page .topic-news-grid .article-10 .topic-article-title,
.topic-page .topic-news-grid .article-11 .topic-article-title,
.topic-page .topic-news-grid .article-12 .topic-article-title,
.topic-page .topic-news-grid .article-13 .topic-article-title,
.topic-page .topic-news-grid .article-14 .topic-article-title,
.topic-page .topic-news-grid .article-15 .topic-article-title,
.topic-page .topic-news-grid .article-16 .topic-article-title {
    font-size: 16px;
    line-height: 19.52px
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-9 .topic-article-title,
    .topic-page .topic-news-grid .article-10 .topic-article-title,
    .topic-page .topic-news-grid .article-11 .topic-article-title,
    .topic-page .topic-news-grid .article-12 .topic-article-title,
    .topic-page .topic-news-grid .article-13 .topic-article-title,
    .topic-page .topic-news-grid .article-14 .topic-article-title,
    .topic-page .topic-news-grid .article-15 .topic-article-title,
    .topic-page .topic-news-grid .article-16 .topic-article-title {
        font-size: 14px;
        line-height: 17.08px
    }
}

.topic-page .topic-news-grid .article-9,
.topic-page .topic-news-grid .article-13 {
    grid-row: 8;
    grid-column: span 2
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-9,
    .topic-page .topic-news-grid .article-13 {
        grid-row: auto;
        grid-column: span 4
    }
}

.topic-page .topic-news-grid .article-10,
.topic-page .topic-news-grid .article-14 {
    grid-row: 9;
    grid-column: span 2
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-10,
    .topic-page .topic-news-grid .article-14 {
        grid-row: auto;
        grid-column: span 4
    }
}

.topic-page .topic-news-grid .article-11,
.topic-page .topic-news-grid .article-15 {
    grid-row: 10;
    grid-column: span 2
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-11,
    .topic-page .topic-news-grid .article-15 {
        grid-row: auto;
        grid-column: span 4
    }
}

.topic-page .topic-news-grid .article-12,
.topic-page .topic-news-grid .article-16 {
    grid-row: 11;
    grid-column: span 2
}

@media (max-width:500px) {

    .topic-page .topic-news-grid .article-12,
    .topic-page .topic-news-grid .article-16 {
        grid-row: auto;
        grid-column: span 4
    }
}

.topic-page .player-interviews-slider .carousel-slider-elements {
    margin: 0 -12px;
    scroll-padding: 16px;
    gap: 16px;
    padding: 32px 16px 4px
}

@media (max-width:500px) {
    .topic-page .player-interviews-slider .carousel-slider-elements {
        margin: 0 -10px
    }
}

.topic-page .video-interviews-topic-wrapper .carousel-slider-elements {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    scroll-padding: 16px;
    gap: 16px;
    padding-bottom: 4px
}

.topic-page .video-interviews-topic-wrapper button {
    color: hsla(0, 0%, 100%, .65) !important
}

.topic-page .topic-dark-section {
    background-color: #232a30;
    color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    margin-left: -12px;
    margin-right: -13px
}

@media (max-width:500px) {
    .topic-page .topic-dark-section {
        margin-left: -8px;
        margin-right: -10px
    }
}

.topic-page .topic-dark-section .topic-most-read-article {
    color: #fff;
    scroll-snap-align: start;
    position: relative;
    transition: .2s ease
}

.topic-page .topic-dark-section .topic-most-read-article:hover {
    color: #fff !important
}

@media (max-width:500px) {
    .topic-page .topic-dark-section .topic-most-read-article {
        display: grid;
        grid-template-columns: 30px 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 0
    }
}

.topic-page .topic-dark-section .slider-controller button {
    color: hsla(0, 0%, 100%, .75)
}

.topic-page .topic-dark-section .slider-controller button:hover {
    color: #fff;
    background: hsla(0, 0%, 100%, .15)
}

.topic-page .topic-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:500px) {
    .topic-page .topic-title-wrapper h2 {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.topic-page .slider-controller {
    display: flex;
    gap: 16px
}

.topic-page .slider-controller button {
    background: 0;
    border: 0;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {
    .topic-page .slider-controller button {
        height: 32px;
        width: 32px
    }
}

.topic-page .slider-controller button:hover {
    background: rgba(0, 0, 0, .15);
    color: #929a9e;
    cursor: pointer
}

.topic-page .most-read-topic-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 0 40px 40px;
    position: relative
}

@media (max-width:500px) {
    .topic-page .most-read-topic-wrapper {
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 8px
    }
}

.topic-page .most-read-bg {
    position: absolute;
    bottom: -40px;
    right: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.topic-page .topic-most-read-number {
    color: #5399da;
    font-size: 32px;
    font-weight: 700
}

@media (max-width:500px) {
    .topic-page .topic-most-read-number {
        font-size: 24px;
        text-align: center;
        display: flex;
        justify-content: center;
        grid-row: span 2
    }
}

.topic-page .topic-most-read-article {
    padding: 16px;
    box-sizing: border-box
}

.topic-page .topic-most-read-article:hover {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 14px
}

@media (max-width:500px) {
    .topic-page .topic-most-read-article {
        padding: 8px
    }
}

.topic-page .topic-most-read-headline {
    font-size: 18px;
    font-weight: 700
}

@media (max-width:500px) {
    .topic-page .topic-most-read-headline {
        font-size: 14px
    }
}

.topic-page .topic-article-interview {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 85px;
    width: 230px;
    flex: 0 0 230px;
    position: relative;
    display: flex;
    gap: 8px;
    scroll-snap-align: start;
    transition: .2s ease;
    border-radius: 0
}

.topic-page .topic-article-interview:hover {
    background: #45515f
}

.topic-page .topic-article-interview-bodyshot-wrapper {
    position: relative;
    width: 75px;
    flex: 0 0 75px;
    overflow-y: hidden;
    overflow-x: visible;
    margin-top: -20px;
    border-radius: 0
}

.topic-page .topic-article-interview-title {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    color: #929a9e;
    box-sizing: border-box;
    margin: 14px 12px 14px 0;
    line-height: 19px
}

.topic-page .video-interview-topic {
    scroll-snap-align: start;
    transition: .2s ease;
    height: 118px;
    width: 210px;
    overflow: hidden;
    flex: 0 0 210px
}

.topic-page .video-interview-topic img {
    border-radius: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.topic-page .video-interview-topic:hover {
    filter: brightness(110%) !important
}

.topic-page .topic-article-interview-bodyshot {
    position: absolute;
    left: -30px;
    bottom: 0;
    height: 106px
}

.majorPage {
    overflow: initial;
    --majorThemeBg: #f3f3f2;
    --majorThemeStandardColor: #131723;
    --majorThemeHeaderColor: #131723;
    --majorThemeFadedColor: #6b6b6b;
    --majorThemeBrandColor: #13583c;
    --majorThemeBrandTextColor: #fff;
    --majorSvgColor: #2f6b53;
    --majorThemeBorderColor: #e2e2e2;
    --majorThemeAltBoxColor: #f9f9f8;
    --majorThemeStandardBoxColorHover: #ddd;
    --majorThemeStandardBoxRadius: 8px;
    --majorBrandGradient: linear-gradient(180deg, #001a7e 47.16%, #1f0b18 89.95%);
    --majorBrandGradientBorder: #307a40;
    color: #606060;
    --majorThemeBg: #1f0b18;
    --majorThemeAltBoxColor: #1f141b;
    --majorThemeStandardBoxColor: #2b1e27;
    --majorThemeStandardBoxColorHover: #412e3b;
    --majorThemeBgStriped: linear-gradient(115deg, #3b415c, #3b415c 30%, #4f556e 0, #4f556e 30.1%, #3b415c 0, #3b415c 30.2%, #4f556e 0, #4f556e 30.3%, #3b415c 0, #3b415c 30.4%, #4f556e 0, #4f556e 30.5%, #3b415c 0, #3b415c 30.6%, #4f556e 0, #4f556e 30.7%, #3b415c 0, #3b415c 30.8%, #4f556e 0, #4f556e 30.9%, #3b415c 0, #3b415c 31%, #4f556e 0, #4f556e 31.1%, #3b415c 0, #3b415c 31.2%, #4f556e 0, #4f556e 31.3%, #4f556e 35%, #3b415c 0, #3b415c 73%, #3b415c 74%, #3b415c 79%);
    --majorThemeBg: #3b415c;
    --majorThemeStandardColor: #fff;
    --majorThemeFadedColor: #b4b9d0;
    --majorThemeBrandColor: #ffae00;
    --majorThemeAltBoxColor: #3b415c;
    --majorThemeStandardBoxColor: #4e526a;
    --majorThemeStandardBoxColorHover: #363850;
    --majorBrandGradient: linear-gradient(108deg, #ffae00, #ffae00 2.7%, #fed297 0, #fed297 3%, #3b415c 0, #4f556e 90%, #fed297 0, #fed297 90%, #fed297 90.3%, #ffae00 0);
    color: #fff;
    --majorThemeBgStriped: linear-gradient(110deg, #d9d9d9, #d9d9d9 14%, #bdbdbd 0, #bdbdbd 15%, #d9d9d9 0, #d9d9d9 16%, #bdbdbd 0, #bdbdbd 17%, #d9d9d9 0, #d9d9d9 18%, #bdbdbd 0, #bdbdbd 19%, #d9d9d9 0, #d9d9d9 20%, #bdbdbd 0, #bdbdbd 21%, #d9d9d9 0, #d9d9d9 22%, #bdbdbd 0, #bdbdbd 23%, #d9d9d9 0, #d9d9d9 24%, #bdbdbd 0, #bdbdbd 25%, #d9d9d9 0, #d9d9d9 26%, #bdbdbd 0, #bdbdbd 27%, #d9d9d9 0, #d9d9d9 28%, #bdbdbd 0, #bdbdbd 29%, #d9d9d9 0);
    --majorThemeBg: #d3d3d3;
    --majorThemeStandardColor: #111;
    --majorThemeHeaderColor: #111;
    --majorThemeFadedColor: rgba(17, 17, 17, 0.6);
    --majorThemeBrandColor: #209cfe;
    --majorThemeBrandTextColor: #111;
    --majorSvgColor: #ffae00;
    --majorThemeBorderColor: #b4b9d0;
    --majorThemeAltBoxColor: #f2f2f2;
    --majorThemeStandardBoxColor: #fff;
    --majorThemeStandardBoxColorHover: rgba(32, 156, 254, 0.23137254901960785);
    --majorThemeStandardShadow: none;
    --majorThemeStandardBoxRadius: 6px;
    --majorBrandGradient: repeating-linear-gradient(108deg, #fff, #fff 2px, #f2f2f2 0, #f2f2f2 3px);
    --majorBrandGradientBorder: #3b3b3b;
    color: #111;
    background: var(--majorThemeBg) !important;
    --majorThemeBg: #1f0c19;
    --majorThemeStandardColor: #f2eef1;
    --majorThemeHeaderColor: #fff;
    --majorThemeFadedColor: #9496a8;
    --majorThemeBrandColor: #fffe3e;
    --majorThemeBrandTextColor: #232001;
    --majorSvgColor: #fffe3e;
    --majorThemeBorderColor: #43343e;
    --majorThemeAltBoxColor: #2a1825;
    --majorThemeStandardBoxColor: #2a1825;
    --majorThemeStandardBoxColorHover: #362431;
    --majorThemeStandardBoxRadius: 10px;
    --majorBrandGradient: linear-gradient(115.01deg, #251821 -2.37%, #2c1e28 47.16%, #251821 89.95%);
    --majorBrandGradientBorder: #635f61;
    color: #c2bcc0;
    --majorThemeBg: #131313;
    --majorThemeStandardColor: #f6f6f6;
    --majorThemeHeaderColor: #f6f6f6;
    --majorThemeFadedColor: hsla(0, 0%, 96.5%, 0.8);
    --majorThemeBrandColor: #be9100;
    --majorThemeBrandTextColor: #be9100;
    --majorSvgColor: #ffc21b;
    --majorThemeBorderColor: hsla(0, 0%, 100%, 0.2);
    --majorThemeAltBoxColor: #131313;
    --majorThemeStandardBoxColor: #1f1f1f;
    --majorThemeStandardBoxColorHover: #333;
    --majorThemeStandardShadow: 0px 1px 4px rgba(0, 0, 0, 0.11), 0px 4px 12px rgba(0, 0, 0, 0.05);
    --majorThemeStandardBoxRadius: 0x;
    --majorThemeButtonTextColor: #131313;
    --majorBrandGradient: linear-gradient(115.01deg, var(--majorThemeStandardBoxColor) -2.37%, var(--majorThemeStandardBoxColorHover) 47.16%, var(--majorThemeStandardBoxColor) 89.95%);
    --majorBrandGradientBorder: hsla(0, 0%, 100%, 0.2);
    color: #f6f6f6;
    min-width: 320px
}

.majorPage .bg-img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    mix-blend-mode: multiply;
    opacity: .3;
    z-index: 0
}

.majorPage ::-moz-selection {
    background: highlight;
    color: highlighttext
}

.majorPage ::selection {
    background: highlight;
    color: highlighttext
}

.majorPage .majorPageTeamPage {
    position: inherit !important
}

.majorPage .centered {
    text-align: center
}

.majorPage .majorBox {
    background: var(--majorThemeStandardBoxColor);
    padding: 16px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius)
}

.majorPage .majorsEmpty {
    margin-top: 24px
}

@media (max-width:500px) {
    .majorPage .majorsEmpty {
        margin-top: 0
    }
}

.majorPage .stage-popup-teams {
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    display: grid;
    grid-gap: 16px
}

.majorPage .stage-popup-team {
    background-color: var(--majorThemeAltBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    min-height: 120px;
    position: relative;
    padding: 4px;
    box-sizing: border-box
}

.majorPage .stage-popup-team img {
    max-width: 55px;
    max-height: 55px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.majorPage .stage-popup-box {
    background: rgba(0, 0, 0, .5);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: auto
}

.majorPage .stage-popup-box.active {
    display: block
}

.majorPage .zIndexBig {
    z-index: 9 !important;
    position: relative
}

.majorPage .stage-popup-container {
    width: 100%;
    height: 100%;
    border-radius: var(--majorThemeStandardBoxRadius);
    background-color: var(--majorThemeStandardBoxColor);
    color: #3a3a3a;
    overflow-x: hidden;
    padding: 16px;
    box-sizing: border-box
}

.majorPage .stage-popup-wrapper {
    position: absolute;
    max-height: 900px;
    max-width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.majorPage .majorBack {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(45, 109, 163, .75);
    -webkit-backdrop-filter: saturate(200%) blur(11px);
    backdrop-filter: saturate(200%) blur(11px);
    color: #fff;
    z-index: 99;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px
}

.majorPage .majorBack:hover {
    color: #fff !important;
    filter: brightness(115%)
}

@media (max-width:500px) {
    .majorPage .majorBack {
        display: none
    }
}

.majorPage .majorTickets {
    position: fixed;
    top: 5px;
    right: 16px;
    background-color: var(--majorThemeBrandColor);
    -webkit-backdrop-filter: saturate(200%) blur(11px);
    backdrop-filter: saturate(200%) blur(11px);
    color: var(--majorThemeButtonTextColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    font-weight: 700;
    font-size: 16px;
    z-index: 99;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px
}

.majorPage .majorTickets:hover {
    filter: brightness(115%);
    cursor: pointer
}

@media (max-width:500px) {
    .majorPage .majorTickets {
        display: none
    }
}

.majorPage .majorNavBarContainer {
    position: fixed;
    top: 0;
    z-index: 98;
    width: 100%;
    background: var(--majorThemeStandardBoxColor);
    -webkit-backdrop-filter: saturate(200%) blur(11px);
    backdrop-filter: saturate(200%) blur(11px);
    height: 46px
}

.majorPage .majorNavBarContainer .majorNavBar {
    max-width: 932px;
    padding: 0 16px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media (max-width:500px) {
    .majorPage .majorNavBarContainer .majorNavBar {
        padding: 0;
        line-height: 12px
    }
}

.majorPage .majorNavBarContainer .majorNavBar a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--majorThemeStandardColor);
    padding: 0 16px;
    position: relative;
    font-size: 14px
}

@media (max-width:500px) {
    .majorPage .majorNavBarContainer .majorNavBar a {
        padding: 0 8px;
        text-align: center;
        font-size: 12px
    }
}

.majorPage .majorNavBarContainer .majorNavBar a.active {
    font-weight: 700;
    background: var(--majorThemeBrandColor);
    color: var(--majorThemeButtonTextColor)
}

.majorPage .majorNavBarContainer .majorNavBar a:hover {
    background: var(--majorThemeStandardBoxColorHover);
    color: #fff !important
}

.majorPage svg {
    max-width: 100%
}

@media (max-width:500px) {
    .majorPage {
        font-size: 11px
    }
}

.majorPage .majorBg {
    background: var(--majorThemeBg) !important
}

.majorPage p {
    margin-top: 8px;
    margin-bottom: 8px
}

.majorPage svg {
    fill: var(--majorSvgColor)
}

.majorPage .majorPageGrid {
    margin: 0 auto;
    max-width: 1250px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px
}

.majorPage .majorPageWrapper {
    margin: 0 auto;
    max-width: 1250px;
    position: relative;
    z-index: 1
}

.majorPage .didYouKnowNuke {
    position: absolute;
    bottom: -15rem;
    width: 200px;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2
}

@media (max-width:500px) {
    .majorPage .didYouKnowNuke {
        position: absolute;
        bottom: -10rem;
        width: 80px;
        right: -30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 2
    }
}

.majorPage .majorPageTitleAndElement {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 932px;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .majorPage .majorPageTitleAndElement {
        margin-bottom: 0
    }
}

.majorPage .majorPageTitleAndElement h2 {
    color: var(--majorThemeHeaderColor)
}

@media (max-width:500px) {
    .majorPage .majorPageTitleAndElement h2 {
        text-align: center;
        margin-bottom: 2rem
    }
}

.majorPage .majorpageArrowContainer {
    display: flex
}

@media (max-width:500px) {
    .majorPage .majorpageArrowContainer {
        position: absolute;
        top: 95px;
        width: 100%;
        justify-content: space-between;
        z-index: 4
    }
}

.majorPage .arrow-right i {
    position: relative;
    right: -2px
}

@media (max-width:500px) {
    .majorPage .arrow-right {
        margin-right: -10px
    }
}

.majorPage .arrow-left i {
    position: relative;
    left: -2px
}

@media (max-width:500px) {
    .majorPage .arrow-left {
        margin-left: -10px !important
    }
}

.majorPage .arrow-left,
.majorPage .arrow-right {
    margin-left: 8px;
    padding: 8px;
    font-size: 20px;
    cursor: pointer;
    background-color: #be9100;
    color: var(--majorThemeButtonTextColor);
    border-radius: 100px;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--majorThemeStandardShadow);
    z-index: 4
}

.majorPage .arrow-left:hover,
.majorPage .arrow-right:hover {
    cursor: pointer;
    filter: brightness(1.1)
}

@media (max-width:500px) {

    .majorPage .arrow-left,
    .majorPage .arrow-right {
        background-color: #be9100;
        color: var(--majorThemeButtonTextColor);
        border-radius: 100px;
        height: 42px;
        width: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: var(--majorThemeStandardShadow);
        z-index: 4
    }
}

.majorPage .arrow-left.disabled,
.majorPage .arrow-right.disabled {
    opacity: .75;
    cursor: inherit
}

.majorPage .arrow-left.disabled:hover,
.majorPage .arrow-right.disabled:hover {
    filter: inherit !important
}

.majorPage .overflow-hidden {
    overflow: hidden
}

.majorPage .majorPageImgOverlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--majorThemeBg) 20%, transparent), rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0
}

.majorPage .headerGrenade {
    position: absolute;
    bottom: -15rem;
    width: 200px;
    right: 10rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .majorPage .headerGrenade {
        position: absolute;
        bottom: -6rem;
        width: 70px;
        right: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

.majorPage .headerAk {
    position: absolute;
    top: -8rem;
    width: 410px;
    left: -10rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .majorPage .headerAk {
        position: absolute;
        top: -50px;
        width: 120px;
        left: -60px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

.majorPage .majorStructureContainer {
    --gap: 16px;
    display: grid;
    gap: var(--gap);
    padding: 40px 140px
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer {
        padding: 16px 0;
        --gap: 8px
    }
}

.majorPage .majorStructureContainer .stageContainer {
    padding: 8px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeAltBoxColor);
    align-items: flex-start
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stageContainer {
        padding: 2px
    }
}

.majorPage .majorStructureContainer .stage {
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    padding: 8px;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    line-height: 13px;
    font-size: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stage {
        padding: 0;
        font-size: 8px;
        line-height: 11px
    }
}

.majorPage .majorStructureContainer .beforeMajorContainer {
    display: grid;
    grid-template-columns: 1fr;
    width: calc(67% + 9px);
    left: 50%;
    transform: translateX(-50%);
    gap: var(--gap);
    height: 1px;
    background: linear-gradient(90deg, #01d66c, #01d66c 25%, #fe9500 50%, #7d32b8 75%, #7d32b8)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .beforeMajorContainer {
        width: 67%
    }
}

.majorPage .majorStructureContainer .beforeMajorContainer.withConnector:after {
    background: linear-gradient(0deg, #ffb02e, #fffe3e);
    top: -16px
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .beforeMajorContainer.withConnector:after {
        top: -8px
    }
}

.majorPage .majorStructureContainer .challengersStage,
.majorPage .majorStructureContainer .contendersStage,
.majorPage .majorStructureContainer .legendsStage {
    background-color: var(--majorThemeStandardBoxColor);
    border: 1px solid var(--majorThemeBorderColor)
}

.majorPage .majorStructureContainer .challengersStage .stage,
.majorPage .majorStructureContainer .contendersStage .stage,
.majorPage .majorStructureContainer .legendsStage .stage {
    border: 1px solid var(--majorThemeBorderColor)
}

.majorPage .majorStructureContainer .challengersStage.spots,
.majorPage .majorStructureContainer .contendersStage.spots,
.majorPage .majorStructureContainer .legendsStage.spots {
    background-color: hsla(0, 0%, 68.6%, .5);
    border: 1px solid #747474
}

.majorPage .majorStructureContainer .stageSmallText {
    font-size: 10px;
    font-weight: 400;
    opacity: .65
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stageSmallText {
        font-size: 7px
    }
}

.majorPage .majorStructureContainer .playoffsStage,
.majorPage .majorStructureContainer .playoffsStage .stage {
    background-color: rgba(183, 152, 5, .1);
    border: 1px solid #c39617
}

.majorPage .majorStructureContainer .euSpot {
    background: rgba(1, 214, 108, .6) !important;
    border: 0 !important
}

.majorPage .majorStructureContainer .euSpot:after,
.majorPage .majorStructureContainer .euSpot:before {
    background: #01d66c !important;
    top: -16px
}

@media (max-width:500px) {

    .majorPage .majorStructureContainer .euSpot:after,
    .majorPage .majorStructureContainer .euSpot:before {
        top: -8px
    }
}

.majorPage .majorStructureContainer .asiaSpot {
    background: rgba(254, 149, 0, .6) !important;
    border: 0 !important
}

.majorPage .majorStructureContainer .asiaSpot:after,
.majorPage .majorStructureContainer .asiaSpot:before {
    background: #fe9500 !important;
    top: -16px
}

@media (max-width:500px) {

    .majorPage .majorStructureContainer .asiaSpot:after,
    .majorPage .majorStructureContainer .asiaSpot:before {
        top: -8px
    }
}

.majorPage .majorStructureContainer .americaSpot {
    background: rgba(125, 50, 184, .6) !important;
    border: 0 !important
}

.majorPage .majorStructureContainer .americaSpot:after,
.majorPage .majorStructureContainer .americaSpot:before {
    background: #7d32b8 !important;
    top: -16px
}

@media (max-width:500px) {

    .majorPage .majorStructureContainer .americaSpot:after,
    .majorPage .majorStructureContainer .americaSpot:before {
        top: -8px
    }
}

.majorPage .majorStructureContainer .rmrEuContainer,
.majorPage .majorStructureContainer .rmrEuQualifierContainer {
    background: linear-gradient(177deg, rgba(1, 214, 108, .3), var(--majorThemeStandardBoxColor))
}

.majorPage .majorStructureContainer .rmrEuContainer.spots,
.majorPage .majorStructureContainer .rmrEuQualifierContainer.spots {
    background: rgba(1, 214, 108, .6);
    border: 0;
    font-weight: 700
}

.majorPage .majorStructureContainer .rmrEuContainer .stage,
.majorPage .majorStructureContainer .rmrEuQualifierContainer .stage {
    background: linear-gradient(177deg, rgba(1, 214, 108, .6), rgba(1, 214, 108, 0))
}

.majorPage .majorStructureContainer .rmrEuContainer .stage:last-child:nth-child(odd),
.majorPage .majorStructureContainer .rmrEuQualifierContainer .stage:last-child:nth-child(odd) {
    grid-column: span 2
}

.majorPage .majorStructureContainer .rmrEuContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrEuContainer.withConnector:before,
.majorPage .majorStructureContainer .rmrEuQualifierContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrEuQualifierContainer.withConnector:before {
    background: #01d66c
}

.majorPage .majorStructureContainer .rmrEuContainer.beforeConnector:after,
.majorPage .majorStructureContainer .rmrEuQualifierContainer.beforeConnector:after {
    background: var(--majorThemeBorderColor)
}

.majorPage .majorStructureContainer .rmrQualifierStageContainer {
    align-items: flex-start
}

.majorPage .majorStructureContainer .rmrAsiaContainer,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer {
    background: linear-gradient(177deg, rgba(254, 149, 0, .3), var(--majorThemeStandardBoxColor))
}

.majorPage .majorStructureContainer .rmrAsiaContainer.spots,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer.spots {
    background: rgba(254, 149, 0, .6);
    border: 0;
    font-weight: 700
}

.majorPage .majorStructureContainer .rmrAsiaContainer.beforeConnector:after,
.majorPage .majorStructureContainer .rmrAsiaContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrAsiaContainer.withConnector:before,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer.beforeConnector:after,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer.withConnector:before {
    background: #fe9500
}

.majorPage .majorStructureContainer .rmrAsiaContainer .stage,
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer .stage {
    background: linear-gradient(177deg, rgba(254, 149, 0, .6), rgba(254, 149, 0, 0))
}

.majorPage .majorStructureContainer .rmrAsiaContainer .stage:last-child:nth-child(odd),
.majorPage .majorStructureContainer .rmrAsiaQualifierContainer .stage:last-child:nth-child(odd) {
    grid-column: span 2
}

.majorPage .majorStructureContainer .rmrAmericasContainer,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer {
    background: linear-gradient(177deg, rgba(125, 50, 184, .3), var(--majorThemeStandardBoxColor))
}

.majorPage .majorStructureContainer .rmrAmericasContainer.spots,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer.spots {
    background: rgba(125, 50, 184, .6);
    border: 0;
    font-weight: 700
}

.majorPage .majorStructureContainer .rmrAmericasContainer.beforeConnector:after,
.majorPage .majorStructureContainer .rmrAmericasContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrAmericasContainer.withConnector:before,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer.beforeConnector:after,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer.withConnector:after,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer.withConnector:before {
    background: #7d32b8
}

.majorPage .majorStructureContainer .rmrAmericasContainer .stage,
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer .stage {
    background: linear-gradient(177deg, rgba(125, 50, 184, .6), rgba(125, 50, 184, 0))
}

.majorPage .majorStructureContainer .rmrAmericasContainer .stage:last-child:nth-child(odd),
.majorPage .majorStructureContainer .rmrAmericasQualifierContainer .stage:last-child:nth-child(odd) {
    grid-column: span 2
}

.majorPage .majorStructureContainer .majorStageContainer {
    display: grid;
    gap: var(--gap);
    padding: var(--gap);
    margin-bottom: -16px;
    background: linear-gradient(177deg, var(--majorThemeBg), var(--majorThemeStandardBoxColor));
    position: relative;
    border-radius: var(--majorThemeStandardBoxRadius);
    max-width: 420px;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .majorStageContainer {
        max-width: 260px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: -8px
    }
}

.majorPage .majorStructureContainer .majorStageContainer:before {
    content: "";
    position: absolute;
    height: 580px;
    width: 580px;
    mix-blend-mode: screen;
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
    border-radius: 1000px;
    z-index: -1;
    filter: blur(100px);
    opacity: .5
}

.majorPage .majorStructureContainer .majorStageContainer .beforeConnector:after,
.majorPage .majorStructureContainer .majorStageContainer .withConnector:after,
.majorPage .majorStructureContainer .majorStageContainer .withConnector:before {
    background: #6b6b6b
}

.majorPage .majorStructureContainer .beforeConnector {
    position: relative
}

.majorPage .majorStructureContainer .beforeConnector:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: var(--gap);
    bottom: -17px;
    background: #000;
    left: 50%;
    transform: translateX(-50%)
}

.majorPage .majorStructureContainer .withConnector {
    position: relative
}

.majorPage .majorStructureContainer .withConnector:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: .9px;
    height: var(--gap);
    top: -16px;
    background: #000;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .withConnector:after {
        top: -8px
    }
}

.majorPage .majorStructureContainer .stageHalfWidth {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stageHalfWidth {
        gap: 2px
    }
}

.majorPage .majorStructureContainer .twoColumns {
    grid-template-columns: 1fr 1fr !important
}

.majorPage .majorStructureContainer .stageOneThird {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--gap)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stageOneThird {
        gap: 2px
    }
}

.majorPage .majorStructureContainer .stageOneFourth {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--gap)
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .stageOneFourth {
        gap: 2px
    }
}

.majorPage .majorStructureContainer .spots {
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--majorThemeStandardBoxRadius);
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 70px;
    padding: 0 4px
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .spots {
        font-size: 10px
    }
}

.majorPage .majorStructureContainer .majorStageDescription {
    max-width: 270px;
    width: auto;
    padding: 0 16px
}

@media (max-width:500px) {
    .majorPage .majorStructureContainer .majorStageDescription {
        max-width: 80px;
        font-size: 10px;
        padding: 0 4px
    }
}

.majorPage .majorPageBody {
    margin: 0 auto;
    max-width: 1250px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    padding: 0 32px 32px;
    z-index: 0;
    position: relative
}

.majorPage .majorQualifierPage .teamsGrid .teamsGridContainer {
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr))
}

.majorPage .slotted-bracket-placeholder {
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow)
}

.majorPage .slotted-bracket-header {
    background-color: var(--majorThemeStandardBoxColorHover)
}

.majorPage .newsitem-groups-swiss-block {
    display: flex;
    margin: 20px 0
}

.majorPage .slotted-bracket .round .round-header:hover {
    background: #393a4d
}

.majorPage .slotted-bracket .round .slots .slot-wrapper .header,
.majorPage .slotted-bracket .round .slots .slot-wrapper .match {
    background-color: var(--majorThemeStandardBoxColorHover)
}

.majorPage .slotted-bracket .round .slots .slot-wrapper .loser {
    color: var(--majorThemeStandardColor)
}

.majorPage .slotted-bracket .round .highlight {
    background-color: var(--majorThemeAltBoxColor) !important;
    color: var(--majorThemeStandardColor) !important
}

.majorPage .newsitem-groups-swiss-block-name-con {
    flex: 0 0 30px;
    border: var(--majorThemeBorderColor);
    margin-right: 2px;
    background: var(--majorThemeStandardBoxColor);
    position: relative;
    min-height: 61px;
    box-sizing: border-box
}

.majorPage .newsitem-groups-swiss-block-name {
    font-weight: bolder;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg)
}

.majorPage .newsitem-groups-swiss-block-rows {
    flex: 1 0 0;
    align-self: center
}

.majorPage .newsitem-groups-swiss-block-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.majorPage .newsitem-groups-swiss-block-row:last-child {
    border-bottom: 0
}

.majorPage .newsitem-groups-swiss-block-logo {
    padding: 5px;
    width: 20px;
    height: 20px;
    display: flex
}

.majorPage .newsitem-groups-swiss-block-logo img {
    max-width: 100%;
    max-height: 20px;
    align-items: center;
    align-self: center;
    justify-content: center;
    margin: 0 auto
}

@media (max-width:500px) {
    .majorPage .newsitem-groups-swiss-block-logo {
        width: 20%
    }
}

.majorPage .newsitem-groups-swiss-team-logo {
    max-width: 20px;
    max-height: 20px
}

.majorPage .newsitem-groups-swiss-team-container {
    display: flex;
    flex: 1 0
}

@media (max-width:500px) {
    .majorPage .newsitem-groups-swiss-team-container {
        flex: 0 0 49%;
        max-width: 49%
    }
}

.majorPage .newsitem-group {
    overflow: hidden
}

.majorPage .newsitem-groups-swiss-block-team {
    flex: 1 0 50px;
    align-self: center;
    color: var(--majorThemeStandardColor)
}

.majorPage .newsitem-groups-swiss-block-team:hover {
    color: #fff !important
}

@media (max-width:500px) {
    .majorPage .newsitem-groups-swiss-block-team {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 8px
    }
}

.majorPage .newsitem-groups-swiss-block-container {
    display: flex
}

@media (max-width:500px) {
    .majorPage .newsitem-groups-swiss-block-container {
        flex: 1 1 190px
    }
}

.majorPage .newsitem-groups-swiss-block-lost,
.majorPage .newsitem-groups-swiss-block-neutral,
.majorPage .newsitem-groups-swiss-block-won {
    border-right: 1px solid var(--majorThemeBorderColor)
}

.majorPage .newsitem-groups-swiss-block-lost:last-child,
.majorPage .newsitem-groups-swiss-block-neutral:last-child,
.majorPage .newsitem-groups-swiss-block-won:last-child {
    border-right: 0
}

.majorPage .newsitem-groups-swiss-block-won {
    background-color: #1b680d
}

.majorPage .newsitem-groups-swiss-block-neutral {
    background-color: var(--majorThemeStandardBoxColor)
}

.majorPage .newsitem-groups-swiss-block-lost {
    background-color: #721e1e
}

.majorPage .majorTabsContainer {
    margin: 40px 0;
    border-radius: var(--majorThemeStandardBoxRadius);
    overflow: hidden;
    display: flex;
    height: 42px
}

@media (max-width:500px) {
    .majorPage .majorTabsContainer {
        margin: 0 0 16px
    }
}

.majorPage .majorTabsContainer .active {
    background: var(--majorThemeBrandColor);
    font-weight: 700;
    color: var(--majorThemeButtonTextColor)
}

.majorPage .majorTabsContainer .majorTab {
    border: none;
    flex: 1;
    cursor: pointer
}

.majorPage .majorTabsContainer .majorTab:not(.active) {
    background: var(--majorThemeStandardBoxColor);
    color: var(--majorThemeStandardColor)
}

.majorPage .majorTabsContainer .majorTab:not(.active):hover {
    background: var(--majorThemeStandardBoxColorHover);
    color: var(--majorThemeStandardColor)
}

.majorPage .majorTabsContainer .majorTab:not(:first-child) {
    border-left: 1px solid var(--majorThemeBorderColor)
}

.majorPage p {
    font-size: 14px;
    line-height: 24px
}

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

    50% {
        transform: translateY(12px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes majorRotate {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.majorPage .majorPrizePoolSection,
.majorPage .majorTextSection {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
    position: relative
}

.majorPage .majorPrizePoolSection .majorTextGfxContainer,
.majorPage .majorTextSection .majorTextGfxContainer {
    position: relative
}

.majorPage .majorPrizePoolSection h3,
.majorPage .majorTextSection h3 {
    font-size: 18px;
    color: var(--majorThemeStandardColor);
    margin-bottom: 0
}

@media (max-width:500px) {

    .majorPage .majorPrizePoolSection,
    .majorPage .majorTextSection {
        grid-template-columns: 1fr
    }
}

.majorPage .majorPrizePoolSection p,
.majorPage .majorTextSection p {
    font-size: 16px;
    line-height: 24px
}

.majorPage .majorPrizePoolSection h2,
.majorPage .majorTextSection h2 {
    color: var(--majorThemeHeaderColor)
}

@media (max-width:500px) {

    .majorPage .majorPrizePoolSection h2,
    .majorPage .majorTextSection h2 {
        margin-bottom: 2rem
    }
}

@media (max-width:500px) {

    .majorPage .majorPrizePoolSection,
    .majorPage .majorTextSection {
        padding-top: 5rem
    }
}

.majorPage .majorPageFullWidth2 {
    grid-column: 1/13
}

.majorPage .majorPageFullWidth {
    grid-column: 1/13;
    margin-bottom: -3rem;
    margin-top: 3rem
}

.majorPage section {
    grid-column: 1/13;
    z-index: 1;
    background: var(--majorThemeBg)
}

.majorPage section.narrowSection {
    grid-column: 3/11
}

@media (max-width:500px) {
    .majorPage section.narrowSection {
        grid-column: 1/13
    }
}

.majorPage section.slimSection {
    grid-column: 2/12
}

@media screen and (max-width:1250px) {
    .majorPage section.slimSection {
        grid-column: 1/13
    }
}

@media (max-width:500px) {
    .majorPage section.slimSection {
        grid-column: 1/13
    }
}

.majorPage .majorpage-major-winners-table-wrapper {
    padding: 16px;
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    background: var(--majorThemeStandardBoxColor)
}

@media (max-width:500px) {
    .majorPage .majorpage-major-winners-table-wrapper {
        padding: 4px
    }
}

.majorPage .majorpage-major-winners-table {
    table-layout: fixed;
    width: 100%;
    color: var(--majorThemeStandardColor);
    border: 0;
    position: relative;
    box-sizing: border-box;
    border-collapse: collapse
}

.majorPage .majorpage-major-winners-table td:not(:first-child),
.majorPage .majorpage-major-winners-table th:not(:first-child) {
    padding-left: 8px
}

.majorPage .majorpage-major-winners-table th {
    font-size: 10px;
    opacity: .65;
    text-transform: uppercase;
    padding-bottom: 8px
}

.majorPage .majorpage-major-winners-table tr:nth-child(2n) {
    background: var(--majorThemeAltBoxColor)
}

.majorPage .majorpage-major-winners-table td {
    padding-top: 8px;
    padding-bottom: 8px
}

.majorPage .major-table-flex-wrapper {
    display: flex;
    gap: 8px;
    align-items: center
}

.majorPage .major-winners-teams {
    width: 50px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage .major-winners-teams {
        display: none
    }
}

.majorPage .major-winners-location .flag {
    margin-right: 4px
}

.majorPage .major-winners-prize {
    width: 80px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage .major-winners-prize {
        display: none
    }
}

.majorPage .major-winners-event {
    text-align: left
}

.majorPage td.major-winners-event {
    font-weight: 700;
    padding-left: 8px
}

.majorPage td.major-winners-date,
.majorPage td.major-winners-location,
.majorPage td.major-winners-prize,
.majorPage td.major-winners-teams {
    font-size: 11px;
    color: var(--majorThemeFadedColor)
}

.majorPage td.major-winners-winner {
    color: #ffd671;
    font-weight: 700
}

.majorPage .major-winners-date {
    width: 130px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage .major-winners-date {
        display: none
    }
}

.majorPage .major-winners-location {
    width: 140px
}

@media (max-width:500px) {

    .majorPage .major-winners-2nd,
    .majorPage .major-winners-location {
        display: none
    }
}

.majorPage .major-winners-2nd,
.majorPage .major-winners-winner {
    width: 150px;
    text-align: center
}

@media (max-width:500px) {

    .majorPage .major-winners-2nd,
    .majorPage .major-winners-winner {
        width: 150px
    }
}

.majorPage .major-winner-team-logo-wrapper {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.majorPage .major-winner-team-logo-wrapper img {
    max-height: 100%;
    max-width: 100%;
    flex: 1;
    height: auto;
    width: auto
}

.majorPage .didYouKnow .majorPageWrapper {
    max-width: 1170px
}

.majorPage .didYouKnow h3 {
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0 240px;
    color: var(--majorThemeBrandColor)
}

@media (max-width:500px) {
    .majorPage .didYouKnow h3 {
        font-size: 32px;
        line-height: 48px;
        padding: 0 32px
    }
}

.majorPage .didYouKnow .didYouKnowAnswer {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    padding: 0 140px;
    color: var(--majorThemeStandardColor)
}

@media (max-width:500px) {
    .majorPage .didYouKnow .didYouKnowAnswer {
        padding: 0 32px;
        line-height: 24px;
        font-size: 16px
    }
}

.majorPage .majorTimelineContainer {
    display: flex;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width:500px) {
    .majorPage .majorTimelineContainer {
        display: grid;
        grid-template-columns: 3rem 1fr;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.majorPage .majorTimelineContainer:nth-child(odd) {
    flex-direction: row-reverse
}

@media (max-width:500px) {
    .majorPage .majorTimelineContainer:nth-child(odd) {
        flex-direction: row
    }
}

.majorPage .majorTimelineContainer:nth-child(2n) .majorTimelineDot {
    transform: translateX(2px)
}

.majorPage h1,
.majorPage h2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 48px;
    color: var(--majorThemeHeaderColor);
    z-index: 2;
    position: relative
}

.majorPage .mainEventHeader {
    grid-column: 1/-1;
    font-size: 14px;
    font-weight: 700;
    color: var(--majorThemeStandardColor);
    margin: 24px auto;
    width: 100%
}

.majorPage .majorTimelineText {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-self: center
}

@media (max-width:500px) {
    .majorPage .majorTimelineText {
        margin-top: 16px
    }
}

.majorPage .majorTimelineText.majorTimelineText {
    align-self: flex-start
}

@media (max-width:500px) {
    .majorPage .fixedTop {
        grid-row: 2 !important
    }
}

.majorPage .carouselDate,
.majorPage .majorTimelineDate {
    font-size: 12px;
    font-weight: 700;
    color: var(--majorThemeFadedColor)
}

.majorPage .carouselLink {
    background-color: #be9100;
    color: var(--majorThemeButtonTextColor);
    padding: 8px 16px;
    border-radius: var(--majorThemeStandardBoxRadius);
    display: inline-block;
    align-self: flex-start;
    font-weight: 700
}

@media (max-width:500px) {
    .majorPage .carouselLink {
        align-self: stretch;
        text-align: center
    }
}

.majorPage .carouselLink:hover {
    cursor: pointer;
    filter: brightness(1.1)
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPage {
        padding-top: 0 !important
    }
}

.majorPage .majorPageTeamPage svg {
    fill: none
}

.majorPage .majorPageTeamRight {
    position: relative
}

.majorPage .majorPageTeamRight .majorTabsContainer {
    margin-top: 0;
    z-index: 99
}

@media (max-width:500px) {
    .majorPage .majorPageTeamRight .majorTabsContainer {
        margin: 0 -16px 40px;
        border-radius: 0;
        position: sticky;
        top: 46px;
        overflow: initial
    }

    .majorPage .majorPageTeamRight .majorTabsContainer:after {
        position: absolute;
        width: 100%;
        content: "";
        height: 10px;
        background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .2));
        left: 0;
        bottom: -10px
    }
}

.majorPage .majorPageTeamRight .majorTab {
    color: var(--teamTextColor)
}

.majorPage .majorPageTeamRight {
    padding-top: 30px;
    padding-bottom: 80px
}

.majorPage .majorPageTeamLeft {
    --teamColor: #e43d30;
    height: calc(100vh - 106px);
    position: sticky;
    top: 106px;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .majorPage .majorPageTeamLeft {
        z-index: 99;
        top: 0;
        max-height: 460px;
        position: relative;
        margin: 0 -16px;
        overflow: hidden;
        padding: 46px 16px 0
    }
}

.majorPage .majorPageTeamLeft:after {
    content: "";
    position: absolute;
    right: -10px;
    width: 25px;
    height: 100%;
    background: linear-gradient(340.42deg, rgba(32, 22, 46, 0) 59.06%, var(--teamColor) 160%);
    opacity: .8;
    top: -60px
}

.majorPage .majorPageTeamLeft:before {
    content: "";
    position: absolute;
    top: -60px;
    left: -8px;
    width: 16px;
    height: 100%;
    background: linear-gradient(340deg, rgba(32, 22, 46, 0) 67%, var(--teamColor) 92%);
    opacity: .5
}

@media (max-width:500px) {
    .majorPage .majorPageTeamLeft:before {
        left: -5px;
        width: 21px;
        background: linear-gradient(340deg, rgba(32, 22, 46, 0) 67%, var(--teamColor) 92%)
    }
}

.majorPage .majorPageTeamLeft .majorPageTeamLeftGradient {
    background: linear-gradient(340deg, rgba(32, 22, 46, 0) 59.06%, var(--teamColor) 104.12%);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .45;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    top: -60px;
    max-height: 900px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamLeft .majorPageTeamLeftGradient {
        top: -45px
    }
}

.majorPage .majorPageTeamLeftInfoWrapper {
    display: flex;
    flex-direction: column;
    height: 160px;
    margin-top: 80px;
    justify-content: space-between
}

@media (max-width:500px) {
    .majorPage .majorPageTeamLeftInfoWrapper {
        height: 130px;
        margin-top: 30px
    }
}

.majorPage .majorPageSmoke {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.majorPage .majorPageSmoke.smoke-1 {
    z-index: 1;
    left: 60px;
    transform: translateY(35%);
    bottom: 0;
    opacity: .7
}

@media (max-width:500px) {
    .majorPage .majorPageSmoke.smoke-1 {
        left: -50px
    }
}

.majorPage .majorPageSmoke.smoke-2 {
    z-index: 1;
    right: 0;
    transform: translateY(35%);
    bottom: 0;
    opacity: .5
}

@media (max-width:500px) {
    .majorPage .majorPageSmoke.smoke-2 {
        right: -50px
    }
}

.majorPage .majorPageSmoke.smoke-3 {
    z-index: 0;
    top: 0;
    right: 125px;
    transform: translateY(-7%) rotate(-45deg);
    opacity: .6
}

@media (max-width:500px) {
    .majorPage .majorPageSmoke.smoke-3 {
        transform: translatex(43%) rotate(-45deg)
    }
}

.majorPage .majorTeamPageWrapper {
    background: var(--majorThemeBg) !important
}

@media (max-width:500px) {
    .majorPage .majorTeamPageWrapper .majorHeaderSection {
        display: none
    }
}

.majorPage .majorTeamPageWrapper .majorPageTeamPage,
.majorPage .majorTeamPageWrapper .majorPageTeamPageSection {
    padding-bottom: 0
}

.majorPage .majorPageTeamLeftHeaderSection {
    margin-top: 100px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamLeftHeaderSection {
        margin-top: 0
    }
}

.majorPage .majorPageTeamPageSection {
    display: grid;
    grid-template-columns: 500px 1fr;
    gap: 24px;
    min-height: 100vh
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer {
    position: relative;
    height: 280px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer {
        height: 240px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamPlayerContainer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--majorThemeBg), hsla(0, 0%, 100%, 0) 40%)
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamHeroPlayerImage {
    position: absolute;
    height: 205px;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamHeroPlayerImage {
        width: 190px;
        height: auto
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamHeroPlayerImage:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--majorThemeAltBoxColor) 25%, transparent 40%)
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamLogoContainer {
    text-align: center
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .majorPageTeamLogo {
    margin-top: -80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage1 {
    left: 75px;
    top: 0
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage1 {
        left: 20px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage2 {
    right: 75px;
    top: 0
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage2 {
        right: 20px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage3 {
    left: 25px;
    bottom: 0
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage3 {
        left: -25px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage4 {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage5 {
    right: 25px;
    bottom: 0
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamHeroContainer .playerImage5 {
        right: -25px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOrgContainer {
    text-align: center;
    margin-top: -50px;
    position: relative
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOrgContainer {
        margin-top: -80px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamFlag {
    margin-bottom: 10px
}

.majorPage .majorPageTeamPageSection .majorPageTeamName {
    font-size: 56px;
    letter-spacing: -3px;
    margin: -16px 0 16px;
    padding: 16px 0
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamName {
        font-size: 40px;
        margin: 0 -8px;
        padding: 8px 0
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamSocialIcons {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 18px;
    color: var(--majorThemeHeaderColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamSocialIcons a {
    padding: 0 8px;
    color: #fff !important
}

.majorPage .majorPageTeamPageSection .majorPageTeamQualificationContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.majorPage .majorPageTeamPageSection .majorPageTeamQualificationStatus {
    font-size: 18px;
    font-weight: 700
}

.majorPage .majorPageTeamPageSection .fantasyImageWrapper {
    margin-bottom: 32px;
    display: block
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .fantasyImageWrapper {
        display: none
    }
}

.majorPage .majorPageTeamPageSection .fantasyImageWrapper img {
    max-width: 100%;
    height: auto
}

.majorPage .majorPageTeamPageSection .statusEliminated {
    color: #ff7070
}

.majorPage .majorPageTeamPageSection .statusQualified {
    color: #eba028
}

.majorPage .majorPageTeamPageSection .statusQualifying {
    color: #ccc
}

.majorPage .majorPageTeamPageSection .majorPageTeamStatsContainer {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px
}

.majorPage .majorPageTeamPageSection .majorPageTeamStatsContainer .fa {
    color: var(--teamTextColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamStatsFullWidth {
    flex: 0 0 100%
}

.majorPage .majorPageTeamPageSection .majorPageTeamStatsIcon {
    width: 20px;
    height: 20px;
    background-color: var(--teamColor);
    border-radius: 20px;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px
}

.majorPage .majorPageTeamPageSection .majorPageTeamUserPredictabilityContainer {
    display: flex;
    justify-content: center;
    gap: 8px
}

.majorPage .majorPageTeamPageSection .majorPageTeamPredictionContainer {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center
}

.majorPage .majorPageTeamPageSection .majorPageTeamUserPredictabilityText p {
    font-size: 12px
}

.majorPage .majorPageTeamPageSection .majorPageTeamPredictionBackground {
    background-color: hsla(0, 0%, 100%, .25);
    width: 100%;
    height: 14px;
    position: absolute;
    border-radius: 14px
}

.majorPage .majorPageTeamPageSection .majorPageTeamPrediction {
    position: absolute;
    width: 11%;
    height: 14px;
    background-color: var(--teamColor);
    border-radius: 14px 0 0 14px
}

.majorPage .majorPageTeamPageSection .majorPageTeamPrediction:after {
    content: "11%";
    font-size: 12px;
    position: absolute;
    right: -27px;
    top: -2px
}

.majorPage .majorPageTeamPageSection .majorPageBettingContainer {
    margin-bottom: 100px;
    z-index: 9
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBettingContainer {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 100%;
        background: var(--majorThemeStandardBoxColor);
        margin-bottom: 0;
        opacity: .95
    }
}

.majorPage .majorPageTeamPageSection .majorPageBettingWrap {
    display: flex;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 20px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: 0 15px;
    gap: 8px;
    align-items: center;
    margin: 0 auto;
    z-index: 2;
    width: 80%
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBettingWrap {
        border-radius: 0;
        border: none;
        width: auto
    }
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBettingDescription {
        font-size: 11px
    }
}

.majorPage .majorPageTeamPageSection .majorPageBetting {
    margin-left: auto;
    background-color: #fff;
    border-radius: 0 20px 20px 0;
    margin-right: -15px;
    align-self: stretch;
    display: flex;
    align-items: center
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBetting {
        border-radius: 0
    }
}

.majorPage .majorPageTeamPageSection .majorPageBettingOdds {
    padding: 0 25px;
    color: var(--majorThemeBrandTextColor);
    font-weight: 700
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBettingOdds {
        font-size: 12px;
        padding: 0 16px
    }
}

.majorPage .majorPageTeamPageSection .majorPageBettingDisclaimer {
    font-size: 10px;
    line-height: 10px;
    opacity: .5;
    text-align: center;
    width: 80%;
    margin: 8px auto
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBettingDisclaimer {
        font-size: 8px;
        margin: 4px auto;
        line-height: 8px
    }
}

.majorPage .majorPageTeamPageSection .majorPageBigTextWrapper {
    position: absolute;
    width: 100vw;
    color: transparent;
    -webkit-text-stroke: .03px hsla(0, 0%, 100%, .25);
    max-width: 99vw;
    overflow: hidden;
    left: 0;
    max-height: 100%;
    margin-top: -5rem
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageBigTextWrapper {
        -webkit-text-stroke: .03px hsla(0, 0%, 100%, .65);
        margin-top: 0
    }
}

.majorPage .majorPageTeamPageSection .majorPageBigText {
    position: absolute;
    left: 50%;
    font-weight: 700;
    text-transform: uppercase;
    top: 20%
}

.majorPage .majorPageTeamPageSection .majorPageBigText:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--majorThemeBg) 25%, hsla(0, 0%, 100%, 0))
}

.majorPage .majorPageTeamPageSection .majorPageGridSpanThree .majorPageTeamOverviewTitle {
    display: flex;
    gap: 8px;
    align-items: center
}

.majorPage .majorPageTeamPageSection .majorPageMajorsAttendedInTitle {
    font-size: 17px;
    color: var(--majorThemeFadedColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewTitle {
    font-size: 26px;
    margin-bottom: 16px;
    display: flex;
    gap: 4px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewTitle {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    text-align: center;
    margin-top: 40px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 0
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap h3,
.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap p {
    margin: 0
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayer {
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: 20px;
    padding: 10px;
    min-width: 0;
    position: relative
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerImage {
    margin-top: -30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 100%;
    height: auto
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerImage {
        margin-top: -20px
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewImageOverlay {
    position: relative
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewImageNotBodyshot {
    margin-bottom: 16px
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewImageNotBodyshot:after {
    background-image: none !important
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewImageNotBodyshot img {
    border-radius: 100px
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewImageOverlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, var(--majorThemeStandardBoxColor), hsla(0, 0%, 100%, 0) 80%);
    opacity: 1
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerName {
    font-size: 12px;
    margin-top: -5px;
    color: var(--majorThemeFadedColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerMajorWins {
    font-size: 9px;
    position: absolute;
    color: #e8ad3e;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 999
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerMajorWins:hover {
    cursor: pointer;
    filter: brightness(115%)
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerMajorWins:hover .majorPageTeamOverviewHover {
    opacity: 1;
    margin-bottom: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    pointer-events: auto
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewPlayerMajorWins:hover .majorPageTeamOverviewHover {
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewHover {
    opacity: 0;
    flex-direction: column;
    position: absolute;
    background: #444764;
    color: #bfc1d1;
    font-size: 12px;
    max-width: 300px;
    bottom: 28px;
    padding: 8px 16px;
    left: 0;
    transition: .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    margin-bottom: -16px;
    border-radius: 8px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap .majorPageTeamOverviewHover {
        bottom: 0;
        display: none
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewExtrasContainer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-top: 40px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageTeamOverviewExtrasContainer {
        grid-template-columns: repeat(2, 1fr)
    }
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewMajorsAttendedWrap {
    max-height: 115px;
    overflow: hidden
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewMajorsAttendedWrap.fourEvents {
    max-height: 150px
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewMajorsAttendedWrap.active {
    max-height: 100%
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewAboutContainer {
    margin-top: 40px
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewAboutContainer textarea {
    min-height: 500px;
    background: var(--majorThemeStandardBoxColor);
    color: var(--majorThemeStandardColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewAbout {
    white-space: pre-wrap
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewAbout.adminView {
    min-height: 100px;
    cursor: pointer;
    background: hsla(0, 0%, 100%, .05);
    color: var(--majorThemeStandardColor)
}

.majorPage .majorPageTeamPageSection .majorPageTeamOverviewPlayersWrap.majorPageTeamOverviewExtrasWrap {
    grid-template-columns: repeat(1, 1fr) !important
}

.majorPage .majorPageTeamPageSection .majorPageGridSpanThree {
    grid-column: span 3;
    padding-left: 20px
}

@media (max-width:500px) {
    .majorPage .majorPageTeamPageSection .majorPageGridSpanThree {
        grid-column: span 2;
        padding-left: 0
    }
}

.majorPage .majorPageTeamPageSection .majorPageEventAttended {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--majorThemeBorderColor)
}

.majorPage .majorPageTeamPageSection .majorPageEventAttended:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.majorPage .majorPageTeamPageSection .majorPageEventAttended .majorPageEventPlacementContainer {
    margin-left: auto;
    min-width: 50px;
    text-align: right;
    font-weight: 700
}

.majorPage .majorPageTeamPageSection .majorPageExpandMajorsAttended {
    display: flex;
    color: var(--majorThemeFadedColor);
    margin-top: 10px;
    justify-content: space-between;
    cursor: pointer
}

.majorPage .majorPageTeamPageSection .majorPageExpandMajorsAttended:hover {
    color: #fff
}

.majorPage .majorPageTeamPageSection .majorPageExpandMajorsAttended i {
    margin: 0 9px 0 7px
}

.majorPage .majorTimelineSection {
    position: relative;
    z-index: 0 !important
}

.majorPage .majorPageVenueSection .majorTimelineContainer {
    padding: 24px
}

.majorPage .majorFrontpageVenue {
    background: var(--majorThemeStandardBoxColor);
    padding: 32px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius);
    display: flex;
    overflow: hidden;
    gap: 80px
}

.majorPage .majorFrontpageVenue .major-more-about-venue {
    color: var(--majorThemeBrandColor);
    transition: margin-left .2s ease-in-out
}

.majorPage .majorFrontpageVenue .major-more-about-venue:hover {
    color: var(--majorThemeBrandColor) !important
}

.majorPage .majorFrontpageVenue .major-more-about-venue:hover i {
    margin-left: 4px;
    transition: margin-left .2s ease-in-out
}

.majorPage .majorFrontpageVenueContainer {
    padding: 50px
}

@media (max-width:500px) {
    .majorPage .majorFrontpageVenueContainer {
        padding: 0
    }
}

.majorPage .majorFrontpageVenueContainer a {
    margin-top: 24px;
    font-weight: 700;
    font-size: 14px
}

.majorPage .majorFrontpageVenueContainer a:hover .fa {
    margin-left: 12px
}

.majorPage .majorFrontpageVenueContainer a .fa {
    transition: .2s ease;
    margin-left: 8px
}

.majorPage .majorFrontpageVenueLeft {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:500px) {
    .majorPage .majorFrontpageVenueLeft {
        width: 100%
    }
}

.majorPage .majorFrontpageVenueRight {
    max-width: 380px;
    flex: 0 0 380px;
    position: relative;
    margin-top: -32px;
    margin-right: -32px;
    margin-bottom: -32px;
    min-height: 400px
}

.majorPage .majorFrontpageVenueRight .cc-attribution {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: rgba(0, 0, 0, .7)
}

.majorPage .majorFrontpageVenueRight .cc-attribution-link {
    margin-top: 0;
    color: rgba(0, 0, 0, .7);
    font-size: 12px
}

@media (max-width:500px) {
    .majorPage .majorFrontpageVenueRight {
        display: none
    }
}

.majorPage .majorFrontpageVenueRight img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.majorPage .majorPrizePoolSection {
    gap: 80px;
    grid-template-columns: 1.5fr 1fr
}

@media (max-width:500px) {
    .majorPage .majorPrizePoolSection {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-bottom: 2rem
    }

    .majorPage .majorPrizePoolSection .majorText {
        grid-row: 1
    }
}

.majorPage .majorPrizePoolSection .fa-trophy {
    margin-right: 4px
}

.majorPage .majorPrizePoolSection .fa-trophy.trophy-gold {
    color: #d1a60b
}

.majorPage .majorPrizePoolSection .fa-trophy.trophy-silver {
    color: #8d8d8d
}

.majorPage .majorPrizePoolSection .fa-trophy.trophy-bronze {
    color: #d15e0c
}

.majorPage .majorPrizeTableContainer {
    background: var(--majorThemeStandardBoxColor);
    padding: 8px 16px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius);
    overflow: hidden;
    position: relative;
    top: 20px
}

@media (max-width:500px) {
    .majorPage .majorPrizeTableContainer {
        top: 0
    }
}

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

.majorPage .majorTimelineDot {
    position: sticky;
    top: 50vh;
    display: flex;
    width: 12px;
    height: 12px;
    align-items: center;
    border-radius: 100%;
    background-color: #be9100;
    box-shadow: 0 0 6px 7px var(--majorThemeBg);
    margin: 0 auto;
    transform: translateX(2px)
}

@media (max-width:500px) {
    .majorPage .majorTimelineDot {
        margin: inherit;
        transform: translateX(-2px) !important
    }
}

.majorPage .majorPrizePool {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.majorPage .majorPrizePool th {
    color: var(--majorThemeFadedColor) !important;
    font-size: 10px
}

.majorPage .majorPrizePool tr {
    height: 36px
}

@media (max-width:500px) {
    .majorPage .majorPrizePool tr {
        height: 28px
    }
}

.majorPage .majorPrizePool td.prizePoolTeam {
    color: var(--majorThemeFadedColor)
}

.majorPage .majorPrizePool td.prizePoolPrize {
    font-weight: 700;
    color: var(--majorThemeStandardColor)
}

.majorPage .majorPrizePool td,
.majorPage .majorPrizePool th {
    text-align: left
}

.majorPage .majorPrizePool td:last-child,
.majorPage .majorPrizePool th:last-child {
    text-align: right
}

.majorPage .majorPrizePool .prizePoolPrize {
    width: 70px
}

.majorPage .majorPrizePool .prizePoolPlacement {
    width: 80px;
    color: var(--majorThemeStandardColor);
    font-weight: 700
}

@media (max-width:500px) {
    .majorPage .majorPrizePool .prizePoolPlacement {
        width: 70px
    }
}

.majorPage .majorTextGfx {
    display: flex;
    gap: 24px;
    align-content: center;
    align-items: center;
    flex-direction: row;
    position: absolute;
    top: 40%;
    transform: scale(.8) translateY(-50%)
}

@media (max-width:500px) {
    .majorPage .majorTextGfx {
        display: none
    }
}

.majorPage .majorTextGfxCenter,
.majorPage .majorTextGfxLeft,
.majorPage .majorTextGfxRight {
    display: flex;
    gap: 24px;
    flex-direction: column
}

.majorPage .textSectionImgContainer {
    height: 210px;
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    float: right;
    width: 190px
}

.majorPage .majorTextGfxLeft .textSectionImgContainer:first-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover
}

.majorPage .majorTextGfxLeft .textSectionImgContainer:last-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .2s
}

.majorPage .majorTextGfxRight {
    position: relative;
    top: -60px
}

.majorPage .majorTextGfxCenter .textSectionImgContainer:first-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .7s
}

.majorPage .majorTextGfxCenter .textSectionImgContainer:nth-child(2) {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .2s
}

.majorPage .majorTextGfxCenter .textSectionImgContainer:nth-child(2) img {
    -o-object-position: 39%;
    object-position: 39%
}

.majorPage .majorTextGfxCenter .textSectionImgContainer:last-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .4s
}

.majorPage .majorTextGfxCenter .textSectionImgContainer:last-child img {
    -o-object-position: 20%;
    object-position: 20%
}

.majorPage .majorTextGfxRight .textSectionImgContainer:first-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .3s
}

.majorPage .majorTextGfxRight .textSectionImgContainer:last-child {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: majorHover;
    animation-delay: .4s
}

.majorPage .majorTextGfxRight .textSectionImgContainer:last-child img {
    -o-object-position: 76%;
    object-position: 76%
}

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

.majorPage .show-lineups-container {
    grid-column: 1/-1
}

.majorPage .show-lineups {
    float: right;
    cursor: pointer;
    display: inline-block;
    padding: 4px 8px;
    text-align: center;
    border-radius: var(--majorThemeStandardBoxRadius);
    border: 1px solid #be9100;
    color: var(--majorThemeStandardColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 12px;
    font-weight: 400
}

.majorPage .show-lineups.show-lineups-enabled {
    background: #be9100;
    color: var(--majorThemeButtonTextColor);
    font-weight: 700
}

.majorPage .majorTimelineGraphic {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.majorPage .majorTimelineGraphic,
.majorPage .majorTimelineText {
    flex: 0 0 45%
}

.majorPage .major-invites-title {
    display: flex;
    gap: 4px
}

.majorPage .majorTimeline {
    flex: 0 0 10%
}

@media (max-width:500px) {
    .majorPage .majorTimeline {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 1
    }
}

.majorPage .featuredArticleContainer {
    flex: 0 0 100vw
}

.majorPage .featuredArticleContainer2 {
    max-width: 900px;
    display: flex;
    gap: 80px
}

@media (max-width:500px) {
    .majorPage .featuredArticleContainer2 {
        gap: 20px;
        flex-direction: column
    }
}

.majorPage .featuredArticleWrapper {
    transform-style: preserve-3d;
    color: var(--rowTextColor);
    transition: transform 1s
}

.majorPage .featuredArticle {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
    background: var(--majorThemeBg);
    z-index: 1;
    position: relative;
    background: var(--majorBrandGradient)
}

.majorPage .featuredArticle a {
    margin-top: 24px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {
    .majorPage .featuredArticle a {
        text-align: center
    }
}

.majorPage .featuredArticle a:hover {
    color: #fff !important
}

.majorPage .featuredArticle a:hover .fa {
    margin-left: 12px
}

.majorPage .featuredArticle a .fa {
    transition: .2s ease;
    margin-left: 8px
}

.majorPage .featuredArticleQuoteBox {
    background: rgba(0, 0, 0, .2);
    display: inline-block;
    padding: 40px;
    border-radius: var(--majorThemeStandardBoxRadius);
    font-size: 16px;
    margin-left: -40px
}

@media (max-width:500px) {
    .majorPage .featuredArticleQuoteBox {
        font-size: 12px;
        padding: 16px;
        margin-left: 0
    }
}

.majorPage .featuredArticleNickname {
    font-size: 32px;
    font-weight: 700
}

@media (max-width:500px) {
    .majorPage .featuredArticleNickname {
        font-size: 24px
    }
}

.majorPage .featuredArticle .majorPageWrapper {
    display: flex;
    gap: 40px;
    max-width: 870px
}

@media (max-width:500px) {
    .majorPage .featuredArticle .majorPageWrapper {
        gap: 0
    }
}

.majorPage .featuredArticleContent {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:500px) {
    .majorPage .featuredArticleContent {
        padding: 20px 20px 0;
        text-align: center
    }
}

.majorPage .featuredArticleImage {
    max-width: 380px;
    flex: 0 0 230px;
    position: relative;
    margin-top: -32px;
    margin-bottom: -32px;
    min-height: 270px
}

@media (max-width:500px) {
    .majorPage .featuredArticleImage {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 160px
    }
}

.majorPage .featuredArticleImage img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.majorPage .featuredArticleRealname {
    font-size: 16px;
    margin-top: -8px;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .majorPage .featuredArticleRealname {
        font-size: 12px;
        margin-top: -4px
    }
}

.majorPage .didYouKnow {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important;
    background: var(--majorThemeBg);
    z-index: 1;
    position: relative;
    background: var(--majorBrandGradient);
    color: #fff
}

@media (max-width:500px) {
    .majorPage .didYouKnow {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

.majorPage .didYouKnow:after {
    content: "";
    position: absolute;
    height: 280px;
    width: 280px;
    background: var(--majorThemeFadedColor);
    mix-blend-mode: screen;
    opacity: .5;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    border-radius: 1000px;
    z-index: -1;
    filter: blur(100px)
}

@media (max-width:500px) {
    .majorPage .didYouKnow:after {
        top: -50px
    }
}

@media (max-width:500px) {
    .majorPage .didYouKnowWrapper {
        padding-top: 0
    }
}

.majorPage .majorHeaderSection {
    padding-bottom: 10rem;
    padding-top: 10rem;
    background: var(--majorThemeBg);
    z-index: 11;
    position: relative;
    background: var(--majorBrandGradient);
    color: #f8f5da
}

.majorPage .majorHeaderSection.majorHeaderBg {
    background-image: url(https://major.starladder.com/481019dc03956d06ffa5bcec7df9dca6.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

@media (max-width:500px) {
    .majorPage .majorHeaderSection {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

.majorPage .majorHeaderSection .majorPageWrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.majorPage .majorHeaderSection h1,
.majorPage .majorHeaderSection h2 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (max-width:500px) {

    .majorPage .majorHeaderSection h1,
    .majorPage .majorHeaderSection h2 {
        font-size: 24px
    }
}

.majorPage .majorHeaderSection .majorLogo {
    height: auto;
    width: auto;
    max-width: 690px;
    align-self: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {
    .majorPage .majorHeaderSection .majorLogo {
        height: auto;
        width: auto;
        max-width: 80%;
        align-self: center
    }
}

.majorPage .majorHeaderInfoContainer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    margin-top: 16px
}

@media (max-width:500px) {
    .majorPage .majorHeaderInfoContainer {
        display: flex;
        flex-wrap: wrap;
        row-gap: 16px;
        margin-top: 0
    }
}

.majorPage .majorHeaderInfo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.majorPage .majorHeaderInfo:last-child {
    border-right: 0
}

@media (max-width:500px) {
    .majorPage .majorHeaderInfo {
        flex: 0 0 50%;
        border-right: 0
    }
}

.majorPage .majorHeaderMeta {
    color: #fff;
    opacity: .65
}

.majorPage .majorHeaderData {
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

@media (max-width:500px) {
    .majorPage .majorHeaderData {
        font-size: 14px
    }
}

.majorPage .majorTimelineProgress {
    position: absolute;
    z-index: 0;
    display: flex;
    width: 3px;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(0, 0, 0, .25);
    left: 50%;
    padding-top: 24px;
    top: -24px;
    padding-bottom: 24px
}

@media (max-width:500px) {
    .majorPage .majorTimelineProgress {
        left: .33rem;
        top: 0;
        right: auto;
        bottom: 0
    }
}

.majorPage .timelineImgContainer {
    height: 290px;
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.majorPage .timelineImgContainer.rulebook {
    box-shadow: none;
    max-height: 100%;
    max-width: 100%
}

.majorPage .timelineImgContainer.rulebook .timelineImg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:500px) {
    .majorPage .timelineImgContainer {
        height: 160px;
        margin-bottom: 16px
    }
}

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

.majorPage .majorTimelineProgressLine {
    position: fixed;
    top: 0;
    width: 3px;
    height: 50vh;
    margin-bottom: -10rem;
    background: #be9100
}

@media (max-width:500px) {
    .majorPage .teamsGrid {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.majorPage .teamsGrid .majorTimelineText {
    grid-row: 1
}

.majorPage .teamsGrid .teamsGridContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 16px
}

@media (max-width:500px) {
    .majorPage .teamsGrid .teamsGridContainer {
        grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
        grid-gap: 8px
    }
}

.majorPage .teamsGrid .majorRmrHeader {
    grid-column: 1/-1;
    font-size: 14px;
    font-weight: 700;
    color: var(--majorThemeStandardColor);
    margin: 24px auto
}

.majorPage .mainEventGrid .fixedHeight {
    min-height: 100vh
}

.majorPage .mainEventGrid .teamBox {
    height: 120px
}

.majorPage .teamBoxBack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.majorPage .teamBox {
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    min-height: 120px;
    position: relative;
    padding: 4px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .majorPage .teamBox {
        font-size: 10px
    }
}

.majorPage .teamBox .teamBoxPlayerRow {
    color: var(--majorThemeStandardColor)
}

.majorPage .teamBox .flag-spacing {
    margin-right: 4px
}

.majorPage .teamBox:hover {
    background: var(--majorThemeStandardBoxColorHover);
    cursor: pointer
}

.majorPage .teamBox .teamboxLogo {
    max-width: 55px;
    max-height: 55px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:500px) {
    .majorPage .teamBox .teamboxLogo {
        max-width: 40px;
        max-height: 40px
    }
}

.majorPage .teamBox .teamboxLogo.logo-faded {
    opacity: .1
}

.majorPage .teamBox .teamBoxTeamname {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 8px;
    left: 0;
    color: var(--majorThemeStandardColor);
    font-weight: 700
}

.majorPage .teamBox .teamBoxQualified {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 8px;
    left: 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--majorThemeFadedColor)
}

.majorPage .carouselSlider {
    display: flex
}

.majorPage .carouselInner {
    display: flex;
    gap: 32px;
    transition: transform .5s cubic-bezier(.51, .92, .24, 1.15) 0s
}

.majorPage .carouselItemBottom {
    display: flex;
    flex-direction: column;
    padding: 8px;
    flex: 1 auto;
    height: 100%
}

.majorPage .carouselText {
    height: 100%
}

.majorPage .sectionWidth {
    padding-top: 10rem;
    position: relative
}

@media (max-width:500px) {
    .majorPage .carouselFade {
        position: relative
    }

    .majorPage .carouselFade:after,
    .majorPage .carouselFade:before {
        content: "";
        display: block;
        height: 100%;
        width: 32px;
        top: 0;
        position: absolute;
        z-index: 3;
        pointer-events: none
    }

    .majorPage .carouselFade:before {
        left: -32px;
        background: linear-gradient(90deg, var(--majorThemeBg), rgba(243, 243, 242, 0))
    }

    .majorPage .carouselFade:after {
        right: -32px;
        background: linear-gradient(-90deg, var(--majorThemeBg), rgba(243, 243, 242, 0))
    }
}

.majorPage .carouselEvent {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: -4px;
    color: var(--majorThemeStandardColor)
}

.majorPage .carouselItem {
    background: var(--majorThemeStandardBoxColor);
    flex: 0 0 350px;
    padding: 4px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .majorPage .carouselItem {
        flex: 0 0 calc(100% - 32px)
    }
}

.majorPage .carouselitemTop {
    height: 220px;
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden;
    margin: -8px -8px 0;
    flex: 0 0 220px
}

.majorPage .carouselItemImg {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.majorPage .carouselHeight {
    padding: 8px;
    margin-left: -8px
}

@media (max-width:500px) {
    .majorPage .carouselHeight {
        overflow: hidden
    }
}

.majorPage .full-width {
    grid-column: 1/13
}

.majorPage .majorPageMatchStageContainer {
    overflow: hidden
}

.majorPage .majorPageMatchStageContainer.collapsed .majorPageMatchesStage {
    color: var(--majorThemeFadedColor) !important;
    border-bottom: 1px solid var(--majorThemeBorderColor);
    margin-bottom: 8px !important;
    padding-bottom: 8px !important
}

.majorPage .majorPageMatchStageContainer.collapsed .majorPageMatchContainer {
    max-height: 0 !important
}

.majorPage .majorPageMatchStageContainer.collapsed .fa-chevron-right {
    transform: rotate(90deg) !important
}

.majorPage .majorPageMatchStageContainer.first-child {
    margin-top: 30px
}

.majorPage .paddingFix {
    padding: 5px;
    margin: -5px
}

.majorPage .majorFrontpageVenueFacts {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

@media (max-width:500px) {
    .majorPage .majorFrontpageVenueFacts {
        flex-wrap: wrap
    }
}

.majorPage .majorFrontpageVenueFact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #c2bcc0;
    flex: 1;
    border-radius: var(--majorThemeStandardBoxRadius);
    padding: 2px 16px
}

.majorPage .venueFactTitle {
    font-size: 10px;
    margin-top: -4px
}

.majorPage .venueFactData {
    font-size: 14px;
    font-weight: 700
}

.majorPage .major-frontpage-table {
    table-layout: fixed;
    width: 100%;
    background: var(--majorBrandGradient);
    color: var(--majorThemeStandardColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    position: relative;
    padding: 32px 8px;
    box-sizing: border-box;
    grid-column: 1/13
}

.majorPage .major-frontpage-table tbody {
    display: flex
}

.majorPage .major-frontpage-table tr {
    display: flex;
    flex-direction: column-reverse;
    flex: 1;
    text-align: center
}

.majorPage .major-frontpage-table tr:not(:first-child) {
    border-left: 1px solid var(--majorBrandGradientBorder)
}

.majorPage .major-frontpage-table td {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -8px
}

@media (max-width:500px) {
    .majorPage .major-frontpage-table td {
        font-size: 12px
    }
}

.majorPage .major-frontpage-table th {
    font-size: 12px;
    font-weight: 400
}

@media (max-width:500px) {
    .majorPage .major-frontpage-table th {
        font-size: 8px
    }
}

.majorPage .major-page-featured-wrapper {
    display: flex;
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    position: relative;
    padding: 32px 8px;
    box-sizing: border-box
}

.majorPage .major-page-featured {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    text-align: center;
    justify-content: center;
    align-items: center
}

.majorPage .major-page-featured:not(:first-child) {
    border-left: 1px solid #ccc
}

.majorPage .major-page-data {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: -8px
}

.majorPage .confirmed-tickets {
    background: #038338;
    -webkit-backdrop-filter: saturate(200%) blur(11px);
    backdrop-filter: saturate(200%) blur(11px);
    color: #fff;
    border-radius: var(--majorThemeStandardBoxRadius);
    font-weight: 700;
    margin-top: 16px;
    font-size: 16px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px
}

.majorPage .confirmed-tickets:hover {
    color: #fff !important;
    filter: brightness(115%)
}

.majorPage .headerWithLink {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.majorPage .headerWithLink a {
    font-size: 18px;
    text-decoration: underline;
    color: var(--majorThemeFadedColor);
    font-weight: 700
}

.majorPage .headerWithLink a:hover {
    color: var(--majorThemeStandardColor) !important
}

.majorPage.expandedPage {
    padding-top: 46px !important
}

.majorPage.expandedPage .majorPageNewsPageSection {
    display: grid;
    gap: 24px
}

.majorPage.expandedPage .majorPageNewsPageSection h1 {
    margin-top: 0;
    font-size: 32px;
    line-height: 48px;
    color: var(--majorThemeStandardColor)
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageNewsPageSection h1 {
        font-size: 24px
    }
}

.majorPage.expandedPage .matchBoxScore {
    color: var(--majorThemeStandardColor)
}

.majorPage.expandedPage .matchBoxScore .team1Score,
.majorPage.expandedPage .matchBoxScore .team2Score {
    opacity: .65;
    color: var(--majorThemeStandardColor)
}

.majorPage.expandedPage .matchBoxScore.team1Winner .team1Score,
.majorPage.expandedPage .matchBoxScore.team2Winner .team2Score {
    font-weight: 700;
    opacity: 1
}

.majorPage.expandedPage .majorPageBody section {
    background: none
}

.majorPage.expandedPage .majorPageDaysEmpty {
    width: 100%;
    padding: 16px 0;
    min-width: 360px;
    height: 70px;
    text-align: center;
    justify-content: center;
    font-weight: 700
}

.majorPage.expandedPage .teamBoxQualified {
    font-size: 8px;
    line-height: 12px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorTimelineContainer,
    .majorPage.expandedPage .teamsGrid {
        grid-template-columns: 1fr
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorTimeline {
        display: none
    }
}

.majorPage.expandedPage .headerGrenade {
    bottom: -16rem
}

@media (max-width:500px) {
    .majorPage.expandedPage .headerGrenade {
        bottom: -19px
    }
}

.majorPage.expandedPage .timelineTickets {
    position: absolute;
    bottom: -46px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border: 1px solid #fff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    width: 70%;
    font-size: 13px
}

.majorPage.expandedPage .timelineTickets:hover {
    background: #fff;
    color: #0a2825 !important
}

.majorPage.expandedPage .headerAk {
    top: 1rem;
    left: 0
}

@media (max-width:500px) {
    .majorPage.expandedPage .headerAk {
        top: -50px;
        left: -60px
    }
}

.majorPage.expandedPage .majorHeaderInfoContainer {
    margin-top: 40px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorHeaderInfoContainer {
        margin-top: 8px
    }
}

.majorPage.expandedPage .majorHeaderSection {
    padding-top: 5rem;
    margin-bottom: 5rem
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorHeaderSection {
        margin-bottom: 0
    }
}

.majorPage.expandedPage .majorHeaderSection .majorLogo {
    max-width: 480px;
    margin-bottom: 32px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorHeaderSection .majorLogo {
        max-width: 80%
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage h2 {
        font-size: 18px;
        line-height: 130%
    }
}

.majorPage.expandedPage .majorMatchStreamWrapper {
    width: 100%
}

.majorPage.expandedPage .scorebot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.majorPage.expandedPage .content {
    font-size: 9px
}

@media (max-width:500px) {
    .majorPage.expandedPage .content {
        margin: 0 4px
    }
}

.majorPage.expandedPage .scoreboard {
    height: 100%;
    display: flex
}

.majorPage.expandedPage .scoreboard .standard-box {
    box-shadow: none;
    padding: 0 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #000
}

.majorPage.expandedPage .scoreboard .standard-box .topbarBg {
    margin-bottom: 8px
}

.majorPage.expandedPage .scoreboard .standard-box .defuseKit {
    width: 16px
}

.majorPage.expandedPage .scoreboard .standard-box .defuseKit img {
    max-width: 16px;
    position: relative;
    left: -6px
}

.majorPage.expandedPage .scoreboard .standard-box .armorCell {
    width: 18px
}

.majorPage.expandedPage .scoreboard .standard-box .armorCell img {
    width: 16px
}

.majorPage.expandedPage .scoreboard .standard-box .content {
    padding: 0
}

.majorPage.expandedPage .scoreboard .standard-box .adrCell {
    display: none
}

.majorPage.expandedPage .scoreboard .standard-box .hp-text {
    top: -1px
}

.majorPage.expandedPage .scoreboard .standard-box .hpCell {
    width: 20px;
    padding-right: 0
}

.majorPage.expandedPage .scoreboard .standard-box .deathCell {
    padding-right: 4px
}

.majorPage.expandedPage .scoreboard .standard-box .moneyCell {
    padding-right: 0
}

.majorPage.expandedPage .scoreboard .standard-box .hp-text {
    font-size: 8px;
    left: 1px
}

.majorPage.expandedPage .scoreboard .standard-box .weaponCell img {
    max-width: 28px;
    max-height: 12px;
    margin-left: -10px
}

.majorPage.expandedPage .scoreboard .standard-box .nameCell,
.majorPage.expandedPage .scoreboard .standard-box .teamName {
    width: 80px
}

.majorPage.expandedPage .majorMatchStream {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%
}

.majorPage.expandedPage .majorMatchStream iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: rgba(0, 0, 0, .05)
}

.majorPage.expandedPage .majorMatchStreamContainer {
    background: #000;
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorMatchStreamContainer {
        flex-direction: column
    }
}

.majorPage.expandedPage .majorMatchStreamWrapper {
    align-self: center
}

.majorPage.expandedPage.majorMatchpage .majorPageBody {
    z-index: 20
}

.majorPage.expandedPage.majorMatchpage .majorBg {
    background: var(--majorThemeBg) !important
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore {
    color: #fff
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore {
        position: absolute;
        font-size: 30px
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore .team1Score,
.majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore .team2Score {
    opacity: .65;
    color: #fff
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore.team1Winner .team1Score,
.majorPage.expandedPage.majorMatchpage .majorHeaderSection .matchBoxScore.team2Winner .team2Score {
    font-weight: 700;
    opacity: 1
}

.majorPage.expandedPage.majorMatchpage h1 {
    text-align: center;
    font-size: 16px;
    margin: -1rem 10rem 3rem;
    line-height: 28px
}

.majorPage.expandedPage.majorMatchpage h1:first-line {
    font-size: 24px
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage h1:first-line {
        font-size: 16px
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage h1 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 1.5rem;
        margin-left: 0;
        margin-right: 0
    }
}

.majorPage.expandedPage.majorMatchpage h2 {
    font-size: 24px
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage h2 {
        font-size: 16px
    }
}

.majorPage.expandedPage.majorMatchpage section {
    background: transparent
}

.majorPage.expandedPage.majorMatchpage .streamSection {
    padding-top: 5rem;
    z-index: 2
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .streamSection {
        padding-top: 3rem;
        padding-bottom: 2rem
    }
}

.majorPage.expandedPage.majorMatchpage .majorMatchAllStream {
    height: 32px;
    display: flex;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--majorThemeBorderColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: 4px
}

.majorPage.expandedPage.majorMatchpage .majorMatchAllStream:last-child {
    border-bottom: 0
}

.majorPage.expandedPage.majorMatchpage .majorMatchAllStream.active {
    font-weight: 700;
    color: var(--majorThemeStandardColor);
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage.expandedPage.majorMatchpage .majorMatchAllStream:hover {
    background: var(--majorThemeStandardBoxColorHover);
    cursor: pointer
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamHeader {
    font-size: 12px;
    margin-top: 12px;
    font-weight: 700;
    color: var(--majorThemeStandardColor);
    margin-bottom: 4px
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    padding: 8px 80px 8px 8px;
    position: relative;
    max-width: calc(100% - 88px)
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector {
        width: 100%;
        box-sizing: border-box;
        max-width: 100%
    }
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector.active,
.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector.active:after,
.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector:hover,
.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector:hover:after {
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector:after {
    position: absolute;
    content: "\f0d7";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: inline-flex;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 32px;
    height: 100%;
    background: var(--majorThemeStandardBoxColor);
    align-items: center;
    justify-content: center;
    border-radius: var(--majorThemeStandardBoxRadius)
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelector.active:after {
    transform: translateY(-50%) rotate(180deg)
}

.majorPage.expandedPage.majorMatchpage .majorMatchStreamSelectorContainer {
    position: relative;
    z-index: 2;
    margin-bottom: 16px;
    margin-top: -32px;
    justify-content: flex-end;
    display: flex
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorMatchStreamSelectorContainer {
        margin-top: 0
    }
}

.majorPage.expandedPage.majorMatchpage .majorMatchAllStreams {
    position: absolute;
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden;
    transform: translateY(62px)
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorMatchAllStreams {
        width: 100%;
        transform: none
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection {
    padding-bottom: 10rem;
    position: relative;
    overflow: inherit !important
}

.majorPage.expandedPage.majorMatchpage .majorPageBody {
    position: relative;
    z-index: 1
}

.majorPage.expandedPage.majorMatchpage .matchBoxRanking {
    font-size: 12px;
    opacity: .8;
    margin-top: -8px;
    font-weight: 400
}

.majorPage.expandedPage.majorMatchpage .matchBoxLeft .matchBoxRanking {
    text-align: right
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShot {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroMap {
    position: absolute;
    opacity: .1;
    filter: saturate(0);
    height: 100%;
    top: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer {
    position: absolute;
    width: 40vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    top: 0
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer img {
    max-width: 100%;
    pointer-events: none
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1 {
    left: -200px
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1:after {
    display: block;
    content: "";
    position: absolute;
    height: 26%;
    bottom: 0;
    background: linear-gradient(0deg, #131313, rgba(19, 19, 19, 0));
    width: 100%;
    z-index: 2
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1 .matchpageLogoShot {
    position: absolute;
    left: -180px;
    top: -100px;
    z-index: -1;
    filter: blur(81px);
    mix-blend-mode: screen
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1 .matchpageLogoShot.abovePlayer {
    z-index: 0;
    top: 180px
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2 {
    right: -200px
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2:after {
    display: block;
    content: "";
    position: absolute;
    height: 26%;
    bottom: 0;
    background: linear-gradient(0deg, #131313, rgba(19, 19, 19, 0));
    width: 100%;
    z-index: 2
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2 .matchpageLogoShot {
    position: absolute;
    right: -180px;
    top: -100px;
    z-index: -1;
    filter: blur(81px);
    mix-blend-mode: screen
}

.majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2 .matchpageLogoShot.abovePlayer {
    z-index: 0;
    top: 180px
}

@media (max-width:1120px) {
    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer {
        width: auto;
        bottom: 0
    }

    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2 {
        right: -130px
    }

    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team2:after {
        content: none
    }

    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1 {
        left: -130px
    }

    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer.team1:after {
        content: none
    }
}

@media (max-width:820px) {
    .majorPage.expandedPage.majorMatchpage .matchpageHeroShotContainer {
        display: none
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection {
    overflow: hidden;
    background-image: linear-gradient(136deg, #000, #3b415c)
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection {
        padding-bottom: 5rem;
        padding-top: 3rem
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch {
    font-size: 42px;
    gap: 16px;
    border-bottom: 0;
    grid-template-columns: 1fr 135px 1fr;
    width: 100%
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch {
        grid-template-columns: 1fr 12px 1fr
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch:hover {
    cursor: inherit;
    background: inherit
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTeam {
    gap: 16px
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTeam {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxRight {
        flex-direction: column
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxLogoContainer {
    flex: 0 0 90px;
    width: 90px;
    height: 90px
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxStage,
.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTeam,
.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTime {
    color: #fff
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxStage {
    font-size: 12px;
    opacity: .8
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxStage {
        top: -1.5rem;
        width: 100vw
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTeamName {
        font-size: 14px
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxRanking {
        font-size: 10px;
        margin-top: 0
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxDate {
    font-size: 12px;
    position: absolute;
    color: hsla(0, 0%, 100%, .65);
    bottom: 12px
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxDate {
        font-size: 8px;
        bottom: 24px;
        top: calc(50% + 20px);
        left: 0;
        position: absolute;
        width: 100vw
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTime {
    font-size: 42px;
    line-height: 54px;
    position: relative;
    top: -7px
}

@media (max-width:500px) {
    .majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxTime {
        position: absolute;
        width: 100vw;
        text-align: center;
        font-size: 32px;
        top: 50%;
        left: 0
    }
}

.majorPage.expandedPage.majorMatchpage .majorHeaderSection .majorPageMatch .matchBoxLogo {
    max-width: 90px;
    max-height: 90px;
    width: auto
}

.majorPage.expandedPage .streamScorebotWrapper {
    display: flex;
    flex: 1 auto
}

@media (max-width:500px) {
    .majorPage.expandedPage .streamScorebotWrapper {
        flex-wrap: wrap
    }
}

.majorPage.expandedPage .moreMatchesContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background: #fff;
    width: 100%
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer {
        grid-template-columns: 1fr 1fr
    }
}

.majorPage.expandedPage .moreMatchesContainer .majorPageMatch {
    justify-content: space-between;
    background: var(--majorThemeStandardBoxColor);
    border-bottom: 0;
    border-right: 1px solid var(--majorThemeBorderColor);
    padding: 16px 8px
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch .matchBoxTeam {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch .matchBoxTeam.matchBoxRight {
        flex-direction: column
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch {
        padding: 8px 4px
    }
}

.majorPage.expandedPage .moreMatchesContainer .majorPageMatch .matchBoxLogoContainer {
    flex: 0 0 20px
}

.majorPage.expandedPage .moreMatchesContainer .majorPageMatch .matchBoxLogoContainer .matchBoxLogo {
    max-width: 20px;
    max-height: 20px
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch:nth-child(2) {
        border-right: 0
    }
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch:nth-child(3) {
        display: none
    }
}

.majorPage.expandedPage .moreMatchesContainer .majorPageMatch:nth-child(4) {
    border-right: 0
}

@media (max-width:500px) {
    .majorPage.expandedPage .moreMatchesContainer .majorPageMatch:nth-child(4) {
        display: none
    }
}

.majorPage.expandedPage .majorLogo {
    max-width: 540px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorLogo {
        max-width: 80%
    }
}

.majorPage.expandedPage .majorMatchesFlagContainer {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    border-radius: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: center
}

.majorPage.expandedPage .majorMatchesFlagContainer img {
    max-height: 100%;
    height: 20px;
    width: 30px;
    border: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.majorPage.expandedPage section {
    padding-bottom: 5rem
}

.majorPage.expandedPage .majorPageStageSelectors {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
}

.majorPage.expandedPage .majorPageDaySelector,
.majorPage.expandedPage .majorPageStageSelector {
    display: flex;
    flex-direction: column;
    color: var(--majorThemeFadedColor);
    align-items: flex-start
}

.majorPage.expandedPage .majorPageDays,
.majorPage.expandedPage .majorPageStages {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeStandardBoxColor);
    border: 1px solid var(--majorThemeBorderColor)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageDays,
    .majorPage.expandedPage .majorPageStages {
        width: 100%;
        overflow-x: scroll;
        flex-wrap: wrap
    }
}

.majorPage.expandedPage .majorSelectorHeader {
    text-transform: uppercase;
    color: var(--majorThemeFadedColor);
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 4px
}

.majorPage.expandedPage .majorPageMatchScoreVs {
    color: var(--majorThemeFadedColor);
    font-weight: 700;
    font-size: 10px;
    background-color: var(--majorThemeStandardBoxColorHover);
    border-radius: 5px;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center
}

.majorPage.expandedPage .majorPageMatchDay h3,
.majorPage.expandedPage .majorPageResults h3 {
    display: flex;
    gap: 8px;
    color: var(--majorThemeStandardColor)
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage,
.majorPage.expandedPage .majorPageResults .majorPageMatchesStage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
    cursor: pointer;
    margin-bottom: 8px;
    color: #fff
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage,
    .majorPage.expandedPage .majorPageResults .majorPageMatchesStage {
        padding: 0 8px
    }

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage p,
    .majorPage.expandedPage .majorPageResults .majorPageMatchesStage p {
        font-size: 12px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage p,
.majorPage.expandedPage .majorPageResults .majorPageMatchesStage p {
    margin: 0
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage:hover,
.majorPage.expandedPage .majorPageResults .majorPageMatchesStage:hover {
    color: #fff
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchesStage .fa-chevron-right,
.majorPage.expandedPage .majorPageResults .majorPageMatchesStage .fa-chevron-right {
    transform: rotate(-90deg)
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer {
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: 20px;
    margin-bottom: 10px;
    max-height: 100%
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .team2Won .teamOne,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .team2Won .teamOne {
    opacity: .4
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .team2Won .majorPageMatchCurrentScore:last-child,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .team2Won .majorPageMatchCurrentScore:last-child {
    font-weight: 700
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .team1Won .teamTwo,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .team1Won .teamTwo {
    opacity: .4
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .team1Won .majorPageMatchCurrentScore:first-child,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .team1Won .majorPageMatchCurrentScore:first-child {
    font-weight: 700
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer a,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer a {
    color: inherit !important
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--majorThemeBorderColor);
    padding: 8px 25px;
    text-align: center;
    color: var(--majorThemeHeaderColor)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap {
        padding: 4px 8px;
        gap: 2px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap:last-child,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap:last-child {
    border-bottom: none
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap:hover,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap:hover {
    background-color: var(--majorThemeStandardBoxColorHover)
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchCurrentScoreWrap p,
.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchScoreVs,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchCurrentScoreWrap p,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchScoreVs {
    background-color: var(--majorThemeStandardBoxColor)
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchGoTo,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchWrap:hover .majorPageMatchGoTo {
    color: #87a3bf
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchLive,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchLive {
    width: 80px;
    font-size: 14px;
    text-transform: uppercase;
    background: #e43d30;
    border-radius: 3px;
    font-weight: 700;
    color: #fff
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchLive,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchLive {
        width: 40px;
        font-size: 11px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchLive:before,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchLive:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 7.5px;
    background-color: #fff;
    margin-right: 5px;
    margin-bottom: 1px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchLive:before,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchLive:before {
        width: 6px;
        height: 6px;
        margin-right: 2px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchDate,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchDate {
    line-height: 14px;
    width: 80px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchDate,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchDate {
        line-height: 9px;
        width: 40px;
        font-size: 9px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchDateBold,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchDateBold {
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchDateBold,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchDateBold {
        font-size: 9px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeamsWrap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeamsWrap {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeamsWrap,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeamsWrap {
        gap: 8px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeam,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeam {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    flex: 1;
    color: #fff
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeam,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeam {
        font-size: 11px;
        gap: 4px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .teamOne,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .teamOne {
    justify-content: flex-end
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeamImgWrap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeamImgWrap {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeamImgWrap,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeamImgWrap {
        width: 30px;
        height: 30px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchTeamImgWrap img,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchTeamImgWrap img {
    max-height: 100%;
    width: auto
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchScoreNotStartedWrap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchScoreNotStartedWrap {
    width: 60px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchScoreNotStartedWrap,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchScoreNotStartedWrap {
        width: 50px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchCurrentScoreWrap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchCurrentScoreWrap {
    display: flex;
    justify-content: center
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchCurrentScoreWrap .majorPageMatchCurrentScore,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchCurrentScoreWrap .majorPageMatchCurrentScore {
    background-color: var(--majorThemeStandardBoxColorHover);
    width: 26px;
    height: 26px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    margin: 2px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchCurrentScoreWrap .majorPageMatchCurrentScore,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchCurrentScoreWrap .majorPageMatchCurrentScore {
        font-size: 11px;
        width: 20px;
        height: 20px
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchMapResults,
.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchScoreMap,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchMapResults,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchScoreMap {
    font-size: 10px;
    color: var(--majorThemeFadedColor)
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchGoTo,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchGoTo {
    color: var(--majorThemeFadedColor);
    width: 80px;
    display: flex;
    align-items: center
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchGoTo,
    .majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchGoTo {
        width: auto
    }
}

.majorPage.expandedPage .majorPageMatchDay .majorPageMatchContainer .majorPageMatchGoTo i,
.majorPage.expandedPage .majorPageResults .majorPageMatchContainer .majorPageMatchGoTo i {
    margin-left: 8px;
    font-size: 10px
}

.majorPage.expandedPage .majorPageDay,
.majorPage.expandedPage .majorPageStage {
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-right: 1px solid var(--majorThemeBorderColor);
    background: var(--majorThemeStandardBoxColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageDay,
    .majorPage.expandedPage .majorPageStage {
        text-align: center;
        font-size: 10px;
        line-height: 14px;
        flex: 1 auto;
        border-bottom: 1px solid var(--majorThemeBorderColor)
    }
}

.majorPage.expandedPage .majorPageDay:last-child,
.majorPage.expandedPage .majorPageStage:last-child {
    border-right: 0
}

.majorPage.expandedPage .majorPageDay:hover,
.majorPage.expandedPage .majorPageStage:hover {
    cursor: pointer;
    background-color: var(--majorThemeStandardBoxColorHover)
}

.majorPage.expandedPage .majorPageDay.active,
.majorPage.expandedPage .majorPageStage.active {
    color: var(--majorThemeButtonTextColor);
    font-weight: 700;
    background-color: var(--majorThemeBrandColor)
}

.majorPage.expandedPage .team1LiveScore,
.majorPage.expandedPage .team2LiveScore {
    font-weight: 700
}

.majorPage.expandedPage .team1MapScore,
.majorPage.expandedPage .team2MapScore {
    font-size: 8px
}

.majorPage.expandedPage .majorPageMatchDay,
.majorPage.expandedPage .majorPageResults {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 8px
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay,
    .majorPage.expandedPage .majorPageResults {
        grid-column-gap: 8px
    }
}

.majorPage.expandedPage .majorPageMatchDay.four-rows,
.majorPage.expandedPage .majorPageResults.four-rows {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay.four-rows,
    .majorPage.expandedPage .majorPageResults.four-rows {
        grid-template-columns: 1fr
    }
}

.majorPage.expandedPage .majorPageMatchDay.three-rows,
.majorPage.expandedPage .majorPageResults.three-rows {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay.three-rows,
    .majorPage.expandedPage .majorPageResults.three-rows {
        grid-template-columns: 1fr
    }
}

.majorPage.expandedPage .majorPageMatchDay.two-rows,
.majorPage.expandedPage .majorPageResults.two-rows {
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay.two-rows,
    .majorPage.expandedPage .majorPageResults.two-rows {
        grid-template-columns: 1fr
    }
}

.majorPage.expandedPage .majorPageMatchDay.one-row,
.majorPage.expandedPage .majorPageResults.one-row {
    grid-template-columns: repeat(1, 1fr)
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageMatchDay.one-row,
    .majorPage.expandedPage .majorPageResults.one-row {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:975px) {

    .majorPage.expandedPage .majorPageMatchDay.one-row .majorPageMatchesDay,
    .majorPage.expandedPage .majorPageResults.one-row .majorPageMatchesDay {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 8px;
        background: none !important;
        box-shadow: none !important;
        margin: -5px;
        padding: 5px
    }

    .majorPage.expandedPage .majorPageMatchDay.one-row .majorPageMatch,
    .majorPage.expandedPage .majorPageResults.one-row .majorPageMatch {
        background: var(--majorThemeStandardBoxColor);
        border-radius: var(--majorThemeStandardBoxRadius);
        box-shadow: var(--majorThemeStandardShadow);
        overflow: hidden
    }

    .majorPage.expandedPage .majorPageMatchDay.one-row .majorPageMatch:hover,
    .majorPage.expandedPage .majorPageResults.one-row .majorPageMatch:hover {
        background: var(--majorThemeStandardBoxColorHover)
    }

    .majorPage.expandedPage .majorPageMatchDay.one-row .majorPageMatch.noTeams:hover,
    .majorPage.expandedPage .majorPageResults.one-row .majorPageMatch.noTeams:hover {
        background: var(--majorThemeStandardBoxColor)
    }
}

.majorPage.expandedPage .majorPageMatchesDay {
    display: grid;
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    overflow: hidden
}

.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team1Winner,
.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team2Winner {
    position: relative
}

.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team1Winner:before,
.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team2Winner:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: calc(100% - 8px);
    width: 5px;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    background: green
}

.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team1Winner:before {
    left: 4px
}

.majorPage.expandedPage .majorPageMatchesDay .majorPageMatch.team2Winner:before {
    right: 4px
}

.majorPage.expandedPage .majorPageMatch {
    display: grid;
    grid-template-columns: 1fr 50px 1fr;
    padding: 8px;
    position: relative;
    gap: 8px;
    box-sizing: border-box
}

.majorPage.expandedPage .majorPageMatch.team1Winner .matchBoxRight {
    opacity: .65
}

.majorPage.expandedPage .majorPageMatch.team1Winner .matchBoxRight .matchBoxTeamName {
    font-weight: 400
}

.majorPage.expandedPage .majorPageMatch.team1Winner .matchBoxRight .matchBoxLogo {
    filter: saturate(0)
}

.majorPage.expandedPage .majorPageMatch.team2Winner .matchBoxLeft {
    opacity: .65
}

.majorPage.expandedPage .majorPageMatch.team2Winner .matchBoxLeft .matchBoxTeamName {
    font-weight: 400
}

.majorPage.expandedPage .majorPageMatch.team2Winner .matchBoxLeft .matchBoxLogo {
    filter: saturate(0)
}

.majorPage.expandedPage .majorPageMatch .matchBoxScoreLive {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: red;
    font-size: 8px;
    font-weight: 700;
    padding: 0 8px 1px;
    border-radius: 0 0 8px 8px;
    margin-top: -2px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch {
        gap: 8px;
        width: 100%;
        grid-template-columns: 1fr 42px 1fr
    }
}

.majorPage.expandedPage .majorPageMatch:hover {
    cursor: pointer;
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage.expandedPage .majorPageMatch.noTeams {
    cursor: inherit;
    background: none
}

.majorPage.expandedPage .majorPageMatch .matchBoxLogoContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px
}

.majorPage.expandedPage .majorPageMatch .majorMatchPlaceholder {
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    color: var(--majorThemeFadedColor);
    max-width: 100%;
    width: calc(100% - 16px)
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .majorMatchPlaceholder {
        bottom: 6px
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxCenter {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .matchBoxCenter {
        position: static;
        min-height: 32px
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxCenter.withTBA .matchBoxTime {
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    top: 6px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .matchBoxCenter.withTBA .matchBoxTime {
        top: 10px
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxLogo {
    height: auto;
    width: 100%;
    max-width: 30px;
    max-height: 30px;
    align-self: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.majorPage.expandedPage .majorPageMatch .matchBoxTime {
    font-weight: 700;
    color: var(--majorThemeStandardColor)
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .matchBoxTime {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxStage {
    font-size: 10px;
    color: var(--majorThemeFadedColor);
    position: relative;
    top: -1px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .matchBoxStage {
        position: absolute;
        font-size: 9px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxTeamName {
    max-width: 100%
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageMatch .matchBoxTeamName {
        font-size: 10px;
        text-align: center
    }
}

.majorPage.expandedPage .majorPageMatch .matchBoxTeam {
    display: flex;
    align-items: center;
    color: var(--majorThemeStandardColor);
    font-weight: 700;
    gap: 4px
}

.majorPage.expandedPage .majorPageMatch .matchBoxTeam.matchBoxLeft {
    justify-content: flex-end;
    text-align: right
}

.majorPage.expandedPage .majorMatchpagePickAWinnerLineContainer {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    position: relative;
    top: 48px;
    color: hsla(0, 0%, 100%, .6)
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorMatchpagePickAWinnerLineContainer {
        width: 100%;
        max-width: 80vw;
        top: 20px
    }
}

.majorPage.expandedPage .majorMatchpagePickAWinnerPercentage,
.majorPage.expandedPage .majorMatchpagePickAWinnerText {
    position: absolute;
    top: 8px
}

.majorPage.expandedPage .majorMatchpagePickAWinnerPercentage.team1,
.majorPage.expandedPage .majorMatchpagePickAWinnerText.team1 {
    left: 0
}

.majorPage.expandedPage .majorMatchpagePickAWinnerPercentage.team2,
.majorPage.expandedPage .majorMatchpagePickAWinnerText.team2 {
    right: 0
}

.majorPage.expandedPage .majorMatchpagePickAWinnerText {
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.majorPage.expandedPage .majorMatchpagePickAWinnerBar {
    position: absolute;
    height: 3px
}

.majorPage.expandedPage .majorMatchpagePickAWinnerBar.team1 {
    left: 0;
    background: var(--teamColor);
    border-radius: 4px 0 0 4px
}

.majorPage.expandedPage .majorMatchpagePickAWinnerBar.team2 {
    right: 0;
    background: #e0a42d;
    text-align: right;
    background: var(--teamColor);
    border-radius: 0 4px 4px 0
}

.majorPage.expandedPage .majorMatchpagePickAWinnerBar.team2:after {
    display: block;
    content: "";
    height: 12px;
    width: 2px;
    border: 2px solid #1f0b18;
    background: #fff;
    left: 0;
    position: absolute;
    top: -7px
}

.majorPage.expandedPage .majorPageNewsStandings {
    display: grid;
    gap: 24px;
    z-index: -1
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorPageNewsStandings {
        grid-template-columns: 1fr
    }
}

.majorPage.expandedPage .majorPageNewsSection {
    grid-column: 1/4
}

@media (max-width:500px) {

    .majorPage.expandedPage .majorPageNewsSection,
    .majorPage.expandedPage .majorPageStandings {
        grid-column: inherit
    }
}

.majorPage.expandedPage .majorNewsWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorNewsWrapper {
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }
}

.majorPage.expandedPage .majorNewsBox {
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden
}

.majorPage.expandedPage .majorNewsBox:hover {
    background: var(--majorThemeStandardBoxColorHover);
    cursor: pointer
}

.majorPage.expandedPage .majorNewsBox.bigBox {
    grid-column: 1/3;
    grid-row: 1/3
}

.majorPage.expandedPage .majorNewsBox.bigBox .newsBoxContent {
    font-size: 58px;
    line-height: 72px;
    display: flex;
    align-items: center;
    height: 100%
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorNewsBox.bigBox .newsBoxContent {
        font-size: 24px;
        line-height: 36px
    }
}

.majorPage.expandedPage .majorNewsBox .newsBoxContent {
    padding: 8px;
    font-size: 24px;
    color: var(--majorThemeStandardColor);
    font-weight: 700;
    line-height: 30px
}

@media (max-width:500px) {
    .majorPage.expandedPage .majorNewsBox .newsBoxContent {
        font-size: 13px;
        line-height: 19.5px
    }

    .majorPage.expandedPage .majorNewsBox .newsBoxContent .newsBoxHeader {
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow-y: hidden
    }
}

.majorPage.expandedPage .majorNewsBox .newsBoxImageWrapper {
    overflow: hidden;
    position: relative;
    padding-top: 41.31607335%
}

.majorPage.expandedPage .majorNewsBox .newsBoxImageOffset {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: -10.6% 0 -15%
}

.majorPage.expandedPage .majorNewsBox .newsBoxImage {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto 800/533
}

.majorPage.expandedPage .standingsWrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.majorPage.expandedPage .standingBox {
    background: var(--majorThemeStandardBoxColor);
    padding: 8px 16px;
    box-sizing: border-box;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius)
}

.majorPage.expandedPage .expandStanding {
    background-color: #fffe3e;
    border-radius: var(--majorThemeStandardBoxRadius);
    height: 32px;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 700
}

.majorPage.expandedPage .expandStanding:hover {
    cursor: pointer;
    filter: brightness(1.1)
}

.majorPage.expandedPage .standingLegend {
    margin-top: 8px
}

.majorPage.expandedPage .standingTable {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.majorPage.expandedPage .standingTable .Teamlogo {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.majorPage.expandedPage .standingTable .standingPlacement {
    width: 16px;
    text-align: center
}

.majorPage.expandedPage .standingTable .standingTeamname {
    text-align: left
}

.majorPage.expandedPage .standingTable .standingTeamCount {
    color: var(--majorThemeFadedColor);
    font-size: 10px;
    margin-left: 4px
}

.majorPage.expandedPage .standingTable tr {
    height: 32px
}

.majorPage.expandedPage .standingTable tr:last-child td {
    border-bottom: 0
}

.majorPage.expandedPage .standingTable tr td {
    height: 32px;
    align-items: center;
    border-bottom: 1px solid var(--majorThemeBorderColor)
}

.majorPage.expandedPage .standingTable th.standingLosses,
.majorPage.expandedPage .standingTable th.standingWins {
    width: 30px;
    text-align: center
}

.majorPage.expandedPage .standingTable td.standingTeamname {
    display: flex;
    gap: 8px
}

.majorPage.expandedPage .standingTable td.standingLosses,
.majorPage.expandedPage .standingTable td.standingWins {
    width: 30px;
    text-align: center
}

.majorPage.majorMatchpage {
    overflow-x: hidden
}

.majorPage.majorMatchpage .headline,
.majorPage.majorMatchpage .pro-toggle-holder {
    display: none
}

.majorPage.majorMatchpage #majorScoreboardElement {
    height: 100%
}

.majorPage.majorMatchpage .noStream {
    color: #fff;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    font-size: 24px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .noStream {
        font-size: 12px
    }
}

.majorPage.majorMatchpage .doubleSpan {
    grid-column: span 2
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .doubleSpan {
        grid-column: span 1
    }
}

.majorPage.majorMatchpage .majorStatsMapsWrapper {
    display: flex;
    gap: 16px;
    margin-bottom: 16px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .majorStatsMapsWrapper {
        gap: 8px;
        overflow-x: scroll;
        max-width: calc(100vw - 16px);
        margin-left: -16px;
        padding-left: 16px;
        margin-right: -16px;
        padding-right: 16px;
        margin-bottom: 0
    }
}

.majorPage.majorMatchpage .mapStatsEmpty {
    display: none
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .mapStatsEmpty {
        display: block;
        width: 16px
    }
}

.majorPage.majorMatchpage .majorStatsMap {
    padding: 8px;
    justify-content: space-between;
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeStandardBoxColor);
    box-shadow: var(--majorThemeStandardShadow);
    font-weight: 700;
    cursor: pointer
}

.majorPage.majorMatchpage .majorStatsMap:not(.active) {
    font-weight: 400;
    color: var(--majorThemeFadedColor);
    background: var(--majorThemeAltBoxColor);
    opacity: .75
}

.majorPage.majorMatchpage .majorStatsMap:not(.active):hover {
    background: var(--majorThemeStandardBoxColor);
    opacity: 1
}

.majorPage.majorMatchpage .majorMatchLineupsContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px
}

.majorPage.majorMatchpage .lineups .logo {
    display: inline;
    max-height: 24px;
    max-width: 24px;
    margin-right: 5px
}

.majorPage.majorMatchpage .lineups .lineup {
    padding: 8px;
    justify-content: space-between;
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeStandardBoxColor);
    box-shadow: var(--majorThemeStandardShadow)
}

.majorPage.majorMatchpage .lineups .lineup .flex-align-center {
    flex: 1;
    min-width: 0;
    color: var(--majorThemeStandardColor)
}

.majorPage.majorMatchpage .lineups .lineup .teamRanking {
    font-size: 12px
}

.majorPage.majorMatchpage .lineups .lineup .teamRanking span {
    font-weight: 400;
    color: rgba(242, 238, 241, .35)
}

.majorPage.majorMatchpage .lineups .lineup .teamRanking a {
    font-weight: 700;
    color: #929a9e;
    background-color: #364250;
    border-radius: 4px;
    padding: 4px 8px;
    transition: .2s ease
}

.preload .majorPage.majorMatchpage .lineups .lineup .teamRanking a {
    transition: initial !important
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups .lineup .teamRanking a {
        padding: 4px 8px
    }
}

.majorPage.majorMatchpage .lineups .lineup .teamRanking a:hover {
    background-color: #45515f;
    cursor: pointer
}

.majorPage.majorMatchpage .lineups .lineup:last-child {
    margin-bottom: 0
}

.majorPage.majorMatchpage .lineups .lineup .flagAlign {
    justify-content: center
}

.majorPage.majorMatchpage .lineups .players {
    padding-right: 5px;
    padding-top: 5px
}

.majorPage.majorMatchpage .lineups .players .player {
    cursor: auto
}

.majorPage.majorMatchpage .lineups .players .player-compare .player-photo {
    border-radius: var(--majorThemeStandardBoxRadius)
}

.majorPage.majorMatchpage .lineups .players .player-compare.flagAlign.active {
    background-color: #435971;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 1px;
    color: #fff;
    border-radius: 4px
}

.majorPage.majorMatchpage .lineups .player-image {
    padding-bottom: 0
}

.majorPage.majorMatchpage .lineups .player {
    padding-left: 5px;
    max-width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.majorPage.majorMatchpage .lineups .player-photo {
    width: 100%;
    aspect-ratio: 400/417
}

.majorPage.majorMatchpage .box-headline {
    font-size: 14px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 700;
    border-bottom: 1px solid var(--majorThemeBorderColor);
    height: 35px;
    box-sizing: border-box;
    line-height: 35px;
    padding-bottom: 8px
}

.majorPage.majorMatchpage .flagAlign {
    display: flex;
    flex-direction: row;
    align-items: center
}

.majorPage.majorMatchpage .flagAlign .flag {
    margin-right: 4px
}

.majorPage.majorMatchpage .flex-align-center {
    display: flex;
    align-items: center
}

.majorPage.majorMatchpage .lineups-compare-container {
    display: flex;
    background-image: linear-gradient(136deg, #1b1f23, #3a4755);
    max-height: 251px;
    overflow: hidden;
    color: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
    box-shadow: var(--majorThemeStandardShadow);
    border-radius: var(--majorThemeStandardBoxRadius)
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container {
        max-height: inherit
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-playername {
    color: #fff;
    z-index: 9;
    position: absolute;
    bottom: 24px;
    width: calc(100% - 32px);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 16px;
    text-shadow: 0 1px 2px #000, 0 0 14px #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-playername {
        bottom: 16px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left,
.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right {
    flex: 0 0 32%;
    position: relative
}

@media (max-width:500px) {

    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left,
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right {
        flex: 0 0 37%
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left img,
.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right img {
    position: absolute
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo-container {
    left: 0
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo {
    left: -28px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-teamlogo {
        left: -60px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-square {
    animation: squareLeft .4s
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-bodyshot {
    animation: bodyshotLeft .4s
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-left .lineups-compare-bodyshot {
        left: -40px;
        animation: bodyshotSmallLeft .4s
    }
}

@keyframes bodyshotLeft {
    0% {
        opacity: 0;
        left: -30px
    }

    to {
        opacity: 1;
        left: 0
    }
}

@keyframes bodyshotSmallLeft {
    0% {
        opacity: 0;
        left: -50px
    }

    to {
        opacity: 1;
        left: -40px
    }
}

@keyframes squareLeft {
    0% {
        opacity: 0;
        left: 40%
    }

    to {
        opacity: 1;
        left: 50%
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-bodyshot-container {
    display: block;
    height: 100%
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo-container {
    right: 0
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo {
    right: -28px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-teamlogo {
        right: -60px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-square {
    animation: squareRight .4s
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-bodyshot {
    animation: bodyshotRight .4s
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-right .lineups-compare-bodyshot {
        animation: bodyshotSmallRight .4s;
        left: -20px
    }
}

@keyframes bodyshotRight {
    0% {
        opacity: 0;
        right: -30px
    }

    to {
        opacity: 1;
        right: -20px
    }
}

@keyframes bodyshotSmallRight {
    0% {
        opacity: 0;
        left: -30px
    }

    to {
        opacity: 1;
        left: -20px
    }
}

@keyframes squareRight {
    0% {
        opacity: 0;
        left: 60%
    }

    to {
        opacity: 1;
        left: 50%
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle {
    flex: 1;
    z-index: 99;
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 8px;
    padding-bottom: 12px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle {
        padding-bottom: 4px;
        padding-top: 4px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-teamlogo-container {
    height: 220px;
    width: 220px;
    position: absolute;
    top: -40px;
    display: flex;
    align-items: center
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-teamlogo-container {
        height: 180px;
        width: 180px;
        top: 10px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-teamlogo {
    max-height: 250px;
    max-width: 250px;
    opacity: .35;
    filter: blur(2px)
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-teamlogo {
        max-width: 180px;
        max-height: 180px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-square {
    height: 130px;
    width: 130px;
    top: 40%;
    left: 50%;
    border-radius: 110px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .35), 0 1px 5px 0 rgba(0, 0, 0, .76);
    transform: translate(-50%, -40%);
    background-color: #fff
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-square {
        height: 95px;
        width: 95px
    }
}

@media only screen and (max-width:344px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-square {
        height: 75px;
        width: 75px;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-bodyshot {
    width: 100%;
    bottom: 0;
    max-height: 213px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    top: 0
}

@media screen and (max-width:500px) and (min-width:425px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-bodyshot {
        width: 130%;
        bottom: -30px;
        max-height: inherit
    }
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-bodyshot {
        width: 140%;
        max-height: inherit
    }
}

.majorPage.majorMatchpage .lineups-compare-container table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.majorPage.majorMatchpage .lineups-compare-container table td {
    padding: 0;
    height: 23px
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container table td {
        height: 20px
    }
}

@media only screen and (max-width:344px) {
    .majorPage.majorMatchpage .lineups-compare-container table .table-header {
        font-size: 9px !important
    }
}

.majorPage.majorMatchpage .lineups-compare-container table .table-header {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d1e3f5;
    filter: drop-shadow(0 0 10px #80a0c1);
    height: 20px;
    padding: 0
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container table .table-header {
        font-size: 10px
    }
}

.majorPage.majorMatchpage .lineups-compare-container table .table-subheader {
    font-size: 8px;
    opacity: .45;
    font-weight: 400;
    height: 20px;
    padding: 0;
    vertical-align: top
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container table .table-subheader {
        font-size: 7px;
        height: 13px
    }
}

.majorPage.majorMatchpage .lineups-compare-container table tbody .statRow {
    background: linear-gradient(90deg, rgba(209, 227, 245, 0) 0, rgba(209, 227, 245, 0) 50%, rgba(209, 227, 245, 0));
    transition: .2s ease
}

.preload .majorPage.majorMatchpage .lineups-compare-container table tbody .statRow {
    transition: initial !important
}

.majorPage.majorMatchpage .lineups-compare-container table tbody .statRow:hover {
    background: linear-gradient(90deg, rgba(209, 227, 245, 0) 0, rgba(209, 227, 245, .2) 50%, rgba(209, 227, 245, 0))
}

.majorPage.majorMatchpage .lineups-compare-container table tbody .statRow:hover .lineups-compare-middle-table-center-stat,
.majorPage.majorMatchpage .lineups-compare-container table tbody .statRow:hover .lineups-compare-middle-table-stat {
    opacity: .85
}

.majorPage.majorMatchpage .lineups-compare-container table tbody .statRow:hover .best-stat {
    opacity: 1
}

.majorPage.majorMatchpage .lineups-compare-container table .center {
    text-align: center
}

.majorPage.majorMatchpage .lineups-compare-container table .compare-button {
    height: 30px;
    font-size: 11px;
    opacity: .65;
    transition: .2s ease
}

.preload .majorPage.majorMatchpage .lineups-compare-container table .compare-button {
    transition: initial !important
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container table .compare-button {
        font-size: 9px
    }
}

.majorPage.majorMatchpage .lineups-compare-container table .compare-button a {
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 2px 4px;
    transition: .2s ease;
    cursor: pointer
}

.preload .majorPage.majorMatchpage .lineups-compare-container table .compare-button a {
    transition: initial !important
}

.majorPage.majorMatchpage .lineups-compare-container table .compare-button a:hover {
    opacity: 1;
    background-color: #fff;
    color: #313a44 !important
}

.majorPage.majorMatchpage .lineups-compare-container table .compare-button:hover {
    opacity: 1
}

.majorPage.majorMatchpage .lineups-compare-container .outerCol {
    width: 33px
}

.majorPage.majorMatchpage .lineups-compare-container .centerCol {
    width: 100%
}

.majorPage.majorMatchpage .lineups-compare-container .right-stat {
    text-align: right
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle-table-center-stat {
    opacity: .65;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle-table-center-stat {
        font-size: 7px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle-table-stat {
    width: 20px;
    opacity: .65
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-middle-table-stat {
        font-size: 10px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .best-stat {
    font-weight: 700;
    opacity: 1;
    color: #eaf5ff;
    filter: drop-shadow(0 0 10px #80a0c1)
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links {
    position: absolute;
    bottom: 8px;
    display: flex;
    width: 100%;
    justify-content: center
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links a {
    z-index: 9;
    font-size: 11px;
    margin-right: 8px;
    color: #fff;
    background-color: #435971;
    transition: .2s ease;
    padding: 2px 4px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    cursor: pointer
}

.preload .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links a {
    transition: initial !important
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links a {
        font-size: 9px;
        margin-right: 4px
    }
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links a:hover {
    background-color: #59728e;
    color: #fff !important
}

.majorPage.majorMatchpage .lineups-compare-container .lineups-compare-player-links a:last-child {
    margin-right: 0
}

.majorPage.majorMatchpage .table {
    width: 100%;
    border-collapse: collapse
}

.majorPage.majorMatchpage .statscontainer {
    padding-bottom: 3rem
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statscontainer {
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important
    }
}

.majorPage.majorMatchpage .lineupsSection,
.majorPage.majorMatchpage .statscontainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px
}

@media (max-width:500px) {

    .majorPage.majorMatchpage .lineupsSection,
    .majorPage.majorMatchpage .statscontainer {
        grid-column-gap: 16px;
        grid-template-columns: repeat(1, 1fr)
    }
}

.majorPage.majorMatchpage .statsTableContainer table {
    padding: 8px;
    justify-content: space-between;
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeStandardBoxColor);
    box-shadow: var(--majorThemeStandardShadow);
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    position: relative
}

.majorPage.majorMatchpage .statsTableContainer thead .match-stat-player-team {
    display: flex;
    align-items: center;
    height: 32px
}

.majorPage.majorMatchpage .statsTableContainer thead .match-stat-team-logo-container {
    margin-right: 4px
}

.majorPage.majorMatchpage .statsTableContainer tr {
    height: 32px
}

.majorPage.majorMatchpage .statsTableContainer td,
.majorPage.majorMatchpage .statsTableContainer th {
    padding: 0 4px;
    color: var(--majorThemeFadedColor)
}

@media (max-width:500px) {

    .majorPage.majorMatchpage .statsTableContainer td,
    .majorPage.majorMatchpage .statsTableContainer th {
        padding: 0 2px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-rating {
    width: 62px;
    text-align: center;
    font-weight: 700;
    color: var(--majorThemeStandardColor)
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statsTableContainer .match-stat-rating {
        width: 63px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-kast {
    width: 40px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statsTableContainer .match-stat-kast {
        width: 35px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-adr {
    width: 45px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statsTableContainer .match-stat-adr {
        width: 40px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-kd-ratio {
    width: 40px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statsTableContainer .match-stat-kd-ratio {
        width: 30px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-kd {
    width: 60px;
    text-align: center
}

@media (max-width:500px) {
    .majorPage.majorMatchpage .statsTableContainer .match-stat-kd {
        width: 50px
    }
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-player-team {
    text-align: left;
    color: var(--majorThemeStandardColor)
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-team-logo-container {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    align-self: center
}

.majorPage.majorMatchpage .statsTableContainer .match-stat-team-name {
    font-weight: 700
}

.majorPage.majorMatchpage .statsTableContainer .flag {
    position: relative;
    top: -2px
}

@media (max-width:960px) and (min-width:500px) {
    .majorPage.majorMatchpage.expandedPage .majorHeaderSection .majorPageMatch {
        grid-template-columns: 1fr 120px 1fr;
        font-size: 24px
    }

    .majorPage.majorMatchpage.expandedPage .majorHeaderSection .majorPageMatch .matchBoxTime {
        font-size: 32px;
        margin-bottom: -9px;
        margin-top: 2px
    }
}

.majorPage .firstSectionVenue {
    padding-top: 2rem
}

.majorPage .majorPageNewsPageSection .majorTimelineContainer,
.majorPage .majorPageQualifierSection .majorTimelineContainer {
    padding: 0
}

.majorPage .majorPageNewsPageSection h1,
.majorPage .majorPageQualifierSection h1 {
    padding-top: 5rem;
    font-size: 48px
}

@media (max-width:500px) {

    .majorPage .majorPageNewsPageSection h1,
    .majorPage .majorPageQualifierSection h1 {
        font-size: 24px
    }
}

.majorPage .majorHeaderTimeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 200px
}

@media (max-width:500px) {
    .majorPage .majorHeaderTimeline {
        display: none
    }
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer {
    display: grid;
    gap: 32px;
    position: relative
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer.finished:before {
    content: "";
    background: #fff;
    width: calc(100% + 80px);
    position: absolute;
    height: 4px;
    bottom: 3px
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer.majorTimelineQualifiers,
.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer.majorTimelineRMRs {
    grid-template-columns: 1fr 1fr 1fr
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer.majorTimelineMajor {
    grid-template-columns: 1fr
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineContainer.first:after {
    content: "";
    background: #fff;
    width: 100%;
    position: absolute;
    height: 4px;
    left: -50%;
    transform: translateX(-50%);
    bottom: 3px
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineEventName {
    font-weight: 700;
    color: #fff
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineEvent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineEvent:before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineEvent.active:after {
    content: "";
    background: #fff;
    width: calc(100% + 32px);
    position: absolute;
    height: 4px;
    transform: translateX(-50%);
    bottom: 3px
}

.majorPage .majorHeaderTimeline .majorHEaderTimelineEventDate {
    color: #fff;
    opacity: .65
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineEventLogo {
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineBar {
    position: absolute;
    width: 100%;
    height: 4px;
    background: hsla(0, 0%, 100%, .2);
    left: 0;
    bottom: 63px
}

.majorPage .majorHeaderTimeline .majorHeaderTimelineBar .majorHeaderTimelineProgressBar {
    width: 50%;
    background: #fff;
    height: 100%
}

.majorPage .majorHeaderTimeline .majorTimelineMajor .majorHeaderTimelineEventName {
    font-size: 18px
}

.majorPage .timelineWrapper {
    position: static
}

.majorPage .timelineWrapper>* {
    z-index: 1
}

.majorPage .majorQualiferPage .majorTimelineDot {
    display: none
}

.majorPage.major-lightbox-prevent-background-scroll {
    box-sizing: border-box;
    overflow: scroll
}

@media (max-width:500px) {
    .majorPage.major-lightbox-prevent-background-scroll {
        overflow: hidden
    }
}

.majorPage.major-lightbox-prevent-background-scroll .major-news-wrapper {
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.majorPage.major-lightbox-prevent-background-scroll .major-news-container {
    position: absolute;
    max-height: 900px;
    max-width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .majorPage.major-lightbox-prevent-background-scroll .major-news-container {
        padding: 32px 16px
    }
}

.majorPage.major-lightbox-prevent-background-scroll .news-overlay-close-btn {
    position: absolute;
    top: 50px;
    right: 64px;
    padding: 10px;
    font-size: 24px;
    color: rgba(0, 0, 0, .75);
    background: hsla(0, 0%, 100%, .5)
}

@media (max-width:500px) {
    .majorPage.major-lightbox-prevent-background-scroll .news-overlay-close-btn {
        top: 32px;
        right: 16px;
        border-radius: 24px
    }
}

.majorPage.major-lightbox-prevent-background-scroll .news-overlay-close-btn:hover {
    cursor: pointer;
    color: #000
}

.majorPage.major-lightbox-prevent-background-scroll .major-news-iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--majorThemeStandardBoxRadius)
}

@media (max-width:500px) {
    .majorPage.major-lightbox-prevent-background-scroll .major-news-iframe {
        width: 360px
    }
}

.majorPage .maps-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
    margin-bottom: 3rem
}

@media (max-width:500px) {
    .majorPage .maps-container {
        overflow-x: scroll;
        grid-template-columns: repeat(7, 100px);
        padding: 8px;
        margin: -8px;
        gap: 8px
    }
}

.majorPage .maps-container .map-container-team-logo-container {
    height: 15px;
    width: 15px;
    flex: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.majorPage .maps-container .map-container-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    align-self: center
}

.majorPage .maps-container .map-container-type-wrapper {
    display: flex;
    gap: 8px;
    align-items: center
}

.majorPage .maps-container .map-container-map-name {
    font-weight: 700;
    color: var(--majorThemeStandardColor)
}

.majorPage .maps-container .map-container-score {
    display: flex;
    width: 100%
}

.majorPage .maps-container .logo-score {
    display: flex;
    align-items: center;
    gap: 4px
}

.majorPage .maps-container .map-container-logo-score-team-logo-container {
    height: 15px;
    width: 15px;
    flex: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.majorPage .maps-container .map-container-logo-score-team-logo-container .team-logo {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: auto;
    align-self: center
}

.majorPage .maps-container .map-container-score-live {
    flex: 1 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 10px;
    display: flex
}

.majorPage .maps-container .map-won {
    font-weight: 700
}

.majorPage .maps-container .map-lost {
    color: rgba(0, 0, 0, .65)
}

.majorPage .maps-container .map-lost .map-container-logo-score-team-logo-container {
    opacity: .5
}

.majorPage .maps-container .map-container-score-live-button {
    background-color: #8f0303;
    color: #fff;
    border-radius: var(--majorThemeStandardBoxRadius);
    width: 30px
}

.majorPage .maps-container .map-container-type {
    font-size: 10px
}

.majorPage .maps-container .map-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
    overflow: hidden;
    box-sizing: border-box;
    flex-direction: column;
    align-self: flex-start;
    width: 100%;
    padding: 8px;
    border-radius: var(--majorThemeStandardBoxRadius);
    background: var(--majorThemeStandardBoxColor);
    box-shadow: var(--majorThemeStandardShadow)
}

@media (max-width:500px) {
    .majorPage .maps-container .map-container {
        height: 55px
    }
}

.majorPage .maps-container .map-container.map-banned {
    background-color: var(--majorThemeAltBoxColor);
    color: var(--font-faded-color);
    opacity: .5
}

.majorPage .belowMajorHeaderDesktop {
    width: 100%;
    height: 100%;
    margin: 0 auto 62px;
    aspect-ratio: 1250/150;
    max-width: 1250px
}

.majorPage .belowMajorHeaderMobile {
    width: 100%;
    height: 100%;
    margin: 0 auto calc(46px - 1rem);
    aspect-ratio: 320/100;
    max-width: 320px
}

.majorPage .majorPageMobile {
    padding-top: 46px
}

.majorPage .vrs-overview-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative
}

@media (max-width:500px) {
    .majorPage .vrs-overview-wrap {
        gap: 64px
    }
}

.majorPage .vrs-overview-wrap * {
    box-sizing: border-box
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media (max-width:500px) {
    .majorPage .vrs-overview-wrap .vrs-overview-full-collapse {
        position: static;
        justify-content: flex-start;
        margin-bottom: -56px
    }
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse .full-collapse-btn {
    border: none;
    cursor: pointer;
    border-radius: 4px;
    color: var(--majorThemeButtonTextColor)
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse .vrs-overview-show {
    background: var(--majorThemeBrandColor);
    font-weight: 700
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse .vrs-overview-show:hover {
    background: rgba(255, 254, 62, .5)
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse .vrs-overview-hide {
    background: var(--majorThemeStandardBoxColor);
    color: var(--majorThemeFadedColor) !important
}

.majorPage .vrs-overview-wrap .vrs-overview-full-collapse .vrs-overview-hide:hover {
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage .vrs-overview-wrap .vrs-header {
    font-size: 18px;
    font-weight: 700;
    color: var(--majorThemeHeaderColor)
}

@media (max-width:500px) {
    .majorPage .vrs-overview-wrap .vrs-header {
        margin-bottom: 4px
    }
}

.majorPage .vrs-overview-wrap .vrs-stages-container {
    display: flex;
    gap: 32px;
    align-items: flex-start
}

@media (max-width:1000px) {
    .majorPage .vrs-overview-wrap .vrs-stages-container {
        flex-direction: column
    }
}

.majorPage .vrs-overview-wrap .vrs-stages-container .stage-arrow:after {
    content: "\f178";
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% + 17px);
    transform: translateY(-50%);
    right: -24px;
    color: var(--majorThemeFadedColor)
}

@media (max-width:500px) {
    .majorPage .vrs-overview-wrap .vrs-stages-container .stage-arrow:after {
        right: unset;
        bottom: -34px;
        top: unset;
        z-index: 99;
        content: "\f175"
    }
}

.majorPage .vrs-overview-wrap .vrs-stages-container.contains-vrs-prediction .vrs-stage-spot {
    height: 34px
}

.majorPage .vrs-overview-wrap .vrs-stages-container.contains-vrs-prediction .vrs-predicted {
    transition: all .3s ease
}

.majorPage .vrs-overview-wrap .vrs-stages-container.contains-vrs-prediction .vrs-predicted:after {
    content: "VRS Predicted";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    background: #c16f0c;
    color: #000;
    font-size: 8px;
    text-align: center;
    padding: 0 4px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    font-weight: 700;
    border-radius: 0 0 4px 4px;
    text-transform: uppercase;
    transition: all .3s ease
}

.majorPage .vrs-overview-wrap .vrs-stages-container.contains-vrs-prediction .vrs-predicted:hover {
    padding-top: 12px
}

.majorPage .vrs-overview-wrap .vrs-stages-container.contains-vrs-prediction .vrs-predicted:hover:after {
    top: 0
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    position: relative
}

@media (max-width:1000px) {
    .majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage {
        width: 100%
    }
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-name {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--majorThemeFadedColor)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--majorThemeFadedColor);
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-header:after {
    content: "Hide"
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-header:hover {
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-collaps {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--majorThemeHeaderColor);
    transition: transform .25s cubic-bezier(.7, 0, .6, 1)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-spots-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    position: relative;
    overflow: hidden;
    max-height: 200px;
    transition: max-height .25s cubic-bezier(.7, 0, .6, 1)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-substage {
    grid-column: 1/-1;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0 4px;
    color: var(--majorThemeFadedColor);
    letter-spacing: .5px;
    margin-bottom: -4px;
    margin-top: -1px
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-spot {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 4px;
    font-size: 10px;
    background: var(--majorThemeStandardBoxColor);
    border-radius: 4px;
    border: 1px solid var(--majorThemeStandardBoxColor);
    position: relative
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-spot.spot-highlight,
.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-spot:hover {
    border: 1px solid var(--majorThemeBrandColor)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-spot.spot-eliminated>* {
    opacity: .4
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-spot-link {
    color: hsla(0, 0%, 100%, .8) !important
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-spot-link:hover {
    color: #fff !important
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-spot-name {
    flex: 1
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .spot-placeholder {
    color: var(--majorThemeFadedColor)
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-icons {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-eliminated,
.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-qualified {
    width: 10px;
    height: 10px;
    color: var(--majorThemeBg);
    display: flex
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-major-winner:after {
    content: "\f005";
    width: 14px;
    height: 14px;
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(143deg, #f3cf5d 28.76%, #f7e29e 93.43%);
    border-radius: 100%;
    color: #291925;
    font-size: 8px
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-icon {
    border-radius: 100%
}

.majorPage .vrs-overview-wrap .vrs-stages-container .vrs-stage .vrs-stage-overlay {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #131313 -32%, rgba(19, 19, 19, 0) 260%);
    transition: opacity .25s cubic-bezier(.7, 0, .6, 1);
    z-index: 10
}

.majorPage .vrs-overview-wrap .vrs-stages-container .concealed .vrs-stage-header:after {
    content: "Expand"
}

.majorPage .vrs-overview-wrap .vrs-stages-container .concealed .vrs-stage-spots-container {
    max-height: 60px
}

.majorPage .vrs-overview-wrap .vrs-stages-container .concealed .vrs-stage-overlay {
    opacity: 1;
    pointer-events: unset
}

.majorPage .vrs-overview-wrap .vrs-stages-container .concealed .vrs-stage-collaps {
    transform: rotate(180deg)
}

.majorPage .vrs-overview-wrap .vrs-playoffs {
    margin-top: 20px
}

.majorPage .vrs-overview-wrap .vrs-playoffs-container {
    width: 50%;
    align-self: center
}

@media (max-width:1000px) {
    .majorPage .vrs-overview-wrap .vrs-playoffs-container {
        width: 100%
    }
}

.majorPage .vrs-overview-wrap .vrs-playoffs-header {
    font-size: 12px;
    text-align: center;
    color: var(--majorThemeStandardColor)
}

.majorPage .swiss-simulator-matchup {
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow)
}

.majorPage .swiss-simulator-matchup:hover {
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage .swiss-buttons-panel {
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    border: 1px solid var(--majorThemeBorderColor)
}

.majorPage .swiss-buttons-panel .swiss-button {
    background: var(--majorThemeStandardBoxColor);
    border-right: 1px solid var(--majorThemeBorderColor)
}

.majorPage .swiss-buttons-panel .swiss-button:hover:hover {
    background: var(--majorThemeStandardBoxColorHover)
}

@media (max-width:500px) {
    .majorPage .majorSimulatorPage h1 {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 0
    }
}

.majorPage .simulator-force-night .team-image.day-only {
    display: none !important
}

.majorPage .simulator-force-night .team-image.night-only {
    display: block !important
}

.majorPage .multi-stage-simulator .stage-tab-content {
    min-height: 600px
}

.majorPage .multi-stage-simulator .stage-tabs-wrapper {
    background: none
}

.majorPage .multi-stage-simulator .stage-tabs-wrapper .stage-tabs {
    background: var(--majorThemeStandardBoxColor);
    border-radius: var(--majorThemeStandardBoxRadius);
    box-shadow: var(--majorThemeStandardShadow);
    border: 1px solid var(--majorThemeBorderColor)
}

.majorPage .multi-stage-simulator .stage-tabs-wrapper .stage-tab {
    color: var(--majorThemeFadedColor);
    border-right: 1px solid var(--majorThemeBorderColor);
    background: var(--majorThemeStandardBoxColor)
}

.majorPage .multi-stage-simulator .stage-tabs-wrapper .stage-tab:hover {
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage .multi-stage-simulator .stage-tabs-wrapper .stage-tab.active {
    background: var(--majorThemeBrandColor);
    color: var(--majorThemeButtonTextColor)
}

.majorPage .multi-stage-simulator .round .slots .exit.down {
    border-top: 1px solid var(--majorThemeBrandColor) !important;
    border-right: 1px solid var(--majorThemeBrandColor) !important
}

.majorPage .multi-stage-simulator .round .slots .exit.up {
    border-bottom: 1px solid var(--majorThemeBrandColor) !important;
    border-right: 1px solid var(--majorThemeBrandColor) !important
}

.majorPage .multi-stage-simulator .round .slots .entry.down {
    border-bottom: 1px solid var(--majorThemeBrandColor) !important
}

.majorPage .multi-stage-simulator .round .slots .entry.up {
    border-top: 1px solid var(--majorThemeBrandColor) !important
}

.majorPage .multi-stage-simulator .round .round-header {
    background: var(--majorThemeStandardBoxColor);
    border: var(--majorThemeBorderColor);
    color: #fff
}

@media (max-width:500px) {
    .majorPage .multi-stage-simulator .round .round-header {
        width: 100%
    }
}

.majorPage .multi-stage-simulator .round .round-header:hover {
    background: var(--majorThemeStandardBoxColorHover) !important
}

.majorPage .multi-stage-simulator .round .slot-wrapper {
    margin-top: 12px
}

.majorPage .multi-stage-simulator .round .slot-wrapper .match {
    background: var(--majorThemeAltBoxColor) !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 1px solid var(--majorThemeBorderColor)
}

.majorPage .multi-stage-simulator .round .slot-wrapper .match .team2 {
    border-top: 1px solid var(--majorThemeBorderColor) !important
}

.majorPage .multi-stage-simulator .round .slot-wrapper .match .team-name {
    color: hsla(0, 0%, 100%, .65);
    opacity: 1 !important
}

.majorPage .multi-stage-simulator .round .slot-wrapper .match .team:hover {
    background: var(--majorThemeStandardBoxColorHover) !important;
    filter: saturate(1) !important
}

.majorPage .swiss-round:has(.swiss-button:hover) .swiss-simulator-matchup {
    border: 1px solid var(--majorThemeBrandColor);
    background: var(--majorThemeStandardBoxColorHover)
}

.majorPage .swiss-progression-up {
    width: 40px !important;
    height: 8px !important;
    background: url(/img/static/gfx/swiss-advance.png) no-repeat top, linear-gradient(270deg, rgba(0, 177, 14, .3), var(--majorThemeBg)) !important;
    background-size: 40px 8px !important;
    position: relative !important;
    left: -8px;
    transform: rotate(-30deg)
}

.majorPage .swiss-progression-down {
    background: url(/img/static/gfx/swiss-eliminate.png) no-repeat top, linear-gradient(270deg, rgba(177, 0, 0, .5), var(--majorThemeBg)) !important;
    background-size: 40px 8px
}

.majorPage .swiss-pool-title {
    color: var(--majorThemeHeaderColor)
}

.majorPage .swiss-round:has(.swiss-button:hover) .swiss-simulator-matchup .matchup-team {
    background: hsla(0, 0%, 100%, .05)
}

.majorPage .majorPageTeamOverviewVRS {
    margin-top: 40px
}

.majorPage .majorpage-vrs-ranking-chart-container {
    width: 100%;
    height: 250px;
    background-color: var(--majorThemeStandardBoxColor);
    border-radius: 20px;
    position: relative
}

.majorPage .chart-lines-container {
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 11px;
    padding-top: 8px;
    justify-content: center;
    color: hsla(0, 0%, 100%, .45);
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%)
}

.majorPage .chart-legend {
    display: flex;
    align-items: center;
    gap: 4px
}

.majorPage .chart-line {
    width: 50px;
    height: 1px
}

.majorPage .chart-line.vrs-line {
    border-bottom: thin dashed rgba(228, 135, 23, .85)
}

.majorPage .chart-line.invitation-line {
    border-bottom: thin dashed hsla(0, 0%, 100%, .45)
}

.majorPage .region {
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    display: flex;
    align-items: center;
    align-self: center;
    height: 12px
}

.majorPage .region.region-as,
.majorPage .region.region-asia {
    color: #fff !important;
    background: #e59613 !important
}

.majorPage .region.region-eu {
    color: #fff !important;
    background: #039 !important
}

.majorPage .region.region-am,
.majorPage .region.region-america {
    color: #fff !important;
    background: #b31942 !important
}

.media-page::-moz-selection {
    background-color: #2c3a47
}

.media-page::selection {
    background-color: #2c3a47
}

.media-page h1 {
    font-size: 36px;
    color: #fff
}

.media-page h2 {
    font-size: 36px;
    line-height: 38px;
    color: #fff;
    margin: 0
}

@media (max-width:500px) {
    .media-page h2 {
        font-size: 28px;
        line-height: 32px
    }
}

.media-page .media-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.media-page .media-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:500px) {
    .media-page .media-grid {
        grid-template-columns: 1fr;
        order: 10
    }
}

@media (max-width:500px) {
    .media-page .media-shorts {
        order: 2
    }
}

.media-page .media-grid-two-columns {
    grid-template-columns: 1fr 1fr
}

.media-page .grid-span-two {
    grid-column: span 2
}

@media (max-width:500px) {
    .media-page .grid-span-two {
        grid-column: span 4
    }
}

.media-page .grid-span-four {
    grid-column: span 4
}

@media (max-width:500px) {
    .media-page .slider-span .grid-span-four {
        grid-column: span 3;
        grid-row: 1
    }
}

@media (max-width:500px) {
    .media-page .slider-span h2 {
        grid-column: 1;
        grid-row: 1
    }
}

.media-page .grid-span-all-rows {
    grid-row-start: 1;
    grid-row-end: 6
}

@media (max-width:500px) {
    .media-page .grid-span-all-rows {
        grid-row: span 1
    }
}

.media-page .mediaPageHeader {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@keyframes liveSlideInOut {
    0% {
        transform: translateX(-100%)
    }

    15% {
        transform: translateX(0)
    }

    85% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.media-page .mediaPageSearch form {
    border: 1px solid #87a3bf
}

.media-page .mediaPageSearch input {
    background-color: transparent;
    border: none;
    color: #929a96;
    padding: 2px 4px;
    width: 280px
}

@media (max-width:500px) {
    .media-page .mediaPageSearch input {
        width: 17px;
        position: absolute;
        opacity: 0
    }

    .media-page .mediaPageSearch input:focus {
        width: 140px;
        transition: all .1s;
        opacity: 1;
        padding: 2px 4px;
        position: static
    }
}

.media-page .mediaPageSearch button {
    background-color: transparent;
    border: none;
    border-left: 1px solid;
    color: #87a3bf;
    cursor: pointer
}

@media (max-width:500px) {
    .media-page .mediaPageSearch button {
        border-left: none
    }
}

.media-page .media-top-section {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:500px) {
    .media-page .media-top-section {
        order: 1
    }
}

.media-page .media-top-section .grid-top-live {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
    grid-column: span 2
}

@media (max-width:500px) {
    .media-page .media-top-section .grid-top-live {
        grid-column: span 4
    }
}

.media-page .media-content-img {
    width: 100%;
    aspect-ratio: 16/9
}

@media (max-width:500px) {
    .media-page .media-content-shorts {
        width: 75vw !important
    }
}

.media-page .shorts-img {
    aspect-ratio: 9/16
}

.media-page .media-btn {
    background: rgba(135, 163, 191, .1);
    border: .935132px solid rgba(135, 163, 191, .5);
    border-radius: 100px;
    padding: 1px 12px;
    color: hsla(0, 0%, 100%, .5019607843);
    font-size: 10px;
    align-self: flex-start
}

@media (max-width:500px) {
    .media-page .media-btn {
        padding: 1px 6px
    }
}

.media-page .media-btn:hover {
    background: rgba(135, 163, 191, .25);
    border: .935132px solid #87a3bf;
    color: hsla(0, 0%, 100%, .8)
}

.media-page .media-filters-wrapper {
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.media-page .media-filters-wrapper .media-btn {
    opacity: .5;
    font-size: 14px
}

@media (max-width:500px) {
    .media-page .media-filters-wrapper .media-btn {
        font-size: 12px;
        padding: 1px 6px
    }
}

.media-page .media-filters-wrapper .active-btn,
.media-page .media-filters-wrapper .media-btn:hover {
    opacity: 1
}

.media-page .content-live-button-container {
    border-radius: 4px;
    position: absolute;
    left: 12px;
    top: 12px;
    background-color: #1c2023;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    width: 50px;
    height: 22px;
    overflow: hidden
}

.media-page .content-live-button {
    background-color: #e43d30;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    animation: liveSlideInOut 4s infinite
}

.media-page .content-live-button:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    margin: 0 4px 0 0;
    border-radius: 100%
}

.media-page .content-live {
    grid-column: span 2;
    position: relative
}

@media (max-width:500px) {
    .media-page .content-live {
        grid-column: span 4
    }
}

.media-page .content-live i {
    color: #e43d30 !important
}

.media-page .content-live .media-title {
    font-size: 29px !important;
    line-height: 36px !important;
    -webkit-line-clamp: 3 !important;
    height: auto !important;
    opacity: 1 !important
}

@media (max-width:500px) {
    .media-page .content-live .media-title {
        font-size: 24px !important;
        line-height: 32px !important
    }
}

.media-page .content-live .media-info {
    font-size: 13px !important
}

@media (max-width:500px) {
    .media-page .content-live .media-info {
        font-size: 11px !important
    }
}

.media-page .content-live .media-publisher {
    max-width: 300px !important
}

@media (max-width:500px) {
    .media-page .content-live .media-content {
        margin: 0 -10px
    }
}

@media (max-width:500px) {
    .media-page .content-live .media-data-wrap {
        padding: 0 10px
    }
}

.media-page .media-content-wrap {
    min-width: 100%
}

@media (max-width:500px) {
    .media-page .media-content-wrap {
        grid-column: span 4
    }
}

.media-page .media-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

.media-page .media-content:hover .media-title {
    opacity: 1
}

.media-page .media-content:hover .media-btn {
    background: rgba(135, 163, 191, .25);
    border: .935132px solid #87a3bf;
    color: hsla(0, 0%, 100%, .8)
}

.media-page .media-content img {
    width: 100%
}

.media-page .media-content .media-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #979797;
    font-size: 10px
}

.media-page .media-content .media-publisher {
    position: relative;
    max-width: 140px
}

@media (max-width:500px) {
    .media-page .media-content .media-publisher {
        max-width: 68px
    }
}

.media-page .media-content .media-publisher a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #979797
}

.media-page .media-content .media-publisher .media-publisher-hover {
    opacity: 0;
    position: absolute;
    top: -27px;
    background-color: #242a30;
    padding: 4px 8px;
    left: 50%;
    transform: translateX(-50%)
}

.media-page .media-content .media-publisher .media-publisher-hover:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    background: #242a30;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%) rotate(45deg)
}

.media-page .media-content .media-publisher:hover .media-publisher-hover {
    opacity: 1
}

.media-page .media-content .media-publisher img {
    width: 14px;
    border-radius: 100%
}

.media-page .media-content .media-metadata {
    display: flex;
    align-items: center;
    gap: 8px
}

.media-page .media-content .media-metadata i {
    color: #979797;
    margin-right: 2px
}

.media-page .media-content .media-title {
    color: #fff;
    opacity: .65;
    font-size: 13px;
    line-height: 15px;
    margin-top: 6px;
    margin-bottom: 8px;
    font-weight: 700;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.media-page .media-content .media-info.shorts-info {
    position: absolute;
    bottom: 0;
    flex-direction: column;
    padding: 16px;
    align-items: baseline
}

.media-page .media-content .shorts-info .media-title {
    font-size: 16px !important;
    -webkit-line-clamp: 5 !important;
    height: auto !important;
    line-height: 18px !important;
    opacity: 1 !important;
    padding: 3px 0
}

@media (max-width:500px) {
    .media-page .media-content .shorts-info .media-title {
        font-size: 20px !important;
        line-height: 24px !important
    }
}

.media-page .media-content .media-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 56, 68, 0) 35%, #2d3844)
}

.media-page .media-content .shorts-info .media-publisher-shorts {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 100%
}

@media (max-width:500px) {
    .media-page .media-content .shorts-info .media-publisher-shorts {
        font-size: 13px
    }

    .media-page .media-content .shorts-info .media-publisher-shorts img {
        width: 20px
    }
}

.media-page .media-content .video-hover-container {
    position: absolute;
    background-color: #707070;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px
}

.media-page .media-content .video-hover-container:hover {
    opacity: 1
}

@media (max-width:500px) {
    .media-page .smartph-table .media-content {
        flex-direction: row;
        gap: 8px;
        align-items: center
    }

    .media-page .smartph-table .media-content .media-content-img {
        width: 35vw
    }

    .media-page .smartph-table .media-content .media-data-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .media-page .smartph-table .media-content .media-info {
        order: 2;
        gap: 4px
    }

    .media-page .smartph-table .media-content .media-info .media-publisher .publisher-container {
        display: none
    }

    .media-page .smartph-table .media-content .media-btn {
        order: 3;
        margin-left: 8px
    }
}

@media (max-width:500px) {
    .media-page .grid-autoflow .media-content {
        align-items: center;
        flex-direction: column;
        gap: 4px
    }

    .media-page .grid-autoflow .media-content .media-content-img {
        width: 100%
    }

    .media-page .grid-autoflow .media-content .media-data-wrap {
        display: block;
        grid-template-columns: 1fr 1fr;
        justify-items: left
    }

    .media-page .grid-autoflow .media-content .media-title {
        grid-row: 1;
        grid-column: span 2
    }

    .media-page .grid-autoflow .media-content .media-info {
        justify-content: space-between;
        gap: 4px
    }

    .media-page .grid-autoflow .media-content .media-info .media-publisher {
        max-width: 140px !important
    }

    .media-page .grid-autoflow .media-content .media-info .media-publisher span {
        display: inline-block !important
    }

    .media-page .grid-autoflow .media-content .media-btn {
        margin-left: 0
    }
}

.media-page .media-ad {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    height: 100%;
    max-height: 250px;
    aspect-ratio: 970/250;
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:500px) {
    .media-page .media-ad {
        order: 10
    }
}

.media-page .slider-controller-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    margin-bottom: -12px
}

.media-page .slider-controller-wrap a {
    font-size: 11px
}

.media-page .slider-controller {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width:500px) {
    .media-page .slider-controller {
        font-size: 16px
    }
}

.media-page .slider-controller button {
    background: transparent;
    border: none;
    color: #fff;
    padding: 0;
    cursor: pointer
}

.media-page .slider-controller button:hover {
    color: #87a3bf
}

.media-page .grid-autoflow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    grid-column: span 3;
    grid-auto-flow: column;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory
}

.media-page .grid-autoflow::-webkit-scrollbar {
    display: none
}

@media (max-width:500px) {
    .media-page .grid-autoflow {
        grid-column: span 4
    }
}

.media-page .grid-autoflow .media-content-wrap {
    width: 226px;
    scroll-snap-align: start
}

.media-page .media-back-button {
    display: flex;
    gap: 4px;
    align-items: center;
    z-index: 1;
    margin-top: 6px;
    margin-bottom: -6px
}

.media-page .publisher-section {
    overflow: hidden;
    position: relative;
    padding: 10px;
    margin: 0 -12px
}

@media (max-width:500px) {
    .media-page .publisher-section {
        order: 1
    }
}

.media-page .publisher-section .publisher-section-img-bg {
    position: absolute;
    width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.media-page .publisher-section .publisher-section-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(45, 56, 68, .8), rgba(26, 29, 32, .8))
}

.media-page .publisher-section .publisher-page-top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    gap: 16px
}

@media (max-width:500px) {
    .media-page .publisher-section .publisher-page-top-wrap {
        gap: 8px
    }
}

.media-page .publisher-section .publisher-info-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    background: rgba(45, 56, 68, .5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 10px
}

@media (max-width:500px) {
    .media-page .publisher-section .publisher-info-wrap {
        width: 60%
    }
}

.media-page .publisher-section .publisher-info-wrap .publisher-page-image {
    width: 70px;
    height: 70px;
    border-radius: 100%
}

.media-page .publisher-section .publisher-info-wrap .publisher-info {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

@media (max-width:500px) {
    .media-page .publisher-section .publisher-info-wrap .publisher-info {
        font-size: 18px
    }
}

.media-page .publisher-section .publisher-info-wrap .publisher-socials {
    display: flex;
    gap: 8px;
    margin-top: -6px
}

.media-page .publisher-section .publisher-info-wrap .publisher-socials .socials-item {
    font-size: 12px
}

.media-page .publisher-section .publisher-related {
    display: flex;
    gap: 16px;
    align-items: center
}

@media (max-width:500px) {
    .media-page .publisher-section .publisher-related {
        flex-direction: column;
        gap: 8px;
        align-items: flex-end;
        width: 100%
    }
}

.media-page .publisher-section .publisher-related img {
    height: 13px
}

.media-page .show-slider-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: span 3
}

.media-page .show-slider-wrap .slider-controller-wrap {
    margin: 0;
    grid-column: 3
}

.media-page .show-slider-wrap h3 {
    margin: 0;
    font-size: 24px;
    color: #fff
}

@media (max-width:500px) {
    .media-page .show-slider-wrap h3 {
        font-size: 18px
    }
}

.media-page .shorts-page {
    position: relative
}

.media-page .stories-shorts-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative
}

@media (max-width:500px) {
    .media-page .stories-shorts-container {
        align-items: center
    }
}

.media-page .media-stories,
.media-page .shorts-container {
    padding-left: calc(54% - 360px)
}

@media (max-width:500px) {

    .media-page .media-stories,
    .media-page .shorts-container {
        padding-left: 0
    }
}

.media-page .media-stories {
    display: flex;
    flex-direction: column;
    width: 360px
}

@media (max-width:500px) {
    .media-page .media-stories {
        width: 75vw
    }
}

.media-page .media-stories .slider-controller {
    align-self: flex-end
}

.media-page .media-stories .stories-thumbnails-wrap {
    display: flex;
    gap: 4px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.media-page .media-stories .stories-thumbnails-wrap::-webkit-scrollbar {
    display: none
}

.media-page .media-stories .stories-thumbnails-wrap .stories-publisher-img img {
    border-radius: 100%;
    width: 35px
}

@media (max-width:500px) {
    .media-page .media-stories .stories-thumbnails-wrap .stories-publisher-img img {
        width: 25px
    }
}

.media-page .shorts-container {
    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.media-page .shorts-container::-webkit-scrollbar {
    display: none
}

.media-page .grid-shorts-page {
    grid-template-columns: none;
    width: 360px
}

@media (max-width:500px) {
    .media-page .grid-shorts-page {
        width: auto
    }
}

.media-page .grid-shorts-page .media-content-shorts {
    scroll-snap-align: start
}

@media (max-width:500px) {
    .media-page .grid-shorts-page .media-content-shorts {
        min-width: auto
    }
}

.media-page .shorts-ad {
    width: 300px;
    height: 600px;
    position: absolute;
    top: 85px;
    right: 0
}

.media-page .shorts-ad img {
    width: 100%
}

.media-page .top-current-video .media-info {
    font-size: 13px
}

.media-page .top-current-video .media-publisher {
    max-width: 100%
}

.media-page .top-current-video .media-title {
    font-size: 29px !important;
    line-height: 36px !important;
    -webkit-line-clamp: 3 !important;
    height: auto !important;
    opacity: 1 !important
}

@media (max-width:500px) {
    .media-page .top-current-video .media-title {
        font-size: 24px !important;
        line-height: 32px !important
    }
}

.media-page .showpage-about {
    margin-bottom: 32px
}

.media-page .showpage-about .showpage-headline {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 10px
}

@media (max-width:500px) {
    .media-page .showpage-about .showpage-headline {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px
    }
}

.media-page .showpage-about .approved-wrap {
    display: flex;
    align-items: center;
    gap: 4px
}

.media-page .search-results-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px
}

.media-page .search-results-wrap .search-results-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.media-page .search-results-wrap .search-results-channels {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.media-page .search-results-wrap .search-channel-container {
    display: flex;
    align-items: center;
    gap: 8px
}

.media-page .search-results-wrap .search-channel-container img {
    width: 20px;
    height: auto;
    border-radius: 100%
}

.media-page .search-results-wrap .search-results-videos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content {
    flex-direction: row;
    gap: 8px;
    align-items: center
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-content-img {
    width: 110px
}

@media (max-width:500px) {
    .media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-content-img {
        width: 35vw
    }
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-data-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-info {
    order: 2;
    gap: 4px
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-info .media-publisher .publisher-container {
    display: none
}

.media-page .search-results-wrap .search-results-videos .smartph-table .media-content .media-btn {
    order: 3;
    margin-left: 8px
}

.media-page .search-results-wrap .search-results-categories {
    display: flex;
    gap: 8px
}

.prediction-wrapper {
    --headingColor: #0abaef;
    background: linear-gradient(180deg, #00293f 10%, #111a1f 20%);
    color: #e5e5e5;
    padding: 16px;
    overflow: hidden;
    position: relative
}

.prediction-wrapper .top20-prizes-table {
    margin-bottom: 15px;
    border-collapse: collapse
}

.prediction-wrapper .top20-prizes-table td,
.prediction-wrapper .top20-prizes-table th,
.prediction-wrapper .top20-prizes-table tr {
    border: 1px solid #545454;
    padding: 4px
}

.prediction-wrapper .flag {
    margin-right: 4px
}

.prediction-wrapper :target {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.prediction-wrapper .prediction-player {
    border: 0
}

.prediction-wrapper .prediction-own-picks-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    font-size: 16px;
    background: rgba(0, 0, 0, .65);
    padding: 16px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-own-picks-overlay {
        top: 0;
        transform: translate(-50%, 91px);
        width: calc(100% - 40px)
    }
}

.prediction-wrapper .not-logged-in {
    position: relative
}

.prediction-wrapper .not-logged-in .prediction-grid {
    opacity: .4;
    filter: saturate(0)
}

.prediction-wrapper #terms a,
.prediction-wrapper .prediction-header-section a {
    color: #fff !important;
    text-decoration: underline
}

.prediction-wrapper #terms li,
.prediction-wrapper .prediction-header-section li {
    margin: 4px 0
}

.prediction-wrapper .top20-top {
    z-indeX: 1;
    position: relative;
    margin: -16px
}

.prediction-wrapper .top20-top:after {
    content: "";
    display: block;
    height: 20px;
    background: linear-gradient(180deg, #001b29, rgba(0, 27, 41, 0));
    width: 100%
}

@media (max-width:500px) {
    .prediction-wrapper .top20-top {
        z-indeX: 1;
        position: relative
    }
}

.prediction-wrapper .prediction-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 32px 0;
    flex: 0 0 100%
}

.prediction-wrapper .prediction-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 4px
}

.prediction-wrapper .prediction-stat-value {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-stat-value {
        font-size: 24px
    }
}

.prediction-wrapper .prediction-stat-info {
    opacity: .65;
    background: #3e4043;
    border-radius: 4px;
    width: 130px;
    padding: 4px 0;
    margin: 4px auto 0;
    font-size: 10px;
    text-transform: uppercase
}

.prediction-wrapper #rules {
    pointer-events: none
}

.prediction-wrapper .prediction-footer {
    --headingColor: #fff;
    margin-top: 80px;
    border-top: 1px solid #434447;
    padding-top: 40px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-footer {
        margin-top: 24px
    }
}

.prediction-wrapper .prediction-footer h1,
.prediction-wrapper .prediction-footer h2,
.prediction-wrapper .prediction-footer h3 {
    text-shadow: none
}

.prediction-wrapper .prediction-countdown {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: 32px 0;
    border-top: 1px solid #313438;
    border-bottom: 1px solid #313438;
    padding: 24px 0
}

.prediction-wrapper .prediction-countdown-timer {
    color: var(--headingColor);
    text-shadow: 0 1px 22px var(--headingColor);
    font-size: 32px;
    font-weight: 700;
    line-height: 32px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-countdown-timer {
        line-height: 18px;
        font-size: 18px
    }
}

.prediction-wrapper .prediction-own-picks-teaser {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    margin: 40px 130px;
    gap: 24px;
    background: linear-gradient(180deg, #2b2d2f, #242628);
    border-radius: 4px;
    position: relative;
    padding: 20px 20px 20px 180px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-own-picks-teaser {
        margin: 16px 0;
        font-size: 14px;
        gap: 8px;
        padding-left: 20px
    }
}

.prediction-wrapper .prediction-own-picks-teaser.game-started {
    padding-left: 20px
}

.prediction-wrapper .prediction-figure {
    width: 170px;
    position: absolute;
    left: -30px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-figure {
        display: none
    }
}

.prediction-wrapper .pick-prediction {
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 4px;
    min-height: 32px;
    align-items: center;
    font-weight: 700
}

@media (max-width:500px) {
    .prediction-wrapper .pick-prediction {
        font-size: 12px !important;
        height: 32px !important;
        margin-top: 0 !important
    }
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-logo-container {
        flex: 0 0 100%;
        justify-content: center
    }
}

.prediction-wrapper .prediction-logo-container,
.prediction-wrapper .prediction-logo-container .dynamic-placement-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media (max-width:500px) {

    .prediction-wrapper .prediction-logo-container,
    .prediction-wrapper .prediction-logo-container .dynamic-placement-wrapper {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.prediction-wrapper .prediction-logo-container .dynamic-placement-wrapper img,
.prediction-wrapper .prediction-logo-container img {
    max-height: 33px;
    width: auto
}

@media (max-width:500px) {

    .prediction-wrapper .prediction-logo-container .dynamic-placement-wrapper img,
    .prediction-wrapper .prediction-logo-container img {
        max-height: 25px
    }
}

.prediction-wrapper .reset-prediction {
    margin-left: 16px;
    background: #600000;
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 4px
}

@media (max-width:500px) {
    .prediction-wrapper .reset-prediction {
        height: 32px
    }
}

.prediction-wrapper .reset-prediction:hover {
    cursor: pointer;
    filter: brightness(120%)
}

.prediction-wrapper .prediction-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-flex {
        margin-bottom: 8px
    }
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-flex .remaining-picks {
        flex: 0 0 100%;
        justify-content: space-between;
        display: flex;
        align-items: center;
        margin-top: 10px
    }
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-flex h3 {
        text-align: center;
        flex: 0 0 100%
    }
}

.prediction-wrapper h1,
.prediction-wrapper h2,
.prediction-wrapper h3 {
    color: var(--headingColor);
    text-shadow: 0 1px 22px var(--headingColor)
}

.prediction-wrapper h1 {
    font-size: 32px;
    line-height: 44.8px;
    letter-spacing: 1px
}

@media (max-width:500px) {
    .prediction-wrapper h1 {
        font-size: 24px;
        line-height: 36px
    }
}

.prediction-wrapper .prediction-svg {
    position: absolute;
    right: 0;
    top: 150px
}

@media (max-width:500px) {
    .prediction-wrapper .prediction-svg {
        top: 20px
    }
}

.prediction-wrapper .pickems-prize,
.prediction-wrapper .prediction-prize {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width:500px) {

    .prediction-wrapper .pickems-prize,
    .prediction-wrapper .prediction-prize {
        max-width: 100%;
        position: relative;
        left: -6%
    }
}

.prediction-wrapper .pickems-prize {
    width: 100%
}

.prediction-wrapper .pickems-header-section,
.prediction-wrapper .prediction-header-section {
    display: grid;
    grid-template-columns: 1fr 510px;
    align-items: center
}

@media (max-width:500px) {

    .prediction-wrapper .pickems-header-section,
    .prediction-wrapper .prediction-header-section {
        display: flex;
        flex-direction: column-reverse
    }
}

.prediction-wrapper .pickems-header-section h1,
.prediction-wrapper .prediction-header-section h1 {
    margin-right: -90px
}

@media (max-width:500px) {

    .prediction-wrapper .pickems-header-section h1,
    .prediction-wrapper .prediction-header-section h1 {
        margin-right: 0
    }
}

.prediction-wrapper .pickems-header-section p,
.prediction-wrapper .prediction-header-section p {
    margin-right: -60px;
    font-size: 14px;
    line-height: 21px
}

@media (max-width:500px) {

    .prediction-wrapper .pickems-header-section p,
    .prediction-wrapper .prediction-header-section p {
        margin-right: 0;
        font-size: 12px;
        line-height: 18px
    }
}

.prediction-wrapper .season-leaderboard-table-search-and-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px
}

.prediction-wrapper .prediction-explainer {
    display: flex;
    gap: 16px;
    margin: 16px 0;
    border-bottom: 1px solid #373738;
    padding-bottom: 16px
}

.prediction-wrapper .leaderboard-row {
    height: 32px;
    background: #2a343a
}

.prediction-wrapper .leaderboard-row:nth-child(odd) {
    background: #1c262c
}

.prediction-wrapper .leaderboard-row.border-above td {
    border-top: 1px solid #545454
}

.prediction-wrapper .leaderboard-row.is-user {
    background: #2e4350
}

.prediction-wrapper .arrow-wrapper {
    display: flex;
    gap: 16px
}

.prediction-wrapper .leaderboard-pagination-arrow {
    opacity: .3
}

.prediction-wrapper .leaderboard-pagination-arrow:has(a) {
    opacity: 1
}

.prediction-wrapper .leaderboard-pagination-arrow:has(a) .fa {
    background: #434447
}

.prediction-wrapper .leaderboard-pagination-arrow:has(a) .fa:hover {
    background: #5a5b5e;
    cursor: pointer
}

.prediction-wrapper .leaderboard-pagination-arrow a {
    color: #fff
}

.prediction-wrapper .leaderboard-pagination-arrow a:hover {
    color: #fff !important
}

.prediction-wrapper .leaderboard-pagination-arrow .fa {
    flex: 0 0 32px;
    display: flex;
    height: 32px;
    width: 32px;
    justify-content: center;
    align-items: center;
    background: #4a4a50;
    border-radius: 4px
}

.prediction-wrapper .prediction-explainer-badge {
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 2px
}

.prediction-wrapper .prediction-explainer-badge.correct {
    background: #097204
}

.prediction-wrapper .prediction-explainer-badge.almost-correct {
    background: #d9861e
}

.prediction-wrapper .prediction-explainer-badge.incorrect {
    background: #852121
}

.prediction-wrapper .prediction-explainer-row {
    display: flex;
    align-items: center;
    gap: 4px
}

.prediction-wrapper .top-20-leaderboard-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px
}

.prediction-wrapper .top-20-leaderboard-table .a-reset {
    display: block
}

.prediction-wrapper .top-20-leaderboard-table .a-reset:hover {
    color: #fff !important
}

.prediction-wrapper .top-20-leaderboard-table th {
    font-size: 10px;
    height: 32px;
    border-bottom: 1px solid #545454;
    color: hsla(0, 0%, 100%, .4)
}

.prediction-wrapper .top-20-leaderboard-table .placement {
    width: 70px;
    text-align: left;
    font-weight: 700;
    padding-left: 16px
}

.prediction-wrapper .top-20-leaderboard-table .points {
    width: 70px;
    text-align: right;
    font-weight: 700;
    padding-right: 16px
}

.prediction-wrapper .top-20-leaderboard-table .player {
    text-align: left
}

.prediction-wrapper .prediction-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    padding: 0
}

.prediction-wrapper .pick-prediction,
.prediction-wrapper .save-prediction {
    margin-top: 16px;
    border: 2px solid var(--headingColor);
    width: 100%;
    border-radius: 4px;
    height: 42px;
    font-weight: 700;
    font-size: 18px;
    background: none;
    color: var(--headingColor)
}

.prediction-wrapper .pick-prediction:hover,
.prediction-wrapper .save-prediction:hover {
    background: var(--headingColor);
    color: #000;
    cursor: pointer
}

.prediction-wrapper .sign-in {
    text-decoration: none;
    color: #87a3bf;
    cursor: pointer
}

.prediction-wrapper .sign-in:hover {
    color: #87a3bf !important;
    cursor: pointer
}

.prediction-wrapper .underline {
    text-decoration: underline
}

.prediction-popup-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.prediction-popup-wrapper .prediction-modal-header {
    font-weight: 700;
    font-size: 24px
}

.prediction-popup-wrapper .prediction-modal-info-text {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .65)
}

.prediction-popup-wrapper .prediction-player-picked {
    opacity: .25
}

.prediction-popup-wrapper .prediction-player-picked .prediction-player-image,
.prediction-popup-wrapper .prediction-player-picked .prediction-player-team-logo-image {
    filter: saturate(0)
}

.prediction-popup-wrapper .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.prediction-popup-wrapper .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 8px solid transparent;
    border-top-color: #fff
}

.prediction-popup-wrapper .lds-ring div:first-child {
    animation-delay: -.45s
}

.prediction-popup-wrapper .lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.prediction-popup-wrapper .lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.prediction-popup-wrapper .prediction-buttons-wrapper {
    display: flex;
    gap: 32px;
    text-align: center;
    justify-content: center;
    align-items: center
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-buttons-wrapper {
        flex-wrap: wrap;
        gap: 16px
    }
}

.prediction-popup-wrapper .prediction-buttons-wrapper button {
    flex: 1 auto;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    min-height: 32px
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-buttons-wrapper button {
        flex: 0 0 100%
    }
}

.prediction-popup-wrapper .prediction-buttons-wrapper button:hover {
    cursor: pointer
}

.prediction-popup-wrapper .prediction-buttons-wrapper .cancel-prediction {
    border: 1px solid #939393;
    color: #939393;
    background: transparent;
    font-weight: 700
}

.prediction-popup-wrapper .prediction-buttons-wrapper .cancel-prediction:hover {
    color: #fff;
    background: #8c0202
}

.prediction-popup-wrapper .prediction-buttons-wrapper .ok-prediction {
    background: #0abaef;
    color: #fff;
    font-weight: 700
}

.prediction-popup-wrapper .prediction-buttons-wrapper .ok-prediction:hover {
    filter: brightness(120%)
}

.prediction-popup-wrapper #save-popup-modal {
    height: 250px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.prediction-popup-wrapper .prediction-popup-all-teams {
    color: hsla(0, 0%, 100%, .35)
}

.prediction-popup-wrapper .prediction-popup-all-teams.selected {
    color: #fff;
    font-weight: 700
}

.prediction-popup-wrapper .prediction-popup-header {
    display: flex;
    align-items: center
}

.prediction-popup-wrapper .prediction-popup-header-title {
    padding-left: 42px;
    text-align: center;
    flex: 1
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-popup-header-title {
        font-size: 16px
    }
}

.prediction-popup-wrapper .prediction-popup-header-close {
    flex: 0 0 42px
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-popup-header-close {
        font-size: 16px
    }
}

.prediction-popup-wrapper .prediction-popup-header-close:hover {
    cursor: pointer
}

.prediction-popup-wrapper .all-teams-selection {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #2c2f32;
    height: 42px;
    border-radius: 4px;
    border: 0;
    color: #fff
}

.prediction-popup-wrapper .prediction-popup {
    position: absolute;
    background-color: #16181a;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16), 0 1px 2px 0 rgba(0, 0, 0, .08);
    z-index: 3;
    border-radius: 4px;
    width: 100%;
    max-width: 708px;
    height: 100%;
    max-height: 600px;
    pointer-events: all;
    display: flex;
    flex-direction: column;
    gap: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 16px;
    box-sizing: border-box;
    color: #e5e5e5
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-popup {
        width: 100%;
        height: 500px;
        max-height: 500px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.prediction-popup-wrapper .prediction-popup .prediction-popup-teamname {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    left: 50%;
    background: rgba(0, 0, 0, .98);
    color: #fff;
    top: -30px;
    width: 130px;
    text-align: center;
    transform: translateX(-50%);
    border-radius: 100px;
    opacity: 0
}

.prediction-popup-wrapper .prediction-popup .prediction-highlight {
    color: #0abaef
}

.prediction-popup-wrapper .prediction-popup .prediction-popup-header {
    text-align: center;
    font-weight: 700;
    font-size: 24px
}

.prediction-popup-wrapper .prediction-popup .selectable-player {
    height: 100%;
    width: 100%
}

.prediction-popup-wrapper .prediction-popup .selectable-player .player-team-logo,
.prediction-popup-wrapper .prediction-popup .selectable-player .prediction-player-image {
    height: 50px;
    width: 50px
}

.prediction-popup-wrapper .prediction-player {
    border: 0;
    height: 105px
}

.prediction-popup-wrapper .prediction-player:hover {
    cursor: pointer
}

.prediction-popup-wrapper .prediction-player .prediction-nickname {
    font-size: 14px;
    line-height: 14px
}

.prediction-popup-wrapper .prediction-player .prediction-rating {
    font-size: 10px
}

.prediction-popup-wrapper .prediction-player .prediction-nickname-container {
    left: 4px
}

.prediction-popup-wrapper .prediction-popup-team-container {
    background: linear-gradient(180deg, #2b2d2f, #242628);
    padding: 4px;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #0abaef
}

.prediction-popup-wrapper .prediction-popup-team-container:hover {
    cursor: pointer;
    filter: brightness(120%)
}

.prediction-popup-wrapper .prediction-popup-team-container:hover .prediction-popup-teamname {
    opacity: 1
}

.prediction-popup-wrapper .prediction-popup-team-container:not(.selected) {
    background: linear-gradient(180deg, #2b2d2f, #242628);
    border: 0
}

.prediction-popup-wrapper .prediction-popup-team-container:not(.selected):hover {
    cursor: pointer;
    filter: brightness(120%)
}

.prediction-popup-wrapper .prediction-popup-team-container:not(.selected):hover .prediction-popup-team {
    opacity: 1
}

.prediction-popup-wrapper .prediction-popup-team-container:not(.selected) .prediction-popup-team {
    opacity: .5
}

.prediction-popup-wrapper .prediction-popup-teams {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30px, 30px));
    grid-gap: 8px;
    grid-auto-rows: 1fr;
    padding: 0
}

.prediction-popup-wrapper .prediction-popup-players {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    height: 100%;
    overflow-y: scroll;
    margin-right: -8px;
    padding: 0 8px 0 0
}

.prediction-popup-wrapper .prediction-popup-players::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .prediction-popup-wrapper .prediction-popup-players::-webkit-scrollbar {
        height: 3px
    }
}

.prediction-popup-wrapper .prediction-popup-players::-webkit-scrollbar-thumb {
    background: #2a2c2e !important;
    border-radius: 10px !important
}

.prediction-popup-wrapper .prediction-popup-players::-webkit-scrollbar-thumb:hover {
    background: #3d4041 !important
}

.prediction-popup-wrapper .prediction-popup-team {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-popup-wrapper .prediction-popup-player {
    max-width: 100%
}

.prediction-player {
    background: #000;
    border-radius: 4px;
    height: 174px;
    position: relative;
    box-sizing: border-box;
    background: linear-gradient(180deg, #2b2d2f, #242628);
    display: flex;
    border: 1px solid #0abaef;
    overflow: hidden;
    z-index: 2
}

.prediction-player::marker {
    display: none
}

.prediction-player.prediction-player-picked {
    cursor: inherit !important;
    background: linear-gradient(180deg, #2b2d2f, #242628) !important
}

.prediction-player:hover {
    cursor: pointer;
    background: linear-gradient(180deg, #414346, #2e3033)
}

.prediction-player.no-player .prediction-player-image {
    opacity: .35
}

.prediction-player.correct {
    border: 1px solid #097204;
    box-shadow: 0 0 5px 0 rgba(9, 114, 4, .75)
}

.prediction-player.correct:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    position: absolute;
    left: 6px;
    top: 6px
}

.prediction-player.correct:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #097204;
    width: 30px;
    height: 30px;
    border-radius: 0 0 20px 0;
    content: ""
}

.prediction-player.correct .prediction-player-rank {
    color: #09bd00 !important
}

.prediction-player.incorrect {
    border: 1px solid #852121;
    box-shadow: 0 0 5px 0 rgba(133, 33, 33, .75)
}

.prediction-player.incorrect:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00d";
    position: absolute;
    left: 7px;
    top: 6px
}

.prediction-player.incorrect:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #852121;
    width: 30px;
    height: 30px;
    border-radius: 0 0 20px 0;
    content: ""
}

.prediction-player.incorrect .prediction-player-rank {
    color: #e72e2e !important;
    opacity: 1 !important
}

.prediction-player.might-be-near-miss {
    border: 1px solid #6c6c6c;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 50.6%, .75)
}

.prediction-player.might-be-near-miss:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f128";
    position: absolute;
    left: 6px;
    top: 6px;
    color: #9b9b9b
}

.prediction-player.might-be-near-miss:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #d3d3d3;
    width: 30px;
    height: 30px;
    border-radius: 0 0 20px 0;
    content: ""
}

.prediction-player.might-be-near-miss .prediction-player-rank {
    color: #e1e1e1 !important
}

.prediction-player.near-miss {
    border: 1px solid #d9861e;
    box-shadow: 0 0 5px 0 rgba(197, 128, 24, .75)
}

.prediction-player.near-miss:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    position: absolute;
    left: 6px;
    top: 6px
}

.prediction-player.near-miss:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #ce7c18;
    width: 30px;
    height: 30px;
    border-radius: 0 0 20px 0;
    content: ""
}

.prediction-player.near-miss .prediction-player-rank {
    color: #cb7818 !important
}

.prediction-player .prediction-player-team-logo-image {
    width: 20px;
    top: 4px;
    right: 4px;
    position: absolute
}

.prediction-player .prediction-mobile-player-team-logo-image {
    width: 30px;
    top: 4px;
    right: 4px;
    position: absolute
}

.prediction-player .prediction-bg {
    height: 27px;
    width: 100%;
    position: absolute;
    background: #26282a;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-bg:after {
    position: absolute;
    content: "";
    background: linear-gradient(0deg, #26282a, transparent);
    width: 100%;
    height: 27px;
    top: -27px
}

.prediction-player .prediction-player-rank {
    font-size: 34px;
    line-height: 34px;
    position: absolute;
    font-weight: 700;
    right: 8px;
    bottom: 8px;
    opacity: .15;
    text-align: right;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-player-rank.selected {
    opacity: 1;
    color: #0abaef
}

.prediction-player .prediction-no-player-text {
    font-size: 64px;
    position: absolute;
    font-weight: 700;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: .35;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-player-info-wrapper {
    position: relative;
    z-index: 1
}

.prediction-player .prediction-nickname {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    padding-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-rating {
    color: #fff;
    opacity: .65;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-player-image-container {
    padding-top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prediction-player .prediction-player-image {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.prediction-player .prediction-nickname-container {
    position: absolute;
    bottom: 0;
    left: 8px;
    width: 100px;
    z-index: 1
}

.prediction-mobile-players {
    height: 100%;
    overflow-y: scroll;
    margin-right: -8px;
    padding: 0 8px 0 0
}

.prediction-mobile-players::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .prediction-mobile-players::-webkit-scrollbar {
        height: 3px
    }
}

.prediction-mobile-players::-webkit-scrollbar-thumb {
    background: #2a2c2e !important;
    border-radius: 10px !important
}

.prediction-mobile-players::-webkit-scrollbar-thumb:hover {
    background: #3d4041 !important
}

.prediction-mobile-player {
    display: flex;
    background: linear-gradient(180deg, #2b2d2f, #242628);
    border-bottom: 1px solid #3f3f40;
    min-height: 42px;
    flex-wrap: wrap
}

.prediction-mobile-player.no-player .prediction-mobile-player-top:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #414141 !important;
    width: 30px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    content: ""
}

.prediction-mobile-player.no-player .prediction-mobile-player-top .prediction-mobile-player-image {
    opacity: .35
}

.prediction-mobile-player.no-player .prediction-mobile-player-top .prediction-mobile-rank {
    color: #414141 !important;
    opacity: 1 !important
}

.prediction-mobile-player.correct .prediction-mobile-player-top:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    position: absolute;
    right: 6px;
    top: 6px;
    transform: translateY(50%)
}

.prediction-mobile-player.correct .prediction-mobile-player-top:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #097204;
    width: 30px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    content: ""
}

.prediction-mobile-player.correct .prediction-mobile-rank {
    color: #09bd00 !important
}

.prediction-mobile-player.near-miss .prediction-mobile-player-top:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    position: absolute;
    right: 6px;
    top: 6px;
    transform: translateY(50%)
}

.prediction-mobile-player.near-miss .prediction-mobile-player-top:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #d9861e;
    width: 30px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    content: ""
}

.prediction-mobile-player.near-miss .prediction-mobile-rank {
    color: #d9861e !important
}

.prediction-mobile-player.might-be-near-miss .prediction-mobile-player-top:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f128";
    position: absolute;
    right: 9px;
    top: 6px;
    transform: translateY(50%);
    color: #9b9b9b
}

.prediction-mobile-player.might-be-near-miss .prediction-mobile-player-top:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #d3d3d3;
    width: 30px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    content: ""
}

.prediction-mobile-player.might-be-near-miss .prediction-mobile-rank {
    color: #bdbdbd !important
}

.prediction-mobile-player.incorrect .prediction-mobile-player-top:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00d";
    position: absolute;
    right: 7px;
    top: 6px;
    transform: translateY(50%)
}

.prediction-mobile-player.incorrect .prediction-mobile-player-top:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #852121;
    width: 30px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    content: ""
}

.prediction-mobile-player.incorrect .prediction-mobile-rank {
    color: #e72e2e !important;
    opacity: 1 !important
}

.prediction-mobile-player .prediction-mobile-player-team-logo-image {
    width: 20px;
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%)
}

.prediction-mobile-player .prediction-mobile-player-top {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    gap: 8px;
    height: 42px;
    position: relative
}

.prediction-mobile-player .prediction-mobile-player-image-container {
    height: 42px;
    overflow: hidden;
    width: 35px;
    position: relative
}

.prediction-mobile-player .prediction-mobile-sub-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
    border-top: 1px solid #303030
}

.prediction-mobile-player .prediction-mobile-sub-menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .5);
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
    font-size: 10px
}

.prediction-mobile-player .prediction-mobile-player-image {
    height: 70px;
    margin-top: 4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.prediction-mobile-player .prediction-mobile-add-player,
.prediction-mobile-player .prediction-mobile-player-edit,
.prediction-mobile-player .prediction-mobile-rank {
    flex: 0 0 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.prediction-mobile-player .prediction-mobile-rank {
    color: hsla(0, 0%, 100%, .35)
}

.prediction-mobile-player .prediction-mobile-player-edit,
.prediction-mobile-player .prediction-mobile-rank.selected {
    color: #0abaef
}

.prediction-mobile-player .prediction-mobile-add-player {
    color: hsla(0, 0%, 100%, .3)
}

.prediction-mobile-player .prediction-mobile-player-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    gap: 3px
}

.prediction-mobile-player .prediction-mobile-player-nickname {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px
}

.prediction-mobile-player .prediction-mobile-player-rating {
    color: hsla(0, 0%, 100%, .35);
    font-size: 12px
}

.prediction-mobile-player .prediction-mobile-pick-player {
    flex: 1;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .35)
}

.pickems-page .tab-wrapper {
    background-color: #00293f;
    position: relative;
    display: flex
}

.pickems-page .slotted-bracket-placeholder.predict-mode {
    background: linear-gradient(180deg, #00293f 10%, #111a1f 20%)
}

@media (max-width:500px) {
    .pickems-page .slotted-bracket-placeholder.predict-mode {
        padding: 16px
    }
}

.pickems-page .group-pickem-wrapper,
.pickems-page .slotted-bracket {
    min-height: 590px
}

@media (max-width:500px) {

    .pickems-page .group-pickem-wrapper,
    .pickems-page .slotted-bracket {
        min-height: 0
    }
}

.pickems-page .group-pickem-swiss-team-logo {
    width: 100% !important
}

.pickems-page .slotted-bracket {
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: hsla(0, 0%, 100%, .05);
    padding: 16px;
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    box-sizing: border-box;
    align-items: center;
    justify-content: center
}

.pickems-page .slotted-bracket .round .slots .slot-wrapper .match .team1.highlight,
.pickems-page .slotted-bracket .round .slots .slot-wrapper .match .team2.highlight {
    background-color: #858789
}

.pickems-page .slotted-bracket .slotted-bracket-tier {
    width: 600px;
    transform: scale(1.2) translateZ(0) translateY(-5px);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

@media (max-width:500px) {
    .pickems-page .slotted-bracket .slotted-bracket-tier {
        transform: none;
        width: 100%
    }
}

.pickems-page .slotted-bracket .slotted-bracket-partner {
    bottom: 40px !important;
    left: 40px !important
}

.pickems-page .slotted-bracket .rounds {
    width: 100%;
    justify-content: space-between
}

.pickems-page .slotted-bracket .round .slots .entry {
    width: 99px;
    right: -100px
}

@media (max-width:500px) {
    .pickems-page .slotted-bracket .round .slots .entry {
        width: 15px;
        right: -16px
    }
}

.pickems-page .slotted-bracket-placeholder.predict-mode:after {
    width: 100%;
    height: calc(100% - 42px);
    content: "";
    display: block;
    left: 0;
    top: 0;
    background: none
}

.pickems-page .tab-holder {
    background-color: #0d3449;
    flex-direction: row;
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-flex;
    margin: 16px 16px 0;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #26495c
}

@media (max-width:500px) {
    .pickems-page .tab-holder {
        max-width: 100%
    }
}

.pickems-page .group-pickem-wrapper .group-pickem-swiss-top .group-pickem-swiss-team-container,
.pickems-page .group-pickem-wrapper .group-pickem-swiss-top .group-pickem-swiss-team-container-view {
    max-width: 100px;
    max-height: 100px
}

.pickems-page .tab {
    transition: background-color .2s ease;
    cursor: pointer;
    float: left;
    padding: 8px 16px;
    border-right: 1px solid #26495c;
    flex: 1 1 auto;
    text-align: center
}

.preload .pickems-page .tab {
    transition: initial !important
}

.pickems-page .tab:last-child {
    border-right: 0
}

@media (max-width:500px) {
    .pickems-page .tab {
        padding: 8px 5px;
        font-size: 10px
    }
}

@media (min-width:414px) and (max-width:563px) {
    .pickems-page .tab {
        padding: 8px 7px;
        font-size: 11px
    }
}

.pickems-page .tab:hover {
    background-color: #45515f
}

.pickems-page .tab.active {
    background-color: #2b6ea4;
    font-weight: 700;
    border-bottom: none !important;
    position: relative;
    top: 1px;
    margin-top: -1px;
    z-index: 2
}

.pickems-page .tab.disabled {
    cursor: not-allowed;
    opacity: .5
}

.pickems-page .tab.disabled:hover {
    background-color: #2b6ea4
}

@media (max-width:500px) {
    .pickems-page .group-pickem-wrapper .group-pickem-game-wrapper {
        padding: 8px
    }
}

.pickems-page .tab-content {
    position: relative;
    z-index: 1;
    margin-bottom: 18px
}

.pickems-page .tab-content .sub-navigation {
    margin-top: 8px
}

.pickems-page .arrow-wrapper {
    display: flex
}

.transfer.transfer-container {
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.transfer.transfer-container .transfer-row {
    background-color: #2d3844 !important
}

.transfer.transfer-container .transfer-row:last-child {
    border-bottom: 0
}

.transfer .standard-headline {
    font-size: 20px;
    font-weight: 700;
    opacity: 1
}

.transfer:not(.transfer-sidebar) .transfer-row {
    background: #364250
}

.transfer:not(.transfer-sidebar) .transfer-row:hover {
    background: #45515f
}

.transfer:not(.transfer-sidebar) .transfer-row:hover .transfer-team-status {
    background: linear-gradient(0deg, #45515f 50%, rgba(69, 81, 95, 0))
}

.transfer:not(.transfer-sidebar) .transfer-team-status {
    background: linear-gradient(0deg, #364250 50%, rgba(54, 66, 80, 0))
}

.transfer .transfers-empty {
    padding: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: rgba(146, 154, 158, .65)
}

.transfer .transfer-redirect {
    background: #435971;
    padding: 8px;
    border-radius: 4px;
    color: #929a9e
}

.transfer .transfer-redirect:hover {
    background: #59728e;
    color: #929a9e !important;
    cursor: pointer
}

.transfer .transfer-filters {
    padding: 8px;
    border-bottom: 1px solid #495867;
    position: sticky;
    top: 46px;
    background: #2d3844;
    z-index: 9
}

.transfer .transfer-filters:after {
    position: absolute;
    height: 10px;
    width: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, .1), transparent);
    bottom: -10px;
    left: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.transfer .transfer-filters .filter {
    position: relative;
    display: flex;
    align-items: center
}

.transfer .transfer-filters .title {
    font-size: 8px;
    text-transform: uppercase;
    opacity: .75;
    font-weight: 700;
    position: absolute;
    top: 1px;
    left: 4px;
    pointer-events: none
}

@media (max-width:500px) {
    .transfer .transfer-filters .title {
        font-size: 7px
    }
}

.transfer .transfer-filters label.title {
    pointer-events: inherit
}

.transfer .transfer-filters .transfer-filter-country,
.transfer .transfer-filters select {
    height: 28px;
    box-sizing: border-box
}

.transfer .transfer-filters select {
    margin: 12px 4px 8px;
    font-weight: 700;
    color: #87a3bf;
    border: 0 solid #495867;
    border-bottom: 2px solid #435971;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAABlBMVEVMaXGHo7+g0u0vAAAAAnRSTlMA/1uRIrUAAAAhSURBVAjXY2AgHzAyQuj/UC4DIxKPgZGBgRHBgwlRAwAAKFQDBUwqZZcAAAAASUVORK5CYII=");
    padding: .3em 2em .3em .3em;
    background-color: #2d3844;
    cursor: pointer;
    transition: .2s ease
}

.preload .transfer .transfer-filters select {
    transition: initial !important
}

.transfer .transfer-filters select:hover {
    background-color: #45515f
}

@media (max-width:500px) {
    .transfer .transfer-filters select {
        padding: .3em 2em .3em .3em;
        display: flex;
        flex: 1 1 100%;
        font-size: 10px
    }
}

.transfer .transfer-filters .transfer-filter-country {
    margin: 12px 4px 8px;
    font-weight: 700;
    color: #87a3bf;
    border: 0 solid #495867;
    border-bottom: 2px solid #435971;
    border-radius: 0;
    padding: .3em 2em .3em .3em;
    background-color: #2d3844;
    transition: .2s ease
}

.preload .transfer .transfer-filters .transfer-filter-country {
    transition: initial !important
}

.transfer .transfer-filters .transfer-filter-country:hover {
    background-color: #45515f
}

@media (max-width:500px) {
    .transfer .transfer-filters .transfer-filter-country {
        padding: .3em;
        display: flex;
        flex: 1 1 100%
    }
}

.transfer .transfer-filters .transfer-filter-country.country-active {
    display: flex;
    flex: 1;
    gap: 4px
}

@media (max-width:500px) {
    .transfer .transfer-filters .transfer-filter-country.country-active {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.transfer .transfer-filters .transfer-country-name {
    max-width: 160px
}

@media (max-width:500px) {
    .transfer .transfer-filters .transfer-country-name {
        max-width: 80px
    }
}

.transfer .transfer-filters ::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(145, 168, 179, .65);
    font-weight: 400
}

.transfer .col-box-con {
    background: #364250
}

.transfer .transfer-row {
    height: 52px;
    border-bottom: 1px solid #495867;
    box-sizing: border-box;
    padding: 8px;
    display: flex;
    gap: 8px
}

.transfer .transfer-teams-container {
    display: flex;
    flex: 0 1 130px;
    gap: 4px;
    align-items: center;
    position: relative
}

@media (max-width:500px) {
    .transfer .transfer-teams-container {
        flex: 0
    }
}

.transfer .transfer-team-logo-container {
    position: relative;
    top: -4px;
    display: flex;
    justify-content: center
}

.transfer .transfer-team-logo-container.no-team {
    top: 0;
    opacity: .4
}

.transfer .transfer-text {
    flex: 1;
    display: flex;
    align-items: center
}

.transfer .transfer-movement {
    flex: 1 auto;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

@media (max-width:500px) {
    .transfer .transfer-movement {
        font-size: 10px
    }
}

.transfer .transfer-date {
    color: rgba(145, 168, 179, .65);
    font-size: 10px;
    flex: 0 0 50px;
    text-align: center
}

@media (max-width:500px) {
    .transfer .transfer-date {
        font-size: 9px;
        flex: 0 0 45px
    }
}

.transfer .transfer-pagination-top {
    display: flex;
    justify-content: space-between
}

.transfer .transfer-player-image-container {
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.transfer .transfer-player-image {
    width: auto;
    height: 65px;
    position: relative;
    left: -14px;
    background: #3e4c54
}

.transfer .transfer-player-image.no-bodyshot {
    height: 35px;
    width: 35px;
    left: 0
}

.transfer .transfer-team-container {
    position: relative;
    flex: 1 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.transfer .transfer-team-no-team,
.transfer .transfer-team-status {
    position: absolute;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

@media (max-width:500px) {

    .transfer .transfer-team-no-team,
    .transfer .transfer-team-status {
        font-size: 6px !important
    }
}

.transfer .transfer-team-no-team {
    font-size: 7px;
    top: 50%;
    transform: translateY(-50%)
}

.transfer .transfer-team-no-team,
.transfer .transfer-team-status {
    text-shadow: 2px 2px 19px #252f3a, -2px -2px 19px #252f3a, -2px 8px 19px #252f3a, -2px -8px 19px #252f3a
}

.transfer .transfer-arrow {
    opacity: .65
}

.transfer .transfer-team-status {
    bottom: -4px;
    font-size: 8px;
    background: linear-gradient(0deg, #252f3a 50%, rgba(37, 47, 58, 0))
}

.transfer .transfers-grouped .transfer-row {
    height: 39px;
    border-bottom: 0;
    padding: 0 8px;
    box-sizing: inherit
}

.transfer .transfers-grouped .transfer-row .transfer-player-image-container {
    width: 35px;
    height: 35px;
    align-self: center
}

.transfer .transfers-grouped .transfer-row:last-child {
    border-bottom: 1px solid #495867;
    padding-bottom: 6px
}

.transfer .transfers-grouped .transfer-row:first-child {
    padding-top: 6px
}

.transfer .transfer-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

@media (max-width:500px) {
    .transfer .transfer-filters {
        gap: 16px;
        row-gap: 8px;
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 4px 8px
    }
}

.transfer .transfer-filters .filter-second-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .transfer .transfer-filters .filter-second-row {
        align-items: flex-start
    }
}

.transfer .transfer-filters .filter-second-row .filter {
    min-width: 150px;
    gap: 8px
}

.transfer .transfer-filters .filter-second-row .title {
    left: 16px;
    font-size: 11px;
    text-transform: inherit;
    top: inherit
}

@media (max-width:500px) {
    .transfer .transfer-filters .filter-second-row .title {
        font-size: 8px;
        left: 18px
    }
}

.transfer .transfer-filters .filter-second-row form {
    align-items: center;
    display: flex
}

@media (max-width:500px) {

    .transfer .transfer-filters form,
    .transfer .transfer-filters select {
        width: 100%;
        max-width: calc(100% - 8px)
    }
}

.transfer .transfer-filters .filter-country-remove {
    color: #929a9e;
    opacity: .35;
    margin-left: 4px;
    position: relative;
    right: -12px
}

.transfer .transfer-filters .filter-country-remove:hover {
    opacity: .65
}

.awardshowPage {
    --headerColor: #e1c693;
    --headerHoverColor: #c4a973;
    --backgroundColor: #0d0d0d;
    --boxColor: #181818;
    --textColor: #fff;
    --headerFont: "Orbitron", sans-serif;
    --textFont: "Urbanist", sans-serif;
    overflow: hidden;
    color: #fff;
    background: var(--backgroundColor) url(/img/static/award/satin.png) 50%/cover no-repeat fixed !important
}

.awardshowPage .request-invite-popup {
    overflow-y: scroll;
    max-height: 70%;
    border-radius: 20px
}

@media (max-width:500px) {
    .awardshowPage .request-invite-popup {
        max-height: 90%
    }
}

.awardshowPage .img-slideshow-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #121217
}

.awardshowPage .xbet-inline-wrapper-1 {
    display: flex;
    align-items: center;
    gap: 3px
}

.awardshowPage .xbet-inline-wrapper-1 .xbet-inline {
    position: relative;
    top: -2px
}

.awardshowPage .xbet-inline-wrapper-1 .xbet-inline svg {
    width: 75px;
    height: auto;
    color: var(--headerColor)
}

.awardshowPage .xbet-subheading {
    display: flex;
    align-items: center;
    gap: 4px
}

.awardshowPage .xbet-subheading .xbet-inline {
    position: relative;
    top: -2px
}

.awardshowPage .xbet-subheading .xbet-inline svg {
    height: 14px
}

@media (max-width:500px) {
    .awardshowPage .xbet-subheading .xbet-inline svg {
        height: 9px;
        width: 40px
    }
}

.awardshowPage .img-slideshow {
    animation: fading 7s infinite;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .3;
    filter: grayscale(1)
}

@keyframes fading {
    0% {
        opacity: 0
    }

    20% {
        opacity: .3
    }

    80% {
        opacity: .3
    }

    to {
        opacity: 0
    }
}

.awardshowPage .awardpageFullWidth {
    margin: 0 auto;
    max-width: 980px;
    position: relative
}

@media (max-width:500px) {
    .awardshowPage .awardpageFullWidth {
        padding: 0 16px
    }
}

.awardshowPage .x-margin {
    margin-top: -40px
}

.awardshowPage a:active,
.awardshowPage a:hover {
    color: var(--headerColor) !important
}

.awardshowPage p {
    font-family: var(--textFont);
    font-variant-numeric: lining-nums proportional-nums
}

.awardshowPage section {
    padding: 80px 0
}

@media (max-width:500px) {
    .awardshowPage section {
        padding: 32px 0
    }
}

.awardshowPage .award-section-1 {
    padding-bottom: 188px
}

.awardshowPage .award-section-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background: linear-gradient(180deg, transparent 40%, var(--backgroundColor) 60%, var(--backgroundColor))
}

.awardshowPage .boxblur>* {
    position: relative;
    z-index: 2
}

.awardshowPage .boxblur:after {
    content: "";
    width: 450px;
    background: rgba(14, 14, 14, .5490196078);
    height: 130px;
    position: absolute;
    top: -105px;
    border-radius: 100%;
    filter: blur(33px);
    left: 50%;
    transform: translateX(-50%)
}

.awardshowPage .award-section-5 {
    position: relative;
    --awardsDisplay: block
}

.awardshowPage .award-section-5:after {
    position: absolute;
    content: "";
    display: var(--awardsDisplay);
    height: 300px;
    background: linear-gradient(0deg, #0d0d0d 30%, transparent);
    width: 100%;
    bottom: 0;
    left: 0
}

@media (max-width:500px) {
    .awardshowPage .award-section-5:after {
        content: none
    }
}

.awardshowPage .award-section-6 {
    padding: 0
}

.awardshowPage .award-section-6 .full-width-sponsors {
    overflow: hidden;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px
}

.awardshowPage .award-section-6 .full-width-sponsors .infinite-carousel {
    display: flex;
    animation: scroll 12s linear infinite;
    width: 2600px
}

@media (max-width:500px) {
    .awardshowPage .award-section-6 .full-width-sponsors .infinite-carousel {
        animation: scroll 14s linear infinite
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-1300px)
    }
}

.awardshowPage .award-section-6 .full-width-sponsors .sponsor-slide-container {
    flex: 0 0 130px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 12px
}

.awardshowPage .award-section-6 .full-width-sponsors .sponsor-slide-container .sponsor-slide {
    background: rgba(24, 24, 24, .4784313725);
    border-radius: 4px;
    width: 75%
}

.awardshowPage .award-section-6 .full-width-sponsors .sponsor-slide-container .sponsor-slide img,
.awardshowPage .award-section-6 .full-width-sponsors .sponsor-slide-container .sponsor-slide svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.awardshowPage .award-section-7 {
    background: var(--backgroundColor)
}

.awardshowPage .award-section-7 .hof-inductee-years {
    display: flex;
    flex-direction: column;
    gap: 60px
}

.awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #4f4a41;
    margin-bottom: 12px;
    padding-bottom: 12px
}

@media (max-width:1000px) {
    .awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation {
        margin: 0 24px 12px
    }
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation {
        margin: 0 0 12px
    }
}

.awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-year {
    font-size: 40px;
    font-family: var(--headerFont);
    color: #fff;
    font-weight: 500;
    margin: 0;
    line-height: 40px
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-year {
        font-size: 24px;
        line-height: 24px
    }
}

.awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-sponsor {
    display: flex;
    align-items: center;
    gap: 8px;
    text-wrap: nowrap;
    font-family: var(--headerFont);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    color: #9b9b9b
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-sponsor {
        flex-direction: column;
        gap: 2px;
        font-size: 8px
    }
}

.awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-sponsor svg {
    color: #fff;
    width: 70px
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductee-years .hof-inductees-wrap .hof-presentation .hof-presentation-sponsor svg {
        height: auto;
        width: 50px
    }
}

.awardshowPage .award-section-7 .hof-inductees {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    font-family: var(--textFont);
    font-weight: 700;
    color: var(--boxColor)
}

@media (max-width:1000px) {
    .awardshowPage .award-section-7 .hof-inductees {
        grid-template-columns: repeat(auto-fill, 210px);
        padding: 0 24px
    }
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees {
        display: grid;
        grid-auto-flow: column;
        gap: 24px;
        overflow-x: auto;
        grid-template-columns: auto;
        padding: 0
    }
}

.awardshowPage .award-section-7 .hof-inductees .hof-section-logo {
    width: 100%
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee {
    cursor: pointer
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees .hof-inductee {
        width: 167px
    }
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee:hover .inductee-img img {
    filter: brightness(1.1);
    transition: all .3s ease-in-out
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee-sample {
    cursor: auto
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee-sample .inductee-img {
    background: var(--backgroundColor) url(/img/static/award/satin.png) 50%/cover no-repeat !important;
    position: relative;
    opacity: .5
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee-sample .inductee-img img {
    opacity: .75
}

.awardshowPage .award-section-7 .hof-inductees .hof-inductee-sample .inductee-img .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(221deg, #514734 10.44%, #1d1506 81.86%);
    opacity: .25
}

.awardshowPage .award-section-7 .hof-inductees .info-container {
    border: 1px solid var(--headerColor)
}

.awardshowPage .award-section-7 .hof-inductees .info-container .inductee-year {
    text-align: center;
    background-color: var(--headerColor);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees .info-container .inductee-year {
        font-size: 12px
    }
}

.awardshowPage .award-section-7 .hof-inductees .info-container .inductee-img {
    width: 100%;
    height: 250px;
    overflow: hidden
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees .info-container .inductee-img {
        height: 180px
    }
}

.awardshowPage .award-section-7 .hof-inductees .info-container .inductee-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    transition: all .4s ease-in-out
}

.awardshowPage .award-section-7 .hof-inductees .info-container .inductee-nick {
    text-align: center;
    padding: 12px 0;
    font-size: 30px;
    background: var(--headerColor);
    text-transform: uppercase;
    font-family: var(--headerFont)
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees .info-container .inductee-nick {
        font-size: 16px
    }
}

.awardshowPage .award-section-7 .hof-inductees .inductee-bottom {
    border: 1px solid var(--headerColor);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--headerColor);
    background: var(--backgroundColor) url(/img/static/award/satin.png) 50%/cover no-repeat !important;
    margin-top: 2px;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding: 8px 4px;
    font-weight: 700
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-inductees .inductee-bottom {
        font-size: 12px
    }
}

.awardshowPage .award-section-7 .hof-info {
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.awardshowPage .award-section-7 .hof-info .close {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 999;
    cursor: pointer
}

.awardshowPage .award-section-7 .hof-info .close .close-btn {
    padding: 8px
}

.awardshowPage .award-section-7 .hof-info .hof-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65)
}

.awardshowPage .award-section-7 .hof-info .hof-data-info {
    position: relative;
    width: 80%;
    max-width: 1050px;
    display: flex;
    background: var(--boxColor);
    color: var(--headerColor);
    padding: 24px;
    box-sizing: border-box
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left {
    flex: 0 0 450px;
    position: relative;
    margin: -24px 0 -24px -24px
}

@media (max-width:1000px) {
    .awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .1
    }
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left .bg-img-container {
    margin-left: 45px;
    height: 100%
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left .bg-img-container .bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(1)
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left .gold-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-left .bg-img-transition {
    height: 100%;
    width: 310px;
    position: absolute;
    top: 0;
    left: 295px;
    background: linear-gradient(90deg, transparent, var(--boxColor), transparent)
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right {
    flex: 1;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    gap: 16px;
    font-size: 14px
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .reg-info h2 {
    text-align: left;
    margin: 0;
    line-height: 56px
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .reg-info .hof-born {
    margin-top: -6px
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px
}

@media (max-width:500px) {
    .awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 12px;
        font-size: 12px
    }

    .awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container h2 {
        padding: 0
    }
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container .hof-data-title {
    font-family: var(--headerFont);
    font-weight: 400
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container .hof-data-text {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-data-container .hof-data-text li {
    letter-spacing: 1.5px
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-player-link {
    width: 100%;
    background: var(--headerColor);
    color: var(--backgroundColor);
    text-transform: uppercase;
    grid-column: span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px
}

.awardshowPage .award-section-7 .hof-info .hof-data-info .hof-right .hof-player-link:hover {
    color: var(--backgroundColor) !important;
    background: var(--headerHoverColor)
}

.awardshowPage .section-2-upper-bg {
    position: absolute;
    top: -343px;
    width: 110%;
    height: 1040px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.awardshowPage .award-section-3 {
    position: relative
}

.awardshowPage .section-3-bg {
    position: absolute;
    mix-blend-mode: screen
}

@media (max-width:500px) {
    .awardshowPage .section-3-bg {
        display: none
    }
}

.awardshowPage .section-3-glitter-bg {
    top: 0;
    max-height: 100%
}

.awardshowPage .section-3-statuette-bg {
    right: 0;
    bottom: 0;
    max-height: 50%
}

.awardshowPage .award-section-news {
    background: var(--backgroundColor) url(/img/static/award/glitter-bg.png);
    padding-top: 0
}

.awardshowPage .bg-mobile {
    position: absolute;
    mix-blend-mode: screen;
    display: none;
    right: 0;
    top: 41%
}

.awardshowPage .bg-mobile.alt {
    top: 0;
    height: 100%
}

@media (max-width:500px) {
    .awardshowPage .bg-mobile {
        display: flex
    }
}

.awardshowPage .stroke-number {
    width: 40px;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    -webkit-text-stroke: 1px var(--headerColor);
    -webkit-text-fill-color: transparent;
    font-family: var(--textFont);
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.3;
    padding-right: 16px
}

.awardshowPage .back-btn-design,
.awardshowPage .to-top-btn {
    border: none;
    outline: none;
    color: var(--headerColor);
    font-size: 16px;
    font-family: var(--headerFont);
    background-color: transparent;
    cursor: pointer
}

.awardshowPage .back-btn-design:hover,
.awardshowPage .to-top-btn:hover {
    color: var(--textColor) !important
}

.awardshowPage .back-btn-design {
    display: flex;
    align-items: center;
    gap: 5px
}

.awardshowPage .to-top-btn {
    bottom: 20px
}

@media (max-width:500px) {
    .awardshowPage .to-top-btn {
        display: none
    }
}

.awardshowPage .dark-section {
    background: var(--backgroundColor)
}

.awardshowPage .award-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 980px;
    background-color: var(--boxColor);
    padding: 24px;
    gap: 100px;
    border-radius: 4px
}

@media (max-width:500px) {
    .awardshowPage .award-box {
        flex-direction: column;
        gap: 32px
    }
}

.awardshowPage .award-box.alt {
    gap: 40px
}

.awardshowPage .h1-multi-line {
    display: flex;
    flex-direction: column
}

.awardshowPage .award-box-text {
    display: flex;
    flex-direction: column;
    gap: 45px;
    text-align: left
}

.awardshowPage .award-box-text.alt {
    gap: 22px
}

.awardshowPage .partners-container {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    justify-content: center
}

.awardshowPage .partners-container .partner-logo {
    width: 120px;
    padding: 8px;
    background: rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center
}

.awardshowPage .partners-container .partner-logo img {
    width: 100%
}

.awardshowPage .award-box-sub-header {
    font-family: var(--textFont);
    font-size: 16px;
    color: var(--headerColor);
    letter-spacing: 4.845px;
    line-height: 2.5;
    font-weight: 600
}

.awardshowPage .award-box-sub-header.alt {
    color: var(--headerColor);
    font-family: var(--headerFont);
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: 1px
}

@media (max-width:500px) {
    .awardshowPage .award-box-sub-header.alt {
        font-size: 32px;
        line-height: 37px;
        letter-spacing: 1px
    }
}

.awardshowPage .award-box-info {
    color: var(----textColor);
    font-family: var(--headerFont);
    font-size: 33px;
    line-height: 35px;
    font-weight: 500
}

.awardshowPage .award-box-info.alt {
    color: #f2f2f2;
    font-family: var(--textFont);
    font-size: 20px;
    letter-spacing: 1px;
    font-variant-numeric: lining-nums proportional-nums;
    line-height: 28px;
    font-weight: 300
}

@media (max-width:500px) {
    .awardshowPage .award-box-info.alt {
        font-size: 18px;
        letter-spacing: -.3px;
        line-height: 21px;
        margin-right: -16px
    }
}

.awardshowPage .uppercase {
    text-transform: uppercase
}

.awardshowPage .text-center {
    text-align: center
}

.awardshowPage h1 {
    font-size: 42px;
    font-family: var(--headerFont);
    color: var(----textColor);
    line-height: 1
}

@media (max-width:500px) {
    .awardshowPage h1 {
        font-size: 32px
    }
}

.awardshowPage h2 {
    font-family: var(--headerFont);
    font-size: 56px;
    text-align: center
}

@media (max-width:500px) {
    .awardshowPage h2 {
        font-size: 31px;
        text-align: left;
        padding-left: 16px
    }
}

.awardshowPage .compact-line {
    line-height: 1
}

.awardshowPage details {
    background-color: transparent
}

.awardshowPage details[open] {
    border: none
}

.awardshowPage h2,
.awardshowPage h3,
.awardshowPage h4 {
    color: var(--headerColor)
}

.awardshowPage .award-box-column {
    display: flex;
    flex-direction: column;
    gap: 70px
}

@media (max-width:500px) {
    .awardshowPage .award-box-column {
        gap: 40px
    }
}

.awardshowPage .testimonial-carousel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 22px;
    position: relative;
    margin-top: 40px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-carousel .carousel-slider-elements {
        padding-left: 16px
    }
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller {
    width: 100%;
    justify-content: space-between;
    padding: 0 40px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller {
        padding: 0 16px
    }
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper button {
    pointer-events: all
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button {
    border: 0;
    width: 37px;
    height: 37px;
    font-size: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--headerColor)
}

@media (max-width:500px) {
    .awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button {
        color: var(--headerColor);
        font-size: 24px
    }
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button .fa {
    position: relative;
    top: -1px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button .fa {
        top: 0
    }
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button .fa-caret-right {
    right: -2px
}

.awardshowPage .testimonial-carousel .carousel-slider-header-wrapper .carousel-slider-controller button .fa-caret-left {
    left: -2px
}

.awardshowPage .testimonial-carousel .carousel-slider-elements {
    gap: 24px;
    scroll-padding: 24px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-carousel .carousel-slider-elements {
        gap: 32px;
        scroll-padding: 8px
    }
}

.awardshowPage .awards-slide {
    display: flex;
    flex-direction: row;
    flex: 0 0 580px;
    height: 320px;
    background-color: var(--boxColor);
    border-radius: 4px;
    scroll-snap-align: start
}

@media (max-width:500px) {
    .awardshowPage .awards-slide {
        flex: 0 0 320px;
        height: 220px
    }
}

.awardshowPage .testimonial-image {
    display: flex;
    flex: 0 0 243px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-image {
        flex: 0 0 150px
    }
}

.awardshowPage .testimonial-image img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px 0 0 4px
}

.awardshowPage .testimonial-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 32px;
    padding: 16px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-text {
        padding: 0 8px;
        gap: 8px
    }
}

.awardshowPage .testimonial-quote {
    font-family: var(--textFont);
    color: var(--textColor);
    font-size: 16px
}

@media (max-width:500px) {
    .awardshowPage .testimonial-quote {
        font-size: 12px
    }
}

.awardshowPage .quote-name {
    font-family: var(--headerFont);
    color: var(--headerColor);
    font-size: 26px;
    font-weight: 500;
    line-height: 28px
}

@media (max-width:500px) {
    .awardshowPage .quote-name {
        font-size: 15px;
        line-height: 20px
    }
}

.awardshowPage .some-tag {
    font-family: var(--textFont);
    color: var(--textColor);
    font-size: 14px;
    font-weight: 300
}

@media (max-width:500px) {
    .awardshowPage .some-tag {
        font-size: 12px
    }
}

.awardshowPage .awards-wrapper {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 16px
}

@media (max-width:500px) {
    .awardshowPage .awards-wrapper {
        flex-direction: column;
        gap: 80px;
        padding: 0;
        margin: 0 auto;
        max-width: 370px
    }
}

.awardshowPage .awards-wrapper h3 {
    list-style: none;
    font-size: 24px;
    padding: 13px
}

.awardshowPage .awards-wrapper ul {
    list-style: none;
    padding: 0
}

.awardshowPage .awards-wrapper details {
    padding: 4px 22px
}

.awardshowPage .awards-wrapper summary:before {
    content: "+";
    color: var(--headerColor);
    margin-right: 10px;
    transform: rotate(0deg)
}

.awardshowPage .awards-wrapper details[open] summary:before {
    content: "+";
    margin-right: 10px;
    transform: rotate(45deg)
}

.awardshowPage summary {
    font-size: 14px;
    font-family: var(--textFont);
    padding-left: 16px;
    height: 100%;
    font-weight: 500
}

@media (max-width:500px) {
    .awardshowPage summary {
        font-size: 16px
    }
}

.awardshowPage .awards-candidates {
    font-size: 14px;
    color: var(--headerColor);
    text-align: left;
    padding-left: 42px
}

.awardshowPage .awards-candidates .first:after,
.awardshowPage .awards-candidates .second:after,
.awardshowPage .awards-candidates .third:after {
    font-size: 11px;
    margin-bottom: -1px;
    color: var(--textColor);
    font-family: var(--textFont)
}

.awardshowPage .awards-candidates .first:after {
    content: "1st"
}

.awardshowPage .awards-candidates .second:after {
    content: "2nd"
}

.awardshowPage .awards-candidates .third:after {
    content: "3rd"
}

.awardshowPage .awards-candidates p {
    margin-top: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    line-height: 16px
}

.awardshowPage .awards-candidates p:last-child {
    margin-bottom: 14px
}

.awardshowPage .add-to-calendar::part(atcb-button),
.awardshowPage .button-design {
    border: 1px solid var(--headerColor);
    border-radius: 0;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    font-family: var(--textFont);
    font-size: 12px;
    padding: 8px 25px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px
}

.awardshowPage .add-to-calendar::part(atcb-button):disabled,
.awardshowPage .button-design:disabled {
    cursor: default
}

.awardshowPage .add-to-calendar::part(atcb-button) {
    color: #fff
}

.awardshowPage .add-to-calendar::part(atcb-button):hover {
    box-shadow: none;
    margin: .13em
}

.awardshowPage .awards-buttons {
    display: flex;
    font-size: 12px;
    margin-top: 24px;
    flex-direction: row;
    gap: 15px;
    align-items: center
}

@media (max-width:500px) {
    .awardshowPage .awards-buttons {
        flex-direction: column;
        width: 200px;
        margin-top: 20px
    }
}

.awardshowPage .awards-buttons .button1 {
    height: 37px;
    background: var(--headerColor);
    color: rgba(27, 27, 38, .97);
    font-weight: 900
}

.awardshowPage .awards-buttons .button1:hover {
    background: #ebc28f
}

.awardshowPage .awards-buttons .button2 {
    background: transparent;
    color: var(--textColor)
}

.awardshowPage .countdown {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: var(--headerFont);
    font-size: 52px;
    font-weight: 700;
    color: var(--textColor);
    gap: 52px
}

@media (max-width:500px) {
    .awardshowPage .countdown {
        font-size: 24px;
        gap: 0
    }
}

.awardshowPage .countdown-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--textFont);
    color: var(--textColor);
    font-size: 10px;
    letter-spacing: 1.1px;
    font-weight: 400
}

.awardshowPage .award-box-image-wrapper {
    display: flex;
    flex: 0 0 400px;
    z-index: 1
}

@media (max-width:500px) {
    .awardshowPage .award-box-image-wrapper {
        flex: 0 0 320px
    }
}

.awardshowPage .award-box-image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    width: 100%;
    filter: brightness(110%)
}

.awardshowPage .yt-video-wrapper {
    display: block;
    width: 100%;
    z-index: 1;
    flex: 0 0 462px
}

@media (max-width:500px) {
    .awardshowPage .yt-video-wrapper {
        flex: 0
    }
}

.awardshowPage .awards-header-wrapper {
    border: 1px solid var(--headerColor);
    position: relative;
    background: var(--headerColor);
    margin-bottom: 2px
}

.awardshowPage .awards-header-wrapper h3 {
    font-family: var(--headerFont);
    color: #262630;
    font-size: 22px;
    margin: 0;
    padding: 0;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.awardshowPage .awards-header-svg-wrapper {
    position: absolute;
    bottom: calc(100% + 3px);
    left: -2px
}

@media (max-width:500px) {
    .awardshowPage .awards-header-svg-wrapper {
        width: 100%;
        left: -1px
    }
}

.awardshowPage .awards-header-svg-wrapper svg {
    width: calc(100% + 2px)
}

.awardshowPage .sponsor-top:after {
    content: "";
    position: absolute;
    height: 90px;
    width: 310px;
    background: #000;
    z-index: -1;
    filter: blur(51px);
    top: -30px;
    left: -30px
}

@media (max-width:500px) {
    .awardshowPage .sponsor-top:after {
        content: none
    }
}

.awardshowPage .menu-top:after {
    content: "";
    position: absolute;
    height: 120px;
    width: 310px;
    background: #000;
    z-index: -1;
    filter: blur(51px);
    top: -30px;
    right: -30px
}

@media (max-width:500px) {
    .awardshowPage .menu-top:after {
        content: none
    }
}

.awardshowPage .awardshow-back,
.awardshowPage .back-btn-news,
.awardshowPage .menu-top,
.awardshowPage .sponsor-top {
    top: 20px
}

.awardshowPage .menu-top,
.awardshowPage .to-top-btn {
    right: 30px;
    position: fixed;
    z-index: 99;
    text-align: right
}

@media (max-width:500px) {
    .awardshowPage .menu-top {
        display: none
    }
}

.awardshowPage .awardshow-back {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101
}

.awardshowPage .awardshow-back:after {
    content: "";
    position: absolute;
    height: 70px;
    width: 150px;
    background: #000;
    z-index: -1;
    filter: blur(51px);
    top: -30px;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:500px) {
    .awardshowPage .awardshow-back {
        right: 15px;
        position: absolute;
        left: unset;
        transform: unset
    }

    .awardshowPage .awardshow-back:after {
        content: none
    }
}

.awardshowPage .back-btn-news,
.awardshowPage .sponsor-top {
    display: flex;
    flex-direction: row;
    left: 30px;
    position: fixed;
    z-index: 99
}

@media (max-width:500px) {

    .awardshowPage .back-btn-news,
    .awardshowPage .sponsor-top {
        left: 15px
    }
}

@media (max-width:500px) {
    .awardshowPage .sponsor-top {
        position: absolute
    }
}

.awardshowPage .sponsor-text {
    font-family: var(--headerFont);
    font-size: 10px;
    color: var(--textColor);
    font-weight: lighter;
    line-height: 1
}

@media (max-width:500px) {
    .awardshowPage .sponsor-text {
        font-size: 7px
    }
}

.awardshowPage .sponsor-text p {
    margin: 0
}

.awardshowPage .a-reset:hover .sponsor-text,
.awardshowPage .a-reset:hover .xbet-title-text {
    color: #ebc28f
}

.awardshowPage .a-reset .bet-title svg:hover path,
.awardshowPage .a-reset:hover .sponsor-svg-top path,
.awardshowPage .a-reset:hover .xbet-inline path {
    fill: #ebc28f
}

.awardshowPage .sponsor-svg-top {
    margin-top: 1px;
    margin-left: 15px
}

@media (max-width:500px) {
    .awardshowPage .sponsor-svg-top {
        margin-top: -3px;
        margin-left: 5px
    }
}

.awardshowPage .sponsor-svg-top svg {
    width: 96px;
    height: 21px
}

@media (max-width:500px) {
    .awardshowPage .sponsor-svg-top svg {
        width: 58px
    }
}

.awardshowPage .menu-design {
    font-family: var(--headerFont);
    color: var(--textFont);
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    text-decoration: none
}

.awardshowPage .link-active:active,
.awardshowPage .link-hover:hover {
    color: var(--headerColor)
}

.awardshowPage .awards-list-wrapper {
    position: relative;
    line-height: 33px
}

.awardshowPage .awards-list-wrapper details {
    border: 1px solid var(--headerColor);
    border-radius: 0;
    margin-bottom: 8px
}

.awardshowPage .awards-list-wrapper details:last-child {
    margin-bottom: 0
}

.awardshowPage .page-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--headerColor);
    position: relative;
    z-index: 99
}

.awardshowPage .page-title h1,
.awardshowPage .page-title p {
    margin: 0
}

.awardshowPage .page-title p {
    letter-spacing: 1.2px
}

.awardshowPage .page-title img {
    margin-top: 20px
}

@media (max-width:500px) {
    .awardshowPage .page-title img {
        max-width: 90px;
        margin-top: 48px
    }
}

.awardshowPage .page-title .title-first {
    font-size: 44px
}

.awardshowPage .page-title .title-second {
    font-size: 28px
}

.awardshowPage .FAQ {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px
}

@media (max-width:500px) {
    .awardshowPage .FAQ {
        flex-direction: column;
        align-items: center
    }
}

.awardshowPage .FAQ ul {
    padding-left: 0;
    list-style: none;
    margin-left: -24px
}

@media (max-width:500px) {
    .awardshowPage .FAQ ul {
        margin-left: 0
    }
}

.awardshowPage .FAQ .faq-title {
    font-family: var(--headerFont);
    font-size: 62px;
    color: var(--headerColor);
    font-weight: 700;
    transform: rotate(-90deg);
    margin: 0
}

@media (max-width:500px) {
    .awardshowPage .FAQ .faq-title {
        transform: rotate(0deg);
        text-align: center;
        font-size: 32px
    }
}

.awardshowPage .FAQ details {
    width: 500px;
    text-transform: none;
    padding-left: 0
}

@media (max-width:500px) {
    .awardshowPage .FAQ details {
        width: 100%
    }
}

.awardshowPage .FAQ p {
    font-size: 14px;
    width: 100%;
    text-transform: none
}

.awardshowPage .FAQ summary {
    display: flex;
    font-family: var(--textFont);
    color: var(----textColor);
    border-bottom: 1px solid #8a8a8a;
    font-size: 18px
}

@media (max-width:500px) {
    .awardshowPage .FAQ summary {
        font-size: 16px
    }
}

.awardshowPage .FAQ summary:after {
    content: "\f107";
    padding: 0 16px;
    margin-left: auto;
    color: var(--headerColor);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    font-weight: 600;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.awardshowPage .FAQ details[open] summary:after {
    color: var(--headerColor);
    content: "\f106";
    padding-left: 16px
}

.awardshowPage .zero-margin {
    margin: 0
}

.awardshowPage .award-show-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 52px
}

@media (max-width:500px) {
    .awardshowPage .award-show-title {
        padding-left: 12px
    }
}

.awardshowPage .award-show-title .a-reset:hover path {
    fill: #ebc28f
}

.awardshowPage .award-show-title h2 {
    font-size: 53px
}

@media (max-width:500px) {
    .awardshowPage .award-show-title h2 {
        font-size: 31px
    }
}

@media (max-width:500px) {
    .awardshowPage .section-5-title {
        line-height: 1
    }
}

.awardshowPage .xbet-subheading {
    font-family: var(--headerFont);
    font-size: 18px;
    font-weight: lighter
}

@media (max-width:500px) {
    .awardshowPage .xbet-subheading {
        font-size: 10px;
        padding-left: 16px
    }
}

.awardshowPage .bet-title {
    display: flex;
    font-family: var(--textFont);
    font-size: 12px;
    color: var(--textColor);
    flex-direction: column;
    align-items: center;
    margin-top: -72px
}

.awardshowPage .bet-title p {
    letter-spacing: 1.2px;
    font-size: 12px;
    font-weight: 900;
    z-index: 99
}

@media (max-width:500px) {
    .awardshowPage .bet-title {
        text-align: center;
        padding: 0 32px
    }

    .awardshowPage .bet-title svg {
        max-width: 144px;
        z-index: 99
    }
}

.awardshowPage .sponsor-mobile-text {
    display: none;
    font-family: var(--textFont);
    font-size: 9px;
    letter-spacing: 1px
}

@media (max-width:500px) {
    .awardshowPage .sponsor-mobile-text {
        display: flex;
        justify-content: center
    }
}

.awardshowPage .sponsors {
    display: flex;
    align-content: center;
    justify-content: center;
    max-width: 120px
}

.awardshowPage.awards-lightbox-prevent-background-scroll {
    box-sizing: border-box;
    overflow: scroll
}

@media (max-width:500px) {
    .awardshowPage.awards-lightbox-prevent-background-scroll {
        overflow: hidden
    }
}

.awardshowPage.awards-lightbox-prevent-background-scroll .awards-popup-wrapper {
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media (max-width:500px) {
    .awardshowPage.awards-lightbox-prevent-background-scroll .awards-popup-wrapper {
        overflow: scroll;
        background: var(--backgroundColor);
        max-height: 100%;
        max-width: 100%
    }
}

.awardshowPage.awards-lightbox-prevent-background-scroll .awards-popup-container {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

@media (max-width:500px) {
    .awardshowPage.awards-lightbox-prevent-background-scroll .awards-popup-container {
        height: 100%;
        padding: 0
    }
}

.awardshowPage.awards-lightbox-prevent-background-scroll .news-overlay-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 6px;
    font-size: 13px;
    color: rgba(0, 0, 0, .75);
    background: var(--headerColor);
    border-radius: 24px
}

@media (max-width:500px) {
    .awardshowPage.awards-lightbox-prevent-background-scroll .news-overlay-close-btn {
        top: 6px;
        right: 6px
    }
}

.awardshowPage.awards-lightbox-prevent-background-scroll .news-overlay-close-btn:hover {
    cursor: pointer;
    color: #000
}

.awardshowPage.awards-lightbox-prevent-background-scroll .popup-content {
    position: relative;
    border-radius: 10px;
    max-width: 800px;
    max-height: 900px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 50px
}

@media (max-width:500px) {
    .awardshowPage.awards-lightbox-prevent-background-scroll .popup-content {
        padding: 32px 16px
    }
}

.awardshowPage.awards-lightbox-prevent-background-scroll .awards-news-iframe {
    width: 100%;
    height: 100%
}

.awardshowPage .awards-winners {
    display: flex;
    flex-direction: column;
    max-height: 540px;
    overflow: hidden;
    position: relative
}

@media (max-width:500px) {
    .awardshowPage .awards-winners {
        overflow: unset
    }
}

.awardshowPage .awards-winners.expanded {
    max-height: unset
}

.awardshowPage .awards-winners.expanded .expand-awards-button {
    display: none
}

.awardshowPage .awards-winners.expanded:after {
    content: unset
}

@media (max-width:500px) {
    .awardshowPage .awards-winners {
        max-height: unset
    }
}

.awardshowPage .player-awards-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: var(--headerFont);
    font-size: 40px;
    color: var(--textColor);
    margin: 30px 0;
    font-weight: 500
}

@media (max-width:500px) {
    .awardshowPage .player-awards-title {
        flex-direction: column-reverse;
        align-items: center;
        font-size: 24px
    }
}

.awardshowPage .awards-wrapper-flex {
    display: flex;
    flex-direction: column;
    flex: 1
}

.awardshowPage .player-card {
    max-width: 262px
}

@media (max-width:500px) {
    .awardshowPage .player-card {
        margin-top: 15px
    }
}

.awardshowPage .player-card .player-card-image {
    position: relative;
    border: 1px solid var(--headerColor)
}

.awardshowPage .player-card .player-card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.awardshowPage .player-card .player-card-image .player-card-svg-header {
    position: absolute;
    bottom: calc(100% - 1px);
    left: -1px
}

@media (max-width:500px) {
    .awardshowPage .player-card .player-card-image .player-card-svg-header {
        left: -1
    }
}

.awardshowPage .player-card .player-card-image .player-card-svg-header svg {
    width: calc(100% + 1px)
}

.awardshowPage .player-card .player-card-prize {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--textFont);
    font-size: 15px;
    font-weight: 700;
    color: var(--textFont);
    border: 1px solid var(--headerColor);
    border-top: 0;
    letter-spacing: 3px;
    line-height: 1;
    padding: 12px;
    min-height: 30px
}

@media (max-width:500px) {
    .awardshowPage .player-card .player-card-prize {
        font-size: 12px;
        padding: 5px 10px;
        line-height: 1.6;
        letter-spacing: 2px;
        min-height: 39px
    }
}

.awardshowPage .player-card .award-winner {
    font-family: var(--headerFont);
    font-size: 26px;
    color: #262630;
    font-weight: 800;
    line-height: 1.1;
    background: var(--headerColor);
    border: 1px solid var(--headerColor);
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .awardshowPage .player-card .award-winner {
        font-size: 16px
    }
}

.awardshowPage .player-card .award-winner-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.awardshowPage .player-card .player-card-bottom-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: var(--textFont);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2.7px
}

@media (max-width:500px) {
    .awardshowPage .player-card .player-card-bottom-text {
        font-weight: 600;
        font-size: 9px;
        line-height: 16px
    }
}

.awardshowPage .player-card .player-card-nominee {
    color: var(--headerColor)
}

.awardshowPage .player-card .player-card-other-nominees {
    color: var(--textColor);
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums
}

.awardshowPage .player-card .player-card-other-nominees p {
    margin: 0
}

.awardshowPage .player-award-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 90px
}

@media (max-width:500px) {
    .awardshowPage .player-award-box {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 -16px;
        padding: 0 16px;
        overflow-x: scroll;
        gap: 24px;
        justify-content: flex-start;
        background: none
    }
}

.awardshowPage .awards-bottom-svg-wrapper {
    position: absolute;
    top: calc(100% - 6px);
    left: -1px
}

.awardshowPage .awards-bottom-svg-wrapper svg {
    width: calc(100% + 1px)
}

.awardshowPage .awardsNewsWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

@media (max-width:500px) {
    .awardshowPage .awardsNewsWrapper {
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }
}

.awardshowPage .awardsPageGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    padding: 16px
}

.awardshowPage footer {
    padding: 0 60px 60px
}

@media (max-width:500px) {
    .awardshowPage footer {
        padding: 16px
    }
}

.awardshowPage .footer-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:500px) {
    .awardshowPage .footer-section {
        flex-direction: column-reverse;
        gap: 20px
    }
}

.awardshowPage .footer-hltv {
    display: flex;
    flex-direction: row;
    gap: 5px
}

@media (max-width:500px) {
    .awardshowPage .footer-hltv {
        justify-content: center
    }
}

.awardshowPage .footer-hltv-text {
    display: flex;
    flex-direction: column;
    font-family: var(--headerFont);
    color: var(--textFont);
    line-height: 1
}

.awardshowPage .footer-hltv-text .foot-hltv-1 {
    font-size: 16px
}

.awardshowPage .footer-hltv-text .foot-hltv-2 {
    font-size: 14px
}

.awardshowPage .footer-hltv-text .foot-hltv-3 {
    font-size: 10px;
    font-weight: lighter
}

.awardshowPage .footer-contact {
    display: flex;
    flex-direction: column
}

.awardshowPage .contact-info {
    font-family: var(--textFont);
    font-size: 11px;
    color: var(--textColor)
}

.awardshowPage .footer-some {
    display: flex;
    flex-direction: row;
    gap: 15px
}

.awardshowPage .footer-some a {
    color: var(--headerColor)
}

.awardshowPage .footer-some a:hover {
    opacity: .9
}

@media (max-width:500px) {
    .awardshowPage .footer-some {
        display: flex;
        justify-content: center
    }
}

.awardshowPage .footer-some .fa {
    font-size: 42px
}

.awardshowPage .sponsor-ribbon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    gap: 5px
}

.awardshowPage .sponsors-img {
    height: 36px;
    width: 120px;
    border-radius: 4px;
    background-color: var(--boxColor);
    opacity: .5;
    margin: 22px
}

.awardshowPage .news-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 40px
}

@media (max-width:500px) {
    .awardshowPage .news-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 16px
    }
}

.awardshowPage .news-placeholder {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px
}

@media (max-width:500px) {
    .awardshowPage .news-placeholder {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px
    }
}

.awardshowPage .awardsNewsBox {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    gap: 16px;
    background: rgba(24, 24, 30, .9);
    border-radius: 0 0 4px 4px
}

.awardshowPage .awardsNewsBox .newsBoxHeader {
    font-family: var(--textFont);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.awardshowPage .awardsNewsBox:hover {
    filter: brightness(120%)
}

.awardshowPage .awardsNewsBox:hover .newsBoxHeader {
    filter: brightness(50%)
}

.awardshowPage .xbet-title-text {
    font-family: var(--headerFont);
    font-size: 12px;
    font-weight: lighter;
    line-height: 0
}

.awardshowPage .bigBox {
    font-size: 48px;
    height: 100%
}

@media (max-width:500px) {
    .awardshowPage .bigBox {
        font-size: 24px
    }
}

.awardshowPage .bigBox .newsBoxContent {
    height: 100%;
    display: flex;
    align-items: center
}

.awardshowPage .bigBox .newsBoxHeader {
    margin: 0 24px 24px
}

@media (max-width:500px) {
    .awardshowPage .bigBox .newsBoxHeader {
        margin: 0 0 8px 12px
    }
}

.awardshowPage .smallBox {
    font-size: 24px
}

@media (max-width:500px) {
    .awardshowPage .smallBox {
        font-size: 16px
    }
}

.awardshowPage .smallBox .newsBoxHeader {
    margin: 0 12px 12px
}

.awardshowPage .newsBoxImage {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto 800/533
}

.awardshowPage .newsBoxImageWrapper {
    overflow: hidden;
    position: relative;
    padding-top: 41.31607335%;
    border-radius: 4px 4px 0 0
}

.awardshowPage .newsBoxImageOffset {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: -10.6% 0 -15%
}

.awardshowPage .news-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.awardshowPage .news-header a {
    font-family: var(--headerFont);
    color: #a6a6a6;
    font-size: 18px;
    letter-spacing: .1px;
    font-weight: 500
}

.awardshowPage .news-header.news-page {
    padding-top: 16px
}

.awardshowPage .change-award-year {
    display: flex;
    flex-direction: row;
    margin-right: 25px;
    position: relative;
    align-items: center
}

@media (max-width:500px) {
    .awardshowPage .change-award-year {
        margin-right: unset
    }
}

.awardshowPage .change-award-year .award-year {
    width: 136px;
    text-align: center
}

@media (max-width:500px) {
    .awardshowPage .change-award-year .award-year {
        width: 80px
    }
}

.awardshowPage .years-button {
    border: 0;
    outline: none;
    background: transparent;
    color: var(--headerColor);
    display: flex;
    align-items: center
}

.awardshowPage .years-button .fa {
    font-size: 12px;
    padding: 8px
}

.awardshowPage .years-button .fa:hover {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 4px
}

.awardshowPage .invite-form .invite-header {
    font-family: var(--headerFont);
    font-size: 18px
}

@media (max-width:500px) {
    .awardshowPage .invite-form .invite-header {
        text-align: center;
        padding: 0;
        margin: 24px 0
    }
}

.awardshowPage .yt-embedded {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.awardshowPage .yt-embedded iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.awardshowPage .footer-hltv-logo img {
    height: 60px
}

@media (max-width:500px) {
    .awardshowPage .section-4-title {
        text-align: center;
        padding-left: 0
    }
}

.awardshowPage .award-image-size {
    background: var(--backgroundColor);
    display: block;
    width: 260px;
    height: 246px
}

@media (max-width:500px) {
    .awardshowPage .award-image-size {
        height: 155px;
        width: 167px
    }
}

.awardshowPage .invite-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 100px
}

@media (max-width:500px) {
    .awardshowPage .invite-content {
        flex-direction: column-reverse;
        justify-content: center;
        gap: 24px;
        padding: 8px 16px
    }
}

.awardshowPage .invite-content .invite-header {
    font-family: var(--headerFont);
    font-size: 29px;
    color: var(--textColor);
    line-height: 1;
    letter-spacing: 1px
}

.awardshowPage .apply-submit-button {
    background: var(--headerColor);
    border-radius: 4px;
    width: 167px;
    height: auto;
    font-family: var(--textFont);
    font-weight: 800;
    letter-spacing: .5px
}

.awardshowPage .input-header {
    font-family: var(--headerFont);
    font-size: 12px;
    letter-spacing: 1.2px
}

.awardshowPage .invite-column {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media (max-width:500px) {
    .awardshowPage .invite-column {
        width: 100%
    }
}

.awardshowPage .invite-column input {
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 30px
}

.awardshowPage .invite-column.right {
    gap: 32px;
    align-items: center
}

@media (max-width:500px) {
    .awardshowPage .button-desktop {
        display: none
    }
}

.awardshowPage .button-mobile {
    display: none
}

@media (max-width:500px) {
    .awardshowPage .button-mobile {
        display: flex;
        margin: 0 auto;
        justify-content: center
    }
}

.awardshowPage #overlay:after {
    display: none
}

.awardshowPage .countdown-part {
    width: 65px
}

.awardshowPage .countdown-value {
    display: flex;
    justify-content: center
}

.awardshowPage .expand-awards-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin: 0 auto;
    background: var(--headerColor);
    border-radius: 24px;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 16px;
    z-index: 1
}

.awardshowPage .fa-chevron-up {
    position: absolute;
    top: 6px;
    right: 7px
}

.awardshowPage .fa-chevron-down {
    position: absolute;
    top: 7px;
    right: 7px
}

.awardshowPage .overlay-stack-context {
    background: rgba(0, 0, 0, .4)
}

.awardshowPage .atcb-button {
    border-radius: 0 !important;
    padding: 0;
    font-size: 12px !important
}

.awardshowPage .atcb-dark {
    --btn-background: transparent;
    --btn-background-hover: var(--headerColor);
    --list-background: #856c4e;
    --list-background-hover: #715535;
    --btn-text-hover: #654928;
    --btn-shadow-active: none;
    --btn-shadow: none;
    --btn-shadow-hover: none;
    --btn-border: var(--headerColor)
}

.awardshowPage .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .awardshowPage .custom-scrollbar::-webkit-scrollbar {
        height: 3px
    }
}

.awardshowPage .custom-scrollbar::-webkit-scrollbar-track {
    background: var(--backgroundColor)
}

.awardshowPage .custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--headerColor) !important;
    border-radius: 10px !important
}

.awardshowPage .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.player-index {
    --borderRadius: 4px;
    --smallPadding: 4px 8px;
    --bigPadding: 10px;
    --gap: 8px;
    --smallGap: 4px;
    --iconDayColor: $text-color;
    --iconNightColor: $white;
    --active: 59, 129, 163;
    --freeAgent: 112, 173, 87;
    --benched: 193, 171, 97;
    --bgOpacity: .15;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.player-index * {
    box-sizing: border-box
}

.player-index .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.player-index input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 14px;
    width: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M17.2239 13.9093L12.2521 8.9375L17.2239 3.96566C17.834 3.35557 17.834 2.36604 17.2239 1.75595L16.1191 0.651097C15.509 0.0410098 14.5194 0.0410098 13.9093 0.651097L8.9375 5.62294L3.96566 0.651097C3.35557 0.0410098 2.36603 0.0410098 1.75595 0.651097L0.651093 1.75595C0.0410058 2.36604 0.0410058 3.35557 0.651093 3.96566L5.62294 8.9375L0.651093 13.9093C0.0410058 14.5194 0.0410058 15.509 0.651093 16.1191L1.75595 17.2239C2.36603 17.834 3.35557 17.834 3.96566 17.2239L8.9375 12.2521L13.9093 17.2239C14.5194 17.834 15.509 17.834 16.1191 17.2239L17.2239 16.1191C17.834 15.509 17.834 14.5194 17.2239 13.9093Z' fill='white'/></svg>");
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-color: #495867;
    background-position: 50%;
    border-radius: 15px
}

.player-index .index-search-form {
    padding: 4px 8px;
    color: rgba(146, 154, 158, .65);
    background-color: #364250;
    border-radius: var(--borderRadius)
}

.player-index .index-search-form .twitter-typeahead {
    display: block !important
}

.player-index .index-search-form .twitter-typeahead .tt-menu {
    width: 100%;
    margin: -1px 0;
    background-color: #2d3844;
    border: 1px solid #495867;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1))
}

.player-index .index-search-form .twitter-typeahead .box {
    font-size: 12px
}

.player-index .index-search-form .twitter-typeahead .search-result-header-row {
    background-color: #232d38;
    color: rgba(146, 154, 158, .5);
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #495867;
    border-bottom: 1px solid #495867;
    font-size: 10px
}

.player-index .index-search-form .twitter-typeahead .search-result-header {
    padding-left: 5px
}

.player-index .index-search-form .twitter-typeahead .expanded .content {
    position: relative;
    display: flex;
    border: 1px solid #495867;
    background-color: rgba(146, 154, 158, .04);
    font-size: 12px
}

.player-index .index-search-form .twitter-typeahead .expanded {
    padding: 10px;
    border-bottom: 1px solid #495867
}

.player-index .index-search-form .twitter-typeahead .expanded.hoverable .content,
.player-index .index-search-form .twitter-typeahead .tt-cursor .expanded.clickable .content {
    background-color: #45515f
}

.player-index .index-search-form .twitter-typeahead .compact {
    border-bottom: 1px solid #495867;
    padding: 10px 5px
}

.player-index .index-search-form .twitter-typeahead .compact:last-child {
    border-bottom: 0
}

.player-index .index-search-form .twitter-typeahead .compact.hoverable:hover,
.player-index .index-search-form .twitter-typeahead .tt-cursor .compact.clickable {
    background: #45515f
}

.player-index .index-search-form .twitter-typeahead .clickable:hover {
    cursor: pointer
}

.player-index .index-search-form .twitter-typeahead a {
    font-weight: 400
}

.player-index .index-search-form .twitter-typeahead .eventsearch .event-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.player-index .index-search-form .twitter-typeahead .eventsearch .content {
    display: flex;
    flex-direction: row;
    flex: 1 0 auto
}

.player-index .index-search-form .twitter-typeahead .eventsearch .content .info {
    flex: 1 0 auto;
    padding: 10px 0 10px 10px;
    display: flex;
    flex-direction: column
}

.player-index .index-search-form .index-search {
    color: rgba(146, 154, 158, .65);
    border: none;
    background: none;
    width: 100%
}

.player-index .index-search-form .index-search:focus {
    color: #929a9e
}

.player-index .index-search-form .two-input-container {
    gap: var(--gap)
}

.player-index .index-search-form .two-input-container input {
    width: 50%
}

.player-index .index-search-form .two-input-container .divider-vertical {
    width: 1px;
    height: 16px;
    background: #495867
}

.player-index .index-search-form .width-control {
    width: 95%
}

.player-index .index-search-form .filter-range {
    width: 100%;
    margin-top: 20px
}

.player-index .index-search-form .noUi-target.noUi-target {
    background: none;
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.player-index .index-search-form .noUi-connect.noUi-connect {
    height: 2px;
    top: 50%;
    background-color: #435971;
    transform: translateY(-50%)
}

.player-index .index-search-form .filter-single-range .noUi-base:before {
    background-color: #435971
}

.player-index .index-search-form .noUi-handle.noUi-handle {
    border-radius: 15px;
    width: 15px;
    height: 15px;
    left: -8px;
    top: 1px
}

.player-index .index-search-form .noUi-handle.noUi-handle:after,
.player-index .index-search-form .noUi-handle.noUi-handle:before {
    display: none
}

.player-index .index-search-form .noUi-handle-lower {
    color: #000
}

.player-index .index-search-form .noUi-base:before {
    content: " ";
    position: absolute;
    height: 2px;
    top: 50%;
    background-color: #d9d9d9;
    transform: translateY(-50%);
    width: 100%
}

.player-index .index-search-form .inactive .noUi-tooltip {
    -webkit-text-fill-color: rgba(145, 168, 179, .65);
    opacity: .8
}

.player-index .index-search-form .inactive.noUi-active .noUi-tooltip {
    opacity: 1
}

.player-index .index-search-form .noUi-tooltip {
    border: none;
    background: none;
    padding: 0
}

.player-index .flex-column {
    flex-direction: column
}

.player-index .filters-wrap {
    padding: 8px;
    gap: var(--gap);
    display: flex;
    flex-direction: column
}

.player-index .filters-wrap .quick-filters-container {
    gap: var(--gap);
    flex-wrap: wrap
}

.player-index .filters-wrap .quick-filters-container .quick-filter {
    font-weight: 700;
    padding: var(--smallPadding);
    background-color: #364250;
    border-radius: var(--borderRadius);
    cursor: pointer;
    color: #929a9e
}

.player-index .filters-wrap .quick-filters-container .quick-filter:hover {
    background-color: #45515f
}

.player-index .filters-wrap .divider {
    width: 100%;
    min-height: 1px;
    background: #495867
}

.player-index .filters-wrap .filters-container {
    gap: var(--gap)
}

@media (max-width:500px) {
    .player-index .filters-wrap .filters-container {
        flex-wrap: wrap
    }
}

.player-index .filters-wrap .filters-container .filter {
    width: 100%;
    justify-content: space-between;
    background-color: #364250;
    padding: var(--bigPadding);
    gap: var(--gap);
    border-radius: var(--borderRadius);
    position: relative;
    cursor: pointer
}

@media (max-width:500px) {
    .player-index .filters-wrap .filters-container .filter {
        width: calc(50% - var(--gap))
    }
}

.player-index .filters-wrap .filters-container .filter:hover {
    background-color: #45515f
}

.player-index .filters-wrap .filters-container .filter .dropdown {
    position: absolute;
    top: 44px;
    left: 0;
    border-radius: var(--borderRadius);
    width: 200px;
    overflow: hidden;
    z-index: 1
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 240px;
    overflow-y: scroll;
    padding: var(--bigPadding)
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections::-webkit-scrollbar {
    display: none
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections #selected-items {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections #selected-items .filter-select {
    background: #364250;
    border: none;
    font-size: 10px;
    padding: 1px 6px;
    display: flex;
    align-items: center
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections #selected-items .filter-select:hover:before {
    opacity: 1
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections #selected-items .filter-select:before {
    content: "\f00d";
    margin-right: 2px;
    opacity: .5;
    font-size: 8px !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-selections .filter-input {
    display: none
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-title {
    font-weight: 700
}

.player-index .filters-wrap .filters-container .filter .dropdown .filter-select {
    border: 1px solid #495867;
    padding: var(--smallPadding);
    border-radius: var(--borderRadius)
}

.player-index .filters-wrap .filters-container .filter .dropdown .default-selected,
.player-index .filters-wrap .filters-container .filter .dropdown .select {
    border-color: #435971;
    border-width: 2px
}

.player-index .filters-wrap .filters-container .filter-active {
    border: 2px solid #435971
}

.player-index .filters-wrap .filters-container .filter:last-child .dropdown {
    left: unset;
    right: 0
}

.player-index .filters-wrap .filter-options {
    justify-content: space-between
}

.player-index .filters-wrap .filter-options .advanced-search {
    font-weight: 700;
    color: #929a9e
}

.player-index .filters-wrap .filter-options .reset-filters {
    background: transparent;
    border: none;
    color: rgba(146, 154, 158, .65);
    cursor: pointer
}

.player-index .filters-wrap .adv-search-popup {
    z-index: 99999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.player-index .filters-wrap .adv-search-popup .adv-search-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65)
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap {
    width: 500px;
    height: 500px;
    background-color: #2d3844;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:500px) {
    .player-index .filters-wrap .adv-search-popup .adv-search-wrap {
        height: 100vh;
        width: 100vw;
        border-radius: 0
    }
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .filter-apply {
    border-radius: 8px;
    padding: 16px
}

@media (max-width:500px) {
    .player-index .filters-wrap .adv-search-popup .adv-search-wrap .filter-apply {
        border-radius: 0
    }
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .filter-apply button {
    cursor: pointer
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    max-height: 100%;
    overflow-y: scroll
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-content::-webkit-scrollbar {
    display: none
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .close-popup {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    border-radius: var(--borderRadius);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2d3844;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15)
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .close-popup i {
    background-color: red;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-title {
    font-weight: 700;
    font-size: 18px;
    height: 18px;
    gap: 8px
}

@media (max-width:500px) {
    .player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-title {
        font-size: 24px;
        height: 24px
    }
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .show-average {
    font-size: 11px;
    color: rgba(146, 154, 158, .65)
}

@media (max-width:500px) {
    .player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-options {
        gap: var(--gap);
        flex-wrap: wrap
    }
}

.player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-options .adv-option {
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: column;
    background-color: #364250;
    padding: var(--bigPadding);
    border-radius: var(--borderRadius);
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px
}

@media (max-width:500px) {
    .player-index .filters-wrap .adv-search-popup .adv-search-wrap .adv-search-options .adv-option {
        width: calc(50% - 4px)
    }
}

.player-index .filter-apply {
    padding: var(--bigPadding);
    background: #364250;
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 8px
}

.player-index .filter-apply .btn-reset {
    color: rgba(146, 154, 158, .65);
    border: none;
    background: none
}

.player-index .filter-apply .btn-apply {
    background: #435971;
    border: none;
    font-weight: 700;
    color: #fff;
    padding: var(--smallPadding);
    border-radius: var(--borderRadius);
    cursor: pointer
}

.player-index .players-wrap {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background-color: #495867
}

.player-index input[type=checkbox],
.player-index input[type=radio] {
    position: absolute;
    left: -9999px
}

.player-index .htmx-indicator {
    opacity: 1
}

.player-index .htmx-request.htmx-indicator {
    opacity: .75
}

.player-index .index-grid-player>[class^=player-] {
    background-color: #2d3844;
    padding: 0 8px;
    height: 42px
}

@media (max-width:500px) {
    .player-index .index-grid-player>[class^=player-] {
        padding: 0 4px
    }
}

.player-index .force-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.player-index .index-header {
    height: auto !important;
    color: rgba(146, 154, 158, .65);
    font-size: 10px;
    margin-bottom: -12px;
    align-items: flex-end
}

.player-index .index-header .rating-sort {
    flex-direction: column;
    gap: 0
}

.player-index .index-header .index-header-item {
    display: flex;
    align-items: center;
    padding: 0 8px;
    gap: var(--smallGap)
}

@media (max-width:500px) {
    .player-index .index-header .index-header-item {
        padding: 0
    }
}

.player-index .index-header .index-header-item.center {
    justify-content: center
}

.player-index .index-header .index-header-item.right {
    justify-content: flex-end
}

.player-index .index-header .index-header-item.no-wrap {
    white-space: nowrap
}

.player-index .index-grid-player {
    display: grid;
    grid-template-columns: [Player] minmax(100px, 300px) [Team] minmax(36px, 300px) [Age] 40px [Roles] minmax(85px, 240px) [Rating] 44px;
    gap: 1px;
    overflow: hidden
}

@media (max-width:500px) {
    .player-index .index-grid-player {
        grid-template-columns: [Player] minmax(110px, 200px) [Team] 29px [Age] 25px [Roles] minmax(120px, 240px) [Rating] minmax(32px, 40px)
    }
}

.player-index .index-grid-player .default-age,
.player-index .index-grid-player .default-flag,
.player-index .index-grid-player .default-player-img,
.player-index .index-grid-player .default-player-nick,
.player-index .index-grid-player .default-rating,
.player-index .index-grid-player .default-role,
.player-index .index-grid-player .default-team,
.player-index .index-grid-player .default-team-logo,
.player-index .index-grid-player .default-team-name {
    border-radius: 2px
}

.player-index .index-grid-player .default-age:before,
.player-index .index-grid-player .default-flag:before,
.player-index .index-grid-player .default-player-img:before,
.player-index .index-grid-player .default-player-nick:before,
.player-index .index-grid-player .default-rating:before,
.player-index .index-grid-player .default-role:before,
.player-index .index-grid-player .default-team-logo:before,
.player-index .index-grid-player .default-team-name:before,
.player-index .index-grid-player .default-team:before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    height: 100%;
    width: 150%;
    background: linear-gradient(90deg, transparent, #ededef, transparent);
    animation: shimmer 3s infinite
}

.player-index .index-grid-player:hover [class^=player-] {
    background-color: #364250
}

.player-index .index-grid-player .default-rating {
    width: 12px;
    height: 18px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-info .default-player-img {
    opacity: .5;
    position: relative;
    overflow: hidden;
    border-radius: 100%
}

.player-index .index-grid-player .player-info .default-flag {
    width: 18px;
    height: 12px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-info .default-player-nick {
    width: 125px;
    height: 20px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-info .default-team-logo {
    width: 100px;
    height: 12px;
    background-color: #232d38;
    position: relative;
    overflow: hidden;
    border-radius: 100%
}

.player-index .index-grid-player .player-info .player-img {
    border-radius: 100%
}

.player-index .index-grid-player .player-info .player .default-rating {
    width: 18px;
    height: 18px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-info .player-flag-name-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.player-index .index-grid-player .player-info .smartphone-player-status {
    color: rgba(146, 154, 158, .65);
    font-size: 9px;
    margin-top: -5px
}

.player-index .index-grid-player .player-info .free-agent {
    background-color: rgba(var(--freeAgent), var(--bgOpacity));
    color: rgba(var(--freeAgent), 1)
}

.player-index .index-grid-player .player-info .active {
    background-color: rgba(var(--active), var(--bgOpacity));
    color: rgba(var(--active), 1)
}

.player-index .index-grid-player .player-info .benched {
    background-color: rgba(var(--benched), var(--bgOpacity));
    color: rgba(var(--benched), 1)
}

.player-index .index-grid-player .player-info .status-button {
    border-radius: 4px;
    padding: 0 6px;
    font-size: 9px;
    letter-spacing: .4px;
    text-transform: uppercase
}

.player-index .index-grid-player .player-team .index-no-team {
    opacity: .5
}

.player-index .index-grid-player .player-age {
    text-align: center;
    color: rgba(146, 154, 158, .6)
}

.player-index .index-grid-player .default-team {
    width: 20px;
    height: 20px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .default-team-name {
    width: 60px;
    height: 14px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .default-age {
    width: 24px;
    height: 12px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-roles {
    justify-content: center;
    gap: var(--gap)
}

@media (max-width:500px) {
    .player-index .index-grid-player .player-roles {
        gap: var(--smallGap)
    }
}

.player-index .index-grid-player .player-roles .default-role {
    width: 100%;
    height: 16px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-roles .role-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    margin-top: -6px
}

.player-index .index-grid-player .player-roles .role-container .role {
    height: 12px
}

.player-index .index-grid-player .player-rating {
    font-weight: 700
}

.player-index .index-grid-player .player-rating .default-rating {
    width: 40px;
    height: 12px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .index-grid-player .player-status {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.player-index .index-grid-player .player-status .default-status {
    width: 76px;
    height: 22px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .meter-container {
    position: absolute;
    bottom: -6px;
    width: 100%;
    max-width: 85%
}

@media (max-width:500px) {
    .player-index .meter-container {
        max-width: 100%
    }
}

.player-index .meter-container .meter-bg,
.player-index .meter-container .meter-front {
    height: 2px;
    position: absolute
}

.player-index .meter-container .meter-bg {
    width: 100%;
    background: #495867
}

.player-index .meter-container .meter-front {
    width: 80%;
    background: green
}

.player-index .meter-container .meter-front.low {
    background-color: red
}

.player-index .meter-container .meter-front.mid {
    background-color: #dcae1d
}

.player-index .meter-container .meter-front.high {
    background-color: #10ac25
}

.player-index .show-more .advanced-stats {
    display: flex !important
}

.player-index .player-profile {
    background: #87a3bf;
    border-radius: var(--borderRadius);
    color: #fff;
    text-align: center;
    padding: var(--smallPadding);
    font-weight: 700
}

.player-index .player-profile:hover {
    background-color: #87a3bf;
    color: #fff !important
}

.player-index .players-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 16px
}

.player-index .players-table.default-table tbody tr:nth-child(odd),
.player-index .players-table tbody tr:nth-child(4n-1) {
    background-color: rgba(54, 66, 80, .5)
}

.player-index .players-table .table-player {
    cursor: pointer
}

.player-index .players-table .table-player:hover {
    background: #232d38
}

.player-index .players-table .table-player-expanded {
    display: none
}

.player-index .players-table .table-player-expanded.expanded {
    display: table-row
}

.player-index .players-table .table-player-expanded td {
    padding: 0;
    border: none
}

.player-index .players-table th {
    padding: 4px 8px;
    text-align: left;
    color: rgba(146, 154, 158, .65);
    font-size: 10px;
    font-weight: 400
}

.player-index .players-table th .sort-button {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(146, 154, 158, .65)
}

.player-index .players-table td {
    border: 1px solid #495867;
    padding: 4px 8px
}

.player-index .players-table .td-player,
.player-index .players-table .td-team {
    width: 50%
}

@media (max-width:500px) {
    .player-index .players-table .td-team {
        width: 30px
    }
}

.player-index .players-table .td-age {
    width: 50px
}

@media (max-width:500px) {
    .player-index .players-table .td-age {
        width: 30px
    }
}

.player-index .players-table .td-roles {
    width: 80px;
    font-size: 10px
}

.player-index .players-table .td-rating {
    width: 60px
}

.player-index .players-table .td-center,
.player-index .players-table .th-center {
    text-align: center
}

.player-index .players-table .player-flag-name-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.player-index .players-table .player-img {
    border-radius: 100%
}

.player-index .players-table .player-team .index-no-team {
    opacity: .5
}

.player-index .players-table .player-age {
    text-align: center;
    color: rgba(146, 154, 158, .6)
}

.player-index .players-table .player-roles {
    justify-content: center;
    gap: var(--gap)
}

@media (max-width:500px) {
    .player-index .players-table .player-roles {
        gap: var(--smallGap)
    }
}

.player-index .players-table .player-roles .default-role {
    width: 100%;
    height: 16px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #232d38;
    position: relative;
    overflow: hidden
}

.player-index .players-table .player-roles .role-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    margin-top: -6px
}

.player-index .players-table .player-roles .role-container .role {
    height: 12px
}

.player-index .players-table .free-agent {
    background-color: rgba(var(--freeAgent), var(--bgOpacity));
    color: rgba(var(--freeAgent), 1)
}

.player-index .players-table .active {
    background-color: rgba(var(--active), var(--bgOpacity));
    color: rgba(var(--active), 1)
}

.player-index .players-table .benched {
    background-color: rgba(var(--benched), var(--bgOpacity));
    color: rgba(var(--benched), 1)
}

.player-index .players-table .status-button {
    border-radius: 4px;
    padding: 0 6px;
    font-size: 9px;
    letter-spacing: .4px;
    text-transform: uppercase
}

.player-index .players-table .advanced-stats {
    display: flex;
    padding: 16px;
    background: #364250;
    flex-direction: column;
    gap: var(--gap)
}

.player-index .players-table .advanced-stats .stats-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: var(--gap)
}

.player-index .players-table .advanced-stats .stats-grid .container {
    background-color: #2d3844;
    padding: var(--gap);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--borderRadius);
    gap: var(--smallGap);
    position: relative
}

.player-index .players-table .advanced-stats .stats-grid .container .highlighted {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: -12px
}

.player-index .players-table .advanced-stats .stats-grid .container .description {
    font-size: 11px;
    color: rgba(146, 154, 158, .65);
    text-align: center
}

.player-index .players-table .advanced-stats .stats-grid .container .meta {
    position: absolute;
    right: 4px;
    top: 4px;
    color: rgba(146, 154, 158, .65);
    font-size: 10px
}

@media (max-width:500px) {
    .player-index .players-table .advanced-stats .stats-grid .container .meta {
        right: 50%;
        transform: translateX(50%);
        text-align: center;
        text-wrap: nowrap
    }
}

.player-index .players-table .advanced-stats .stats-grid .container .stats-title {
    font-weight: 700
}

.player-index .players-table .advanced-stats .stats-grid .container .stats-teaser {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    background: rgba(45, 56, 68, .3)
}

.player-index .players-table .advanced-stats .stats-grid .container .stats-teaser i {
    font-size: 42px
}

@media (max-width:500px) {
    .player-index .players-table .advanced-stats .full-grid {
        grid-auto-flow: unset
    }
}

.player-index .players-table .advanced-stats .faceit-container {
    display: flex;
    padding: 8px;
    background: #161616;
    flex-direction: column;
    gap: var(--gap);
    border-radius: var(--borderRadius);
    color: #fff
}

.player-index .players-table .advanced-stats .faceit-container .faceit-logo {
    margin: 0 auto 4px
}

.player-index .players-table .advanced-stats .faceit-container .container {
    background-color: #1e1f1e
}

.player-index .players-table .advanced-stats .faceit-container .faceit-stats-container {
    flex-direction: row
}

.player-index .players-table .advanced-stats .faceit-container .faceit-profile {
    margin-right: auto;
    gap: 12px
}

.player-index .players-table .advanced-stats .faceit-container .faceit-highlight {
    font-size: 24px;
    font-weight: 700;
    height: 95px
}

.player-index .players-table .advanced-stats .faceit-container .faceit-highlight:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 4px;
    top: 4px;
    background: url(/img/static/faceit/faceit.png);
    background-size: contain
}

.player-index .players-table .advanced-stats .faceit-container .fpl-status {
    opacity: .75;
    font-size: 10px
}

.player-index .players-table .advanced-stats .faceit-container .faceit-flag {
    width: 24px;
    height: 16px;
    border-radius: 2px;
    border: none
}

.player-index .players-table .advanced-stats .faceit-container .faceit-player {
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    margin-bottom: -2px
}

.player-index .players-table .advanced-stats .faceit-container .faceit-highlight-description {
    font-size: 11px;
    font-weight: 400;
    opacity: .65;
    margin-top: -12px
}

.player-index .players-table .advanced-stats .faceit-container .player-ingame:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background: url(/img/static/faceit/faceit.png);
    filter: brightness(100);
    background-size: contain;
    margin-right: 4px;
    margin-top: 2px
}

.player-index .players-table .advanced-stats .faceit-container .faceit-btn {
    border: 1px solid #535353;
    background: none;
    color: #fff;
    padding: 6px 24px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer
}

.player-index .players-table .advanced-stats .faceit-container .faceit-btn:hover {
    background: #535353 !important;
    border-color: #535353 !important
}

.player-index .players-table .advanced-stats .faceit-container .faceit-btn.faceit-btn-primary {
    border-color: #df5614;
    background: #df5614
}

.player-index .players-table .advanced-stats .highlights {
    height: 84px
}

.player-index .players-table .advanced-stats .role-info {
    width: 100%;
    justify-content: space-between;
    background-color: #364250;
    border-radius: var(--borderRadius);
    padding: 0 4px;
    position: relative
}

.player-index .players-table .advanced-stats .role-info .fa,
.player-index .players-table .advanced-stats .role-info .role-dropdown-container {
    cursor: pointer
}

.player-index .players-table .advanced-stats .role-info .role-data {
    font-weight: 700
}

.player-index .players-table .advanced-stats .role-info .role-data .role-value {
    font-weight: 400;
    color: rgba(146, 154, 158, .65);
    font-size: 11px
}

.player-index .players-table .advanced-stats .role-info .role-expanded {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    background-color: #364250;
    padding: var(--smallPadding);
    border-radius: 0 0 var(--borderRadius) var(--borderRadius)
}

.player-index .players-table .advanced-stats .role-info .role-expanded .role-detailed {
    position: relative;
    margin-bottom: 8px
}

.player-index .players-table .advanced-stats .role-info .role-expanded .role-detailed .role-name {
    justify-content: space-between
}

.player-index .players-table .advanced-stats .role-info .role-expanded .role-detailed .meter-container {
    max-width: 100%;
    bottom: 1px
}

.player-index .players-table .advanced-stats .match-container {
    width: 100%
}

.player-index .players-table .advanced-stats .match-container .match-rating {
    font-weight: 700;
    text-align: right;
    margin-left: auto
}

.player-index .players-table .advanced-stats .match-container .opponent {
    flex-basis: 40%
}

.player-index .players-table .advanced-stats .match-container .opponent .teamLogo {
    width: 16px;
    height: 16px
}

.player-index .players-table .advanced-stats .match-container .result {
    font-weight: 700
}

.player-index .players-table .advanced-stats .match-container-header {
    color: rgba(146, 154, 158, .65);
    font-weight: 400 !important
}

.player-index .players-table .advanced-stats .no-slide .carousel-slider-header-wrapper {
    display: none
}

.player-index .players-table .advanced-stats .no-slide .carousel-slider-elements {
    justify-content: center
}

.player-index .players-table .advanced-stats .trophies-container {
    width: 100%;
    overflow-x: scroll;
    gap: 16px;
    display: grid
}

.player-index .players-table .advanced-stats .trophies-container .carousel-slider-header-wrapper {
    justify-content: end;
    position: absolute;
    top: 8px;
    right: 8px
}

.player-index .players-table .advanced-stats .trophies-container .carousel-slider-elements {
    gap: var(--gap)
}

.player-index .players-table .advanced-stats .trophies-container .carousel-slider-element {
    position: relative
}

.player-index .players-table .advanced-stats .trophies-container .trophy-empty-state {
    color: rgba(146, 154, 158, .65)
}

.player-index .players-table .advanced-stats .trophies-container .trophyIcon {
    width: 35px;
    height: 35px;
    float: left
}

.player-index .players-table .advanced-stats .trophies-container .majorTrophy:after,
.player-index .players-table .advanced-stats .trophies-container .trophyBadge {
    position: absolute;
    bottom: 0;
    right: -5px;
    border-radius: 35px;
    color: #fff;
    font-size: 9px;
    font-weight: 700
}

.player-index .players-table .advanced-stats .trophies-container .trophyBadge {
    padding: 2px 4px 2px 3px;
    background-color: #435971
}

.player-index .players-table .advanced-stats .trophies-container .majorTrophy:after {
    content: "\f005";
    width: 17px;
    height: 17px;
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: linear-gradient(143deg, #dea905 28.76%, #ae8400 93.43%)
}

.player-index .players-table .advanced-stats .trophies-container::-webkit-scrollbar {
    display: none
}

@keyframes shimmer {
    0% {
        left: -150%
    }

    50% {
        left: 100%
    }

    to {
        left: 150%
    }
}

.player-index .table-player-default .bg-default-text,
.player-index .table-player-default .default-age,
.player-index .table-player-default .default-flag,
.player-index .table-player-default .default-form,
.player-index .table-player-default .default-player-img,
.player-index .table-player-default .default-player-nick,
.player-index .table-player-default .default-rating,
.player-index .table-player-default .default-role,
.player-index .table-player-default .default-role-icon,
.player-index .table-player-default .default-team,
.player-index .table-player-default .default-team-logo,
.player-index .table-player-default .default-team-name,
.player-index .table-player-default .default-text {
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    background: #495867;
    opacity: .4
}

.player-index .table-player-default .bg-default-text:before,
.player-index .table-player-default .default-age:before,
.player-index .table-player-default .default-flag:before,
.player-index .table-player-default .default-form:before,
.player-index .table-player-default .default-player-img:before,
.player-index .table-player-default .default-player-nick:before,
.player-index .table-player-default .default-rating:before,
.player-index .table-player-default .default-role-icon:before,
.player-index .table-player-default .default-role:before,
.player-index .table-player-default .default-team-logo:before,
.player-index .table-player-default .default-team-name:before,
.player-index .table-player-default .default-team:before,
.player-index .table-player-default .default-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    height: 100%;
    width: 150%;
    background: linear-gradient(90deg, transparent, rgba(45, 56, 68, .8), transparent);
    animation: shimmer 3s infinite
}

.player-index .table-player-default .default-player-img {
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.player-index .table-player-default .default-player-img img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.player-index .table-player-default .default-text {
    height: 4px
}

.player-index .table-player-default .bg-default-text {
    height: 8px
}

.player-index .table-player-default .long {
    width: 50px
}

.player-index .table-player-default .short {
    width: 20px
}

.player-index .table-player-default .mini {
    width: 12px
}

.player-index .table-player-default .default-player-nick {
    width: 40px;
    height: 12px
}

.player-index .table-player-default .default-team {
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.player-index .table-player-default .default-team-name {
    width: 40px;
    height: 12px
}

.player-index .table-player-default .default-age {
    width: 12px;
    height: 12px
}

.player-index .table-player-default .default-column {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.player-index .table-player-default .default-role-icon {
    width: 12px;
    height: 12px;
    border-radius: 100%
}

.player-index .table-player-default .default-roles {
    justify-content: space-between
}

.player-index .table-player-default .default-role {
    width: 45px;
    height: 2px
}

.player-index .table-player-default .default-form {
    width: 8px;
    height: 8px
}

.player-index .table-player-default .default-rating {
    width: 12px;
    height: 12px
}

.player-index .flex-wrap {
    flex-wrap: wrap
}

.player-index .slider-container {
    width: 49%;
    text-align: center
}

.player-index .range-slider {
    position: relative;
    height: 5px;
    background: #ddd;
    margin: 20px 0
}

.player-index .range-slider input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: transparent;
    left: 0
}

.player-index .range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.player-index .range-slider input[type=range]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer
}

.player-index .range-slider .track {
    position: absolute;
    height: 5px;
    background: #4caf50;
    z-index: 0
}

.mvp-page {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px
}

.mvp-page .player-link {
    font-weight: 700;
    color: #929a9e !important
}

.mvp-page .player-link:hover {
    color: #929a9e !important
}

.mvp-page .event-link {
    color: #929a9e !important;
    font-weight: 700;
    text-align: right
}

.mvp-page .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.mvp-page .header-wrap {
    margin: -16px -16px 0;
    background-size: cover !important;
    background: url(/img/static/mvp/mvp-header.png);
    background-position: 50%;
    height: 203px;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    display: flex
}

.mvp-page .header-wrap .header-container {
    margin: 0 auto;
    width: 530px;
    display: flex;
    padding: 12px
}

.mvp-page .header-wrap .header-container .mvp-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-of .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-of .logos .mvp-logo {
    max-width: 48px
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-of .mvp-of-title {
    font-size: 48px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin: -10px 0 -10px -2px
}

@media (max-width:500px) {
    .mvp-page .header-wrap .header-container .mvp-left .mvp-of .mvp-of-title {
        font-size: 40px
    }
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-event {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-weight: 700
}

@media (max-width:500px) {
    .mvp-page .header-wrap .header-container .mvp-left .mvp-event {
        font-size: 12px
    }
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-name {
    font-size: 34px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    letter-spacing: 1px;
    margin: 0
}

@media (max-width:500px) {
    .mvp-page .header-wrap .header-container .mvp-left .mvp-name {
        font-size: 28px
    }
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-rating {
    font-size: 28px;
    font-weight: 700
}

.mvp-page .header-wrap .header-container .mvp-left .mvp-rating p {
    font-size: 12px;
    text-transform: uppercase;
    color: #26c2f0;
    text-shadow: 0 0 1.64541px #26c2f0, 0 0 42.2323px rgba(38, 194, 240, .5);
    font-weight: 400;
    font-size: clamp(10px, 7vw, 12px);
    margin: -6px 0 0 1px
}

.mvp-page .header-wrap .header-container .mvp-player-bodyshot {
    max-width: 300px;
    width: 100%;
    display: flex;
    position: relative;
    margin: -12px 0
}

@media (max-width:500px) {
    .mvp-page .header-wrap .header-container .mvp-player-bodyshot {
        flex: 1;
        width: 100%;
        margin-right: -12px
    }
}

.mvp-page .header-wrap .header-container .mvp-player-bodyshot .mvp-bodyshot {
    position: absolute;
    height: auto
}

@media (max-width:500px) {
    .mvp-page .header-wrap .header-container .mvp-player-bodyshot .mvp-bodyshot {
        width: 230px
    }
}

.mvp-page .multiple-appearances-section .multiple-appearances-section-title {
    display: flex;
    justify-content: space-between;
    grid-column: 1
}

.mvp-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    max-width: 100%
}

.mvp-page .toggle {
    display: flex;
    gap: 4px;
    align-items: center
}

.mvp-page .content-div {
    display: contents
}

.mvp-page .toggle-button {
    position: relative;
    width: 32px;
    height: 20px
}

.mvp-page .toggle-button input {
    opacity: 0;
    width: 0;
    height: 0
}

.mvp-page .mvp-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s ease-in-out;
    border-radius: 30px
}

.mvp-page .mvp-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .2s ease-in-out;
    border-radius: 50%
}

.mvp-page input:checked+.mvp-slider {
    background-color: #435971
}

.mvp-page input:checked+.mvp-slider:before {
    transform: translateX(12px)
}

.mvp-page .table-container {
    position: relative
}

.mvp-page .table-container.mvp-table thead {
    position: sticky;
    top: 40px;
    background: #2d3844
}

.mvp-page .table-container td:last-child {
    width: 40px;
    padding: 0 4px
}

@media (max-width:500px) {
    .mvp-page .table-container .table-mvp-player {
        font-size: 11px
    }
}

.mvp-page .table-container .table-mvp-player .active {
    background: #364250
}

.mvp-page .table-container thead tr th {
    padding: 6px 0
}

@media (max-width:500px) {
    .mvp-page .table-container thead tr th {
        font-size: 10px
    }
}

.mvp-page .table-container .td-mvp-player-name {
    width: 30%;
    align-items: center;
    border-right: 1px solid #495867;
    padding-left: 0
}

@media (max-width:500px) {
    .mvp-page .table-container .td-mvp-player-name {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.mvp-page .table-container .td-mvp-player-name .player-link {
    display: inline;
    margin-left: 4px;
    font-weight: 700;
    color: #929a9e !important
}

@media (max-width:500px) {
    .mvp-page .table-container .td-mvp-player-name .player-link {
        margin-left: 2px
    }
}

.mvp-page .table-container .td-mvp-player-name .name-container {
    z-index: 2
}

@media (max-width:500px) {
    .mvp-page .table-container .td-mvp-player-name {
        width: 70px;
        padding-left: 0
    }
}

.mvp-page .table-container .td-total {
    padding: 0
}

@media (max-width:500px) {
    .mvp-page .table-container .td-total {
        width: 32px
    }
}

.mvp-page .table-container .span-count-zero {
    color: rgba(146, 154, 158, .25)
}

.mvp-page .table-container tbody .mvp-expand .tier-filter {
    cursor: pointer;
    margin-right: 0 !important
}

.mvp-page .table-container tbody .mvp-expand .tier-filter.inactive {
    opacity: .5;
    color: rgba(146, 154, 158, .65)
}

.mvp-page .table-container tbody .mvp-expand .tier-filter.active {
    opacity: 1
}

.mvp-page .table-container tbody .mvp-expand .tier-filter:first-child {
    margin-left: auto
}

.mvp-page .table-container tbody .mvp-expand .event-tier {
    display: inline;
    height: 14px;
    background: #1b1f23;
    color: #929a9e;
    font-size: 8px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 4px;
    text-transform: uppercase;
    margin-right: 4px;
    letter-spacing: .5px
}

.mvp-page .table-container tbody .mvp-expand .event-tier.tier1 {
    background: linear-gradient(45deg, gold, #daa520);
    color: #000
}

.mvp-page .table-container tbody .mvp-expand .event-tier.tier2 {
    background: linear-gradient(45deg, silver, #a9a9a9);
    color: #000
}

.mvp-page .table-container tbody .mvp-expand .event-tier.tier3 {
    background: linear-gradient(45deg, #ffaf61, #cd7b32);
    color: #000
}

.mvp-page .table-container tbody .mvp-expand .mvp-td {
    padding: 0;
    border-bottom: 0
}

.mvp-page .table-container tbody .mvp-expand:hover {
    background-color: transparent !important
}

.mvp-page .table-container tbody .mvp-expand .events-container {
    display: flex;
    flex-direction: column
}

.mvp-page .table-container tbody .mvp-expand .events-container table {
    font-size: 11px
}

@media (max-width:500px) {
    .mvp-page .table-container tbody .mvp-expand .events-container .events-td-team {
        width: 30px;
        padding-left: 0;
        text-align: center
    }

    .mvp-page .table-container tbody .mvp-expand .events-container .events-td-team img {
        margin-right: 0
    }
}

.mvp-page .table-container tbody .mvp-expand .events-container .events-td-year {
    width: 30px;
    padding: 0 4px
}

@media (max-width:500px) {
    .mvp-page .table-container tbody .mvp-expand .events-container .events-td-year {
        width: 30px
    }
}

@media (max-width:500px) {
    .mvp-page .table-container tbody .mvp-expand .events-container .events-td-location {
        width: 40%
    }
}

.mvp-page .table-container tbody .mvp-expand .events-container .events-td-event.tier-1 {
    background: linear-gradient(45deg, rgba(255, 215, 0, .4), 22%, #364250)
}

.mvp-page .table-container tbody .mvp-expand .events-container .events-td-event.tier-2 {
    background: linear-gradient(45deg, hsla(0, 0%, 72.6%, .4), 22%, #364250) !important
}

.mvp-page .table-container tbody .mvp-expand .events-container .events-td-event.tier-3 {
    background: linear-gradient(45deg, rgba(205, 127, 50, .4), 22%, #364250) !important
}

.mvp-page .table-container tbody .mvp-expand .events-container .events-td-event .event-name-tier-container {
    display: flex
}

@media (max-width:500px) {
    .mvp-page .table-container tbody .mvp-expand .events-container .events-td-event {
        width: 60%
    }
}

.mvp-page .table-container tbody .mvp-expand .events-container td {
    border-left: 1px solid #495867;
    padding-left: 8px;
    border-bottom: 1px solid rgba(73, 88, 103, .35) !important;
    background: #364250
}

.mvp-page .table-container tbody .mvp-expand .events-container td:last-child {
    border-bottom: none
}

@media (max-width:500px) {
    .mvp-page .table-container tbody .mvp-expand .events-container td {
        padding-left: 4px
    }
}

.mvp-page .table-container tbody .mvp-expand .events-container td:first-child {
    border-left: none
}

.mvp-page .table-container tbody .mvp-expand .events-container .right {
    text-align: right
}

.mvp-page .table-container tbody .mvp-expand .events-container thead {
    font-size: 9px;
    border-bottom: 1px solid #495867;
    font-weight: 700
}

.mvp-page .table-container tbody .mvp-expand .events-container thead td {
    height: 12px;
    padding-top: 2px;
    padding-bottom: 2px
}

.mvp-page .table-container tbody .mvp-expand .events-container .event {
    font-size: 9px;
    color: rgba(146, 154, 158, .65)
}

.mvp-page .table-container tbody .mvp-expand td img {
    margin-right: 4px
}

.mvp-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .mvp-page .multiple-appearances-section {
        grid-template-columns: 1fr
    }
}

.mvp-page .multiple-appearances-section tr:nth-child(2n) {
    background: transparent !important
}

.mvp-page .multiple-appearances-section th.mvp-th-position:hover {
    cursor: pointer;
    background: #364250;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mvp-page .multiple-appearances-section .multiple-appearances-section-title h2 {
    color: #929a9e !important
}

@media (max-width:500px) {
    .mvp-page .multiple-appearances-section .multiple-appearances-section-title {
        grid-row: 1;
        grid-column: unset
    }
}

@media (max-width:500px) {
    .mvp-page .multiple-appearances-section .most-top-x-column {
        grid-row: 2;
        overflow: hidden
    }
}

@media (max-width:500px) {
    .mvp-page .multiple-appearances-section .most-top-x-wrapper {
        flex: 0 0 220px
    }

    .mvp-page .multiple-appearances-section .most-top-x-wrapper:last-child {
        padding-right: 32px
    }
}

.mvp-page .most-top-x-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px
}

@media (max-width:500px) {
    .mvp-page .most-top-x-sticky {
        grid-template-columns: none
    }
}

.mvp-page .most-top-x-wrapper {
    flex: 1
}

.mvp-page .most-top-x-wrapper h3 {
    margin: 0;
    font-size: 12px
}

.mvp-page .most-top-x-wrapper .most-top-x-card {
    background: #364250;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 4px
}

.mvp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
    position: absolute;
    right: -32px;
    bottom: 0
}

@media (max-width:500px) {
    .mvp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
        right: -20px
    }
}

.mvp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot {
    width: 110px
}

.mvp-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo-wrapper {
    position: absolute;
    right: -7px;
    bottom: 0
}

.mvp-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo {
    width: 70px
}

.mvp-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
    padding-right: 61px;
    padding-top: 3px
}

@media (max-width:500px) {
    .mvp-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
        padding-right: 85px
    }
}

.mvp-page .most-top-x-wrapper .most-top-x-card .most-top-x-value {
    font-weight: 700
}

.mvp-page .most-top-x-wrapper .most-top-x-card .most-top-x-row {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #495867;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px
}

.mvp-page .most-top-x-wrapper .most-top-x-card .most-top-x-row:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.mvp-page .mvp-th-position {
    text-align: center;
    border-left: 1px solid #495867;
    vertical-align: middle
}

.mvp-page .mvp-th-position:nth-child(2) {
    border-left: none
}

.mvp-page .mvp-table-img {
    border-radius: 100px;
    width: 30px;
    height: 30px
}

@media (max-width:500px) {
    .mvp-page .mvp-table-img {
        height: 20px;
        width: 20px
    }
}

.evp-page {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px
}

.evp-page .player-link {
    font-weight: 700;
    color: #929a9e !important
}

.evp-page .player-link:hover {
    color: #929a9e !important
}

.evp-page .explainer-box {
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #364250;
    font-size: 11px
}

.evp-page .explainer-box h1 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px
}

.evp-page .event-link {
    color: #929a9e !important;
    font-weight: 700;
    text-align: right
}

.evp-page .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.evp-page .header-wrap {
    margin: -16px -16px 0;
    background-size: cover !important;
    background: url(/img/static/mvp/mvp-header.png);
    background-position: 50%;
    height: 203px;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    display: flex
}

.evp-page .header-wrap .header-container {
    margin: 0 auto;
    width: 530px;
    display: flex;
    padding: 12px
}

.evp-page .header-wrap .header-container .evp-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.evp-page .header-wrap .header-container .evp-left .evp-of .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.evp-page .header-wrap .header-container .evp-left .evp-of .logos .evp-logo {
    max-width: 48px
}

.evp-page .header-wrap .header-container .evp-left .evp-of .evp-of-title {
    font-size: 48px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin: -10px 0 -10px -2px
}

@media (max-width:500px) {
    .evp-page .header-wrap .header-container .evp-left .evp-of .evp-of-title {
        font-size: 40px
    }
}

.evp-page .header-wrap .header-container .evp-left .evp-event {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-weight: 700
}

@media (max-width:500px) {
    .evp-page .header-wrap .header-container .evp-left .evp-event {
        font-size: 12px
    }
}

.evp-page .header-wrap .header-container .evp-left .evp-name {
    font-size: 34px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    letter-spacing: 1px;
    margin: 0
}

@media (max-width:500px) {
    .evp-page .header-wrap .header-container .evp-left .evp-name {
        font-size: 28px
    }
}

.evp-page .header-wrap .header-container .evp-left .evp-rating {
    font-size: 28px;
    font-weight: 700
}

.evp-page .header-wrap .header-container .evp-left .evp-rating p {
    font-size: 12px;
    text-transform: uppercase;
    color: #26c2f0;
    text-shadow: 0 0 1.64541px #26c2f0, 0 0 42.2323px rgba(38, 194, 240, .5);
    font-weight: 400;
    font-size: clamp(10px, 7vw, 12px);
    margin: -6px 0 0 1px
}

.evp-page .header-wrap .header-container .evp-player-bodyshot {
    max-width: 300px;
    width: 100%;
    display: flex;
    position: relative;
    margin: -12px 0
}

@media (max-width:500px) {
    .evp-page .header-wrap .header-container .evp-player-bodyshot {
        flex: 1;
        width: 100%;
        margin-right: -12px
    }
}

.evp-page .header-wrap .header-container .evp-player-bodyshot .evp-bodyshot {
    position: absolute;
    height: auto
}

@media (max-width:500px) {
    .evp-page .header-wrap .header-container .evp-player-bodyshot .evp-bodyshot {
        width: 230px
    }
}

.evp-page .multiple-appearances-section .multiple-appearances-section-title {
    display: flex;
    justify-content: space-between;
    grid-column: 1
}

.evp-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    max-width: 100%
}

.evp-page .toggle {
    display: flex;
    gap: 4px;
    align-items: center
}

.evp-page .content-div {
    display: contents
}

.evp-page .toggle-button {
    position: relative;
    width: 32px;
    height: 20px
}

.evp-page .toggle-button input {
    opacity: 0;
    width: 0;
    height: 0
}

.evp-page .evp-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s ease-in-out;
    border-radius: 30px
}

.evp-page .evp-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .2s ease-in-out;
    border-radius: 50%
}

.evp-page input:checked+.evp-slider {
    background-color: #435971
}

.evp-page input:checked+.evp-slider:before {
    transform: translateX(12px)
}

.evp-page .custom-scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .evp-page .custom-scrollbar::-webkit-scrollbar {
        height: 3px
    }
}

.evp-page .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.evp-page .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.evp-page .latest-evps .most-top-x-right {
    overflow: auto;
    max-height: 115px;
    padding-right: 0;
    margin-right: 61px
}

@media (max-width:500px) {
    .evp-page .latest-evps .most-top-x-right {
        padding-right: 8px
    }
}

.evp-page .table-container {
    position: relative
}

.evp-page .table-container.evp-table thead {
    position: sticky;
    top: 40px;
    background: #2d3844
}

.evp-page .table-container td:last-child {
    width: 40px;
    padding: 0 4px
}

@media (max-width:500px) {
    .evp-page .table-container .table-evp-player {
        font-size: 11px
    }
}

.evp-page .table-container .table-evp-player .active {
    background: #364250
}

.evp-page .table-container thead tr th {
    padding: 6px 0
}

@media (max-width:500px) {
    .evp-page .table-container thead tr th {
        font-size: 10px
    }
}

.evp-page .table-container .td-evp-player-name {
    width: 30%;
    align-items: center;
    border-right: 1px solid #495867;
    padding-left: 0
}

@media (max-width:500px) {
    .evp-page .table-container .td-evp-player-name {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.evp-page .table-container .td-evp-player-name .player-link {
    display: inline;
    margin-left: 4px;
    font-weight: 700;
    color: #929a9e !important
}

@media (max-width:500px) {
    .evp-page .table-container .td-evp-player-name .player-link {
        margin-left: 2px
    }
}

.evp-page .table-container .td-evp-player-name .name-container {
    z-index: 2
}

@media (max-width:500px) {
    .evp-page .table-container .td-evp-player-name {
        width: 70px;
        padding-left: 0
    }
}

.evp-page .table-container .td-total {
    padding: 0
}

@media (max-width:500px) {
    .evp-page .table-container .td-total {
        width: 32px
    }
}

.evp-page .table-container .span-count-zero {
    color: rgba(146, 154, 158, .25)
}

.evp-page .table-container tbody .evp-expand .tier-filter {
    cursor: pointer;
    margin-right: 0 !important
}

.evp-page .table-container tbody .evp-expand .tier-filter.inactive {
    opacity: .5;
    color: rgba(146, 154, 158, .65)
}

.evp-page .table-container tbody .evp-expand .tier-filter.active {
    opacity: 1
}

.evp-page .table-container tbody .evp-expand .tier-filter:first-child {
    margin-left: auto
}

.evp-page .table-container tbody .evp-expand .event-tier {
    display: inline;
    height: 14px;
    background: #1b1f23;
    color: #929a9e;
    font-size: 8px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 4px;
    text-transform: uppercase;
    margin-right: 4px;
    letter-spacing: .5px
}

.evp-page .table-container tbody .evp-expand .event-tier.tier1 {
    background: linear-gradient(45deg, gold, #daa520);
    color: #000
}

.evp-page .table-container tbody .evp-expand .event-tier.tier2 {
    background: linear-gradient(45deg, silver, #a9a9a9);
    color: #000
}

.evp-page .table-container tbody .evp-expand .event-tier.tier3 {
    background: linear-gradient(45deg, #ffaf61, #cd7b32);
    color: #000
}

.evp-page .table-container tbody .evp-expand .evp-td {
    padding: 0;
    border-bottom: 0
}

.evp-page .table-container tbody .evp-expand:hover {
    background-color: transparent !important
}

.evp-page .table-container tbody .evp-expand .events-container {
    display: flex;
    flex-direction: column
}

.evp-page .table-container tbody .evp-expand .events-container table {
    font-size: 11px
}

@media (max-width:500px) {
    .evp-page .table-container tbody .evp-expand .events-container .events-td-team {
        width: 30px;
        padding-left: 0;
        text-align: center
    }

    .evp-page .table-container tbody .evp-expand .events-container .events-td-team img {
        margin-right: 0
    }
}

.evp-page .table-container tbody .evp-expand .events-container .events-td-year {
    width: 30px;
    padding: 0 4px
}

@media (max-width:500px) {
    .evp-page .table-container tbody .evp-expand .events-container .events-td-year {
        width: 30px
    }
}

@media (max-width:500px) {
    .evp-page .table-container tbody .evp-expand .events-container .events-td-location {
        width: 40%
    }
}

@media (max-width:500px) {
    .evp-page .table-container tbody .evp-expand .events-container .events-td-event {
        width: 60%
    }
}

.evp-page .table-container tbody .evp-expand .events-container td {
    border-left: 1px solid #495867;
    padding-left: 8px;
    border-bottom: 1px solid rgba(73, 88, 103, .35) !important;
    background: #364250
}

.evp-page .table-container tbody .evp-expand .events-container td:last-child {
    border-bottom: none
}

@media (max-width:500px) {
    .evp-page .table-container tbody .evp-expand .events-container td {
        padding-left: 4px
    }
}

.evp-page .table-container tbody .evp-expand .events-container td:first-child {
    border-left: none
}

.evp-page .table-container tbody .evp-expand .events-container .right {
    text-align: right
}

.evp-page .table-container tbody .evp-expand .events-container thead {
    font-size: 9px;
    border-bottom: 1px solid #495867;
    font-weight: 700
}

.evp-page .table-container tbody .evp-expand .events-container thead td {
    height: 12px;
    padding-top: 2px;
    padding-bottom: 2px
}

.evp-page .table-container tbody .evp-expand .events-container .event {
    font-size: 9px;
    color: rgba(146, 154, 158, .65)
}

.evp-page .table-container tbody .evp-expand td img {
    margin-right: 4px
}

.evp-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .evp-page .multiple-appearances-section {
        grid-template-columns: 1fr
    }
}

.evp-page .multiple-appearances-section tr:nth-child(2n) {
    background: transparent !important
}

.evp-page .multiple-appearances-section th.evp-th-position:hover {
    cursor: pointer;
    background: #364250;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.evp-page .multiple-appearances-section .multiple-appearances-section-title h2 {
    color: #929a9e !important
}

@media (max-width:500px) {
    .evp-page .multiple-appearances-section .multiple-appearances-section-title {
        grid-row: 1;
        grid-column: unset
    }
}

@media (max-width:500px) {
    .evp-page .multiple-appearances-section .most-top-x-column {
        grid-row: 2;
        overflow: hidden
    }
}

@media (max-width:500px) {
    .evp-page .multiple-appearances-section .most-top-x-wrapper {
        flex: 0 0 220px
    }

    .evp-page .multiple-appearances-section .most-top-x-wrapper:last-child {
        padding-right: 32px
    }
}

.evp-page .most-top-x-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px
}

@media (max-width:500px) {
    .evp-page .most-top-x-sticky {
        grid-template-columns: none
    }
}

.evp-page .most-top-x-wrapper {
    flex: 1
}

.evp-page .most-top-x-wrapper h3 {
    margin: 0;
    font-size: 12px
}

.evp-page .most-top-x-wrapper .most-top-x-card {
    background: #364250;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 4px;
    height: 130px
}

.evp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
    position: absolute;
    right: -32px;
    bottom: 0
}

@media (max-width:500px) {
    .evp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
        right: -20px
    }
}

.evp-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot {
    width: 110px
}

.evp-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo-wrapper {
    position: absolute;
    right: -7px;
    bottom: 0
}

.evp-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo {
    width: 70px
}

.evp-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
    padding-right: 61px;
    padding-top: 3px
}

@media (max-width:500px) {
    .evp-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
        padding-right: 85px
    }
}

.evp-page .most-top-x-wrapper .most-top-x-card .most-top-x-value {
    font-weight: 700
}

.evp-page .most-top-x-wrapper .most-top-x-card .most-top-x-row {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #495867;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px
}

.evp-page .most-top-x-wrapper .most-top-x-card .most-top-x-row:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.evp-page .evp-th-position {
    text-align: center;
    border-left: 1px solid #495867;
    vertical-align: middle
}

.evp-page .evp-th-position:nth-child(2) {
    border-left: none
}

.evp-page .evp-table-img {
    border-radius: 100px;
    width: 30px;
    height: 30px
}

@media (max-width:500px) {
    .evp-page .evp-table-img {
        height: 20px;
        width: 20px
    }
}

.trophy-page {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 16px
}

.trophy-page .player-link {
    font-weight: 700;
    color: #929a9e !important
}

.trophy-page .player-link:hover {
    color: #929a9e !important
}

.trophy-page .event-link {
    color: rgba(146, 154, 158, .65);
    width: 40%;
    text-align: right
}

.trophy-page .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.trophy-page .header-wrap {
    margin: -16px -16px 0;
    background-size: cover !important;
    background: url(/img/static/mvp/mvp-header.png);
    background-position: 50%;
    height: 203px;
    color: #fff;
    overflow: hidden;
    line-height: normal;
    display: flex
}

.trophy-page .header-wrap .header-container {
    margin: 0 auto;
    width: 530px;
    display: flex;
    padding: 12px
}

.trophy-page .header-wrap .header-container .trophy-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-of .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-of .logos .trophy-logo {
    max-width: 48px
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-of .trophy-of-title {
    font-size: 48px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin: -10px 0 -10px -2px
}

@media (max-width:500px) {
    .trophy-page .header-wrap .header-container .trophy-left .trophy-of .trophy-of-title {
        font-size: 40px
    }
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-event {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    font-weight: 700
}

@media (max-width:500px) {
    .trophy-page .header-wrap .header-container .trophy-left .trophy-event {
        font-size: 12px
    }
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-name {
    font-size: 34px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    letter-spacing: 1px;
    margin: 0
}

@media (max-width:500px) {
    .trophy-page .header-wrap .header-container .trophy-left .trophy-name {
        font-size: 28px
    }
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-rating {
    font-size: 28px;
    font-weight: 700
}

.trophy-page .header-wrap .header-container .trophy-left .trophy-rating p {
    font-size: 12px;
    text-transform: uppercase;
    color: #26c2f0;
    text-shadow: 0 0 1.64541px #26c2f0, 0 0 42.2323px rgba(38, 194, 240, .5);
    font-weight: 400;
    font-size: clamp(10px, 7vw, 12px);
    margin: -6px 0 0 1px
}

.trophy-page .header-wrap .header-container .trophy-player-bodyshot {
    max-width: 300px;
    width: 100%;
    display: flex;
    position: relative;
    margin: -12px 0
}

@media (max-width:500px) {
    .trophy-page .header-wrap .header-container .trophy-player-bodyshot {
        flex: 1;
        width: 100%;
        margin-right: -12px
    }
}

.trophy-page .header-wrap .header-container .trophy-player-bodyshot .trophy-bodyshot {
    position: absolute;
    height: auto
}

@media (max-width:500px) {
    .trophy-page .header-wrap .header-container .trophy-player-bodyshot .trophy-bodyshot {
        width: 230px
    }
}

.trophy-page .multiple-appearances-section .multiple-appearances-section-title {
    display: flex;
    justify-content: space-between;
    grid-column: 1
}

.trophy-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    max-width: 100%
}

.trophy-page .toggle {
    display: flex;
    gap: 4px;
    align-items: center
}

.trophy-page .content-div {
    display: contents
}

.trophy-page .toggle-button {
    position: relative;
    width: 32px;
    height: 20px
}

.trophy-page .toggle-button input {
    opacity: 0;
    width: 0;
    height: 0
}

.trophy-page .trophy-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s ease-in-out;
    border-radius: 30px
}

.trophy-page .trophy-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .2s ease-in-out;
    border-radius: 50%
}

.trophy-page input:checked+.trophy-slider {
    background-color: #435971
}

.trophy-page input:checked+.trophy-slider:before {
    transform: translateX(12px)
}

.trophy-page .table-container {
    position: relative
}

.trophy-page .table-container.trophy-table thead {
    position: sticky;
    top: 40px;
    background: #2d3844
}

.trophy-page .table-container td:last-child {
    width: 40px;
    padding: 0 4px
}

@media (max-width:500px) {
    .trophy-page .table-container .table-trophy-player {
        font-size: 11px
    }
}

.trophy-page .table-container .table-trophy-player .active {
    background: #364250
}

.trophy-page .table-container thead tr th {
    padding: 6px 0
}

@media (max-width:500px) {
    .trophy-page .table-container thead tr th {
        font-size: 10px
    }
}

.trophy-page .table-container .td-trophy-player-name {
    width: 30%;
    align-items: center;
    border-right: 1px solid #495867;
    padding-left: 0
}

@media (max-width:500px) {
    .trophy-page .table-container .td-trophy-player-name {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.trophy-page .table-container .td-trophy-player-name .player-link {
    display: inline;
    margin-left: 4px;
    font-weight: 700;
    color: #929a9e !important
}

@media (max-width:500px) {
    .trophy-page .table-container .td-trophy-player-name .player-link {
        margin-left: 2px
    }
}

.trophy-page .table-container .td-trophy-player-name .name-container {
    z-index: 2
}

@media (max-width:500px) {
    .trophy-page .table-container .td-trophy-player-name {
        width: 70px;
        padding-left: 0
    }
}

.trophy-page .table-container .td-total {
    padding: 0
}

@media (max-width:500px) {
    .trophy-page .table-container .td-total {
        width: 32px
    }
}

.trophy-page .table-container .span-count-zero {
    color: rgba(146, 154, 158, .25)
}

.trophy-page .table-container tbody .trophy-expand .trophy-td {
    padding: 0;
    border-bottom: 0
}

.trophy-page .table-container tbody .trophy-expand:hover {
    background-color: transparent !important
}

.trophy-page .table-container tbody .trophy-expand .events-container {
    display: flex;
    flex-direction: column
}

.trophy-page .table-container tbody .trophy-expand .events-container table {
    font-size: 11px
}

@media (max-width:500px) {
    .trophy-page .table-container tbody .trophy-expand .events-container .events-td-team {
        width: 30px;
        padding-left: 0;
        text-align: center
    }

    .trophy-page .table-container tbody .trophy-expand .events-container .events-td-team img {
        margin-right: 0
    }
}

.trophy-page .table-container tbody .trophy-expand .events-container .events-td-year {
    width: 30px;
    padding: 0 4px
}

@media (max-width:500px) {
    .trophy-page .table-container tbody .trophy-expand .events-container .events-td-year {
        width: 30px
    }
}

@media (max-width:500px) {
    .trophy-page .table-container tbody .trophy-expand .events-container .events-td-location {
        width: 40%
    }
}

@media (max-width:500px) {
    .trophy-page .table-container tbody .trophy-expand .events-container .events-td-event {
        width: 60%
    }
}

.trophy-page .table-container tbody .trophy-expand .events-container td {
    border-left: 1px solid #495867;
    padding-left: 8px;
    border-bottom: 1px solid rgba(73, 88, 103, .35) !important;
    background: #364250
}

.trophy-page .table-container tbody .trophy-expand .events-container td:last-child {
    border-bottom: none
}

@media (max-width:500px) {
    .trophy-page .table-container tbody .trophy-expand .events-container td {
        padding-left: 4px
    }
}

.trophy-page .table-container tbody .trophy-expand .events-container td:first-child {
    border-left: none
}

.trophy-page .table-container tbody .trophy-expand .events-container .right {
    text-align: right
}

.trophy-page .table-container tbody .trophy-expand .events-container thead {
    font-size: 9px;
    border-bottom: 1px solid #495867;
    font-weight: 700
}

.trophy-page .table-container tbody .trophy-expand .events-container thead td {
    height: 12px;
    padding-top: 2px;
    padding-bottom: 2px
}

.trophy-page .table-container tbody .trophy-expand .events-container .event {
    font-size: 9px;
    color: rgba(146, 154, 158, .65)
}

.trophy-page .table-container tbody .trophy-expand td img {
    margin-right: 4px
}

.trophy-page .multiple-appearances-section .multiple-appearances-table-wrapper {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .trophy-page .multiple-appearances-section {
        grid-template-columns: 1fr
    }
}

.trophy-page .multiple-appearances-section tr:nth-child(2n) {
    background: transparent !important
}

.trophy-page .multiple-appearances-section th.trophy-th-position:hover {
    cursor: pointer;
    background: #364250;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.trophy-page .multiple-appearances-section .multiple-appearances-section-title h2 {
    color: #929a9e !important
}

@media (max-width:500px) {
    .trophy-page .multiple-appearances-section .multiple-appearances-section-title {
        grid-row: 1;
        grid-column: unset
    }
}

@media (max-width:500px) {
    .trophy-page .multiple-appearances-section .most-top-x-column {
        grid-row: 2;
        overflow: hidden
    }
}

@media (max-width:500px) {
    .trophy-page .multiple-appearances-section .most-top-x-wrapper {
        flex: 0 0 220px
    }

    .trophy-page .multiple-appearances-section .most-top-x-wrapper:last-child {
        padding-right: 32px
    }
}

.trophy-page .most-top-x-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px
}

@media (max-width:500px) {
    .trophy-page .most-top-x-sticky {
        grid-template-columns: none
    }
}

.trophy-page .most-top-x-wrapper {
    flex: 1
}

.trophy-page .most-top-x-wrapper h3 {
    margin: 0;
    font-size: 12px
}

.trophy-page .most-top-x-wrapper .most-top-x-card {
    background: #364250;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 4px
}

.trophy-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
    position: absolute;
    right: -32px;
    bottom: 0
}

@media (max-width:500px) {
    .trophy-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot-wrapper {
        right: -20px
    }
}

.trophy-page .most-top-x-wrapper .most-top-x-card .top-x-card-bodyshot {
    width: 110px
}

.trophy-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo-wrapper {
    position: absolute;
    right: -7px;
    bottom: 0
}

.trophy-page .most-top-x-wrapper .most-top-x-card .top-x-card-event-logo {
    width: 70px
}

.trophy-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
    padding-right: 61px;
    padding-top: 3px
}

@media (max-width:500px) {
    .trophy-page .most-top-x-wrapper .most-top-x-card .most-top-x-right {
        padding-right: 85px
    }
}

.trophy-page .most-top-x-wrapper .most-top-x-card .most-top-x-value {
    font-weight: 700
}

.trophy-page .most-top-x-wrapper .most-top-x-card .most-top-x-row {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid #495867;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-size: 11px
}

.trophy-page .most-top-x-wrapper .most-top-x-card .most-top-x-row:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.trophy-page .trophy-th-position {
    text-align: center;
    border-left: 1px solid #495867;
    vertical-align: middle
}

.trophy-page .trophy-th-position:nth-child(2) {
    border-left: none
}

.trophy-page .trophy-table-img {
    border-radius: 100px;
    width: 30px;
    height: 30px
}

@media (max-width:500px) {
    .trophy-page .trophy-table-img {
        height: 20px;
        width: 20px
    }
}

.players-archive .players-archive-navigation {
    display: flex;
    overflow: auto
}

.players-archive .players-archive-navigation .players-archive-tab {
    border-left: 1px solid #495867;
    color: rgba(145, 168, 179, .65);
    height: 32px;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 0 25px;
    display: flex
}

@media (max-width:500px) {
    .players-archive .players-archive-navigation .players-archive-tab {
        flex: 1 0 32px
    }
}

.players-archive .players-archive-navigation .players-archive-tab:hover {
    color: #929a9e;
    background: #45515f;
    cursor: pointer
}

.players-archive .players-archive-navigation .players-archive-tab.active {
    background-color: #435971;
    color: #fff;
    font-weight: 700
}

.players-archive .players-archive-navigation .players-archive-tab.active:hover {
    background-color: #59728e;
    color: #fff !important
}

.players-archive .players-archive-navigation .players-archive-tab:first-child {
    border-left: 0
}

.players-archive .players-archive-box {
    position: relative;
    height: 80px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    width: 100%
}

@media (max-width:500px) {
    .players-archive .players-archive-box {
        height: 60px
    }
}

.players-archive .players-archive-box:hover {
    background: #45515f
}

.players-archive .players-archive-bodyshot {
    position: absolute;
    right: -20px;
    width: 130px;
    bottom: -58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 135px
}

@media (max-width:500px) {
    .players-archive .players-archive-bodyshot {
        right: -22px;
        bottom: -36px;
        width: 90px;
        height: 93px
    }
}

.players-archive .players-archive-nickname {
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px
}

@media (max-width:500px) {
    .players-archive .players-archive-nickname {
        margin-bottom: 0;
        margin-top: 2px;
        font-size: 12px;
        line-height: 18px
    }
}

.players-archive .players-archive-box-left {
    line-height: 13px;
    flex: 1
}

.players-archive .players-archive-box-right {
    flex: 0 0 78px
}

@media (max-width:500px) {
    .players-archive .players-archive-box-right {
        flex: 0 0 48px
    }
}

.players-archive .players-archive-name {
    margin-bottom: 2px
}

@media (max-width:500px) {
    .players-archive .players-archive-name {
        margin-bottom: -2px
    }
}

.players-archive .players-archive-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.players-archive .players-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px
}

.players-archive .players-pagination-tab {
    height: 32px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.players-archive .players-pagination-tab:hover {
    background: #45515f
}

.players-archive .players-archive-country,
.players-archive .players-archive-name {
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

@media (max-width:500px) {

    .players-archive .players-archive-country,
    .players-archive .players-archive-name {
        font-size: 9px
    }
}

.players-archive .players-archive-country .flag,
.players-archive .players-archive-name .flag {
    margin-right: 2px;
    height: 10px;
    width: 15px
}

.players-archive .players-archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-gap: 8px;
    grid-auto-rows: 1fr
}

.calendar-page .expand-grid-btn {
    margin-top: 16px;
    width: 100%;
    background: #435971;
    border-radius: 4px;
    color: #fff;
    height: 42px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar-page .expand-grid-btn:hover {
    cursor: pointer;
    background: #59728e
}

@media (max-width:500px) {
    .calendar-page h1 {
        font-size: 20px
    }
}

.calendar-page .calendar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: auto
}

.calendar-page .calendar-title {
    font-size: 14px;
    margin: 0 0 4px
}

.calendar-region {
    display: flex;
    gap: 8px
}

.calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:500px) {
    .calendar-header {
        flex-wrap: wrap
    }
}

.calendar-region-selector {
    display: flex;
    align-items: center;
    background: #2d3844;
    border-radius: 4px;
    overflow: hidden
}

.calendar-region-selector .calendar-sub-region-button {
    color: rgba(145, 168, 179, .65);
    border-right: 1px solid #495867;
    padding: 0 8px
}

.calendar-region-selector .calendar-sub-region-button:hover {
    cursor: pointer;
    background-color: #45515f
}

.calendar-region-selector .calendar-sub-region-button:last-child {
    border-right: 0
}

.calendar-region-selector .calendar-sub-region-button.region-all {
    --regionActiveColor: #435971
}

.calendar-region-selector .calendar-sub-region-button.region-eu {
    --regionActiveColor: #039
}

.calendar-region-selector .calendar-sub-region-button.region-america {
    --regionActiveColor: #b31942
}

.calendar-region-selector .calendar-sub-region-button.region-asia {
    --regionActiveColor: #e59613
}

.calendar-region-selector .calendar-sub-region-button.active {
    font-weight: 700;
    color: #fff;
    background: var(--regionActiveColor)
}

.calendar .calendar-logo {
    width: 16px;
    flex: 0 0 16px
}

.calendar .calendar-ordinal {
    font-size: 8px
}

.calendar .calendar-empty {
    font-size: 12px;
    font-weight: 700;
    opacity: .2;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.calendar .calendar-empty-icon {
    font-size: 32px;
    position: relative;
    left: -2px
}

.calendar .calendar-month {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 192px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .calendar .calendar-month {
        height: inherit
    }
}

.calendar .calendar-month.active {
    height: auto
}

.calendar .expand-calendar-btn {
    background: #435971;
    border-radius: 2px;
    color: #fff;
    height: 32px;
    border: 0;
    font-weight: 700
}

.calendar .expand-calendar-btn:hover {
    background: #59728e;
    cursor: pointer;
    color: #fff !important
}

@media (max-width:500px) {
    .calendar .expand-calendar-btn {
        display: none
    }
}

.calendar .calendar-live {
    background: #8f0303;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0 3px 0 4px;
    border-radius: 4px
}

@media (max-width:500px) {
    .calendar .calendar-entry-wrapper.hidden {
        display: initial !important
    }
}

.calendar .calendar-entry-wrapper .calendar-entry {
    color: inherit;
    font-weight: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(43, 110, 164, .1882352941);
    border-radius: 2px;
    height: 32px;
    display: flex;
    gap: 4px;
    overflow: hidden;
    min-height: 32px;
    padding: 4px;
    align-items: center;
    box-sizing: border-box
}

.calendar .calendar-entry-wrapper .calendar-entry.calendar-entry-major {
    background: rgba(164, 122, 43, .1882352941)
}

.calendar .calendar-entry-wrapper .calendar-entry.calendar-entry-major:hover {
    background: rgba(164, 122, 43, .29)
}

.calendar .calendar-entry-wrapper:hover {
    background: rgba(43, 110, 164, .29);
    cursor: pointer
}

.calendar .calendar-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 11px;
    flex: 1
}

.calendar .calendar-date {
    font-size: 10px;
    flex: 0 1 auto;
    color: rgba(145, 168, 179, .65);
    font-weight: 700
}

.calendar .calendar-entry-wrapper:has(.calendar-entry.hidden) {
    display: none
}

.organizer-page h2 {
    margin-top: 0;
    font-size: 12px;
    margin-bottom: 4px
}

.organizer-page h1 {
    margin: 0
}

.organizer-page .organizer-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 16px;
    box-sizing: border-box
}

.organizer-page .organizer-card:hover {
    background: #45515f
}

.organizer-page .organizer-sub-text {
    color: rgba(145, 168, 179, .65);
    font-size: 12px
}

.organizer-page .organizer-card-info-wrapper {
    display: flex;
    flex-direction: column
}

.organizer-page .organizer-name-text {
    font-size: 16px;
    max-width: 100%;
    font-weight: 700
}

.organizer-page .organizer-navigation {
    display: flex;
    overflow: auto
}

.organizer-page .organizer-navigation .organizer-tab {
    border-left: 1px solid #495867;
    color: rgba(145, 168, 179, .65);
    height: 32px;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 0 25px;
    display: flex
}

@media (max-width:500px) {
    .organizer-page .organizer-navigation .organizer-tab {
        flex: 1 0 32px
    }
}

.organizer-page .organizer-navigation .organizer-tab:hover {
    color: #929a9e;
    background: #45515f;
    cursor: pointer
}

.organizer-page .organizer-navigation .organizer-tab.active {
    background-color: #435971;
    color: #fff;
    font-weight: 700
}

.organizer-page .organizer-navigation .organizer-tab.active:hover {
    background-color: #59728e;
    color: #fff !important
}

.organizer-page .organizer-navigation .organizer-tab:first-child {
    border-left: 0
}

.organizer-page .organizers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 1fr
}

.organizer-page .organizer-top {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 8px;
    box-sizing: border-box
}

@media (max-width:500px) {
    .organizer-page .organizer-top {
        flex-direction: column
    }
}

.organizer-page .organizer-tournament-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.organizer-page .organizer-tournament-section-prizes {
    color: rgba(145, 168, 179, .65)
}

.organizer-page .organizer-top-left {
    flex: 1;
    display: flex;
    gap: 8px;
    align-items: center
}

.organizer-page .organizer-top-left-info {
    display: flex;
    flex-direction: column
}

.organizer-page .organizer-top-right {
    background: #364250;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    flex: 0 0 284px
}

@media (max-width:500px) {
    .organizer-page .organizer-top-right {
        flex: 1;
        width: 100%
    }
}

.organizer-page .organizer-info-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495867;
    padding-bottom: 4px;
    margin-bottom: 4px
}

.organizer-page .organizer-info-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.organizer-page .organizer-info-text {
    font-weight: 700
}

.organizer-page .organizer-tournament-events-section {
    background: #364250;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden
}

.organizer-page .organizer-tournament-event-groups-wrapper {
    background: #26303c
}

.organizer-page .organizer-tournament-event-row-name {
    font-weight: 700
}

.organizer-page .organizer-tournament-event-row {
    display: flex;
    gap: 8px;
    height: 32px;
    align-items: center;
    border-bottom: 1px solid #495867;
    padding: 0 8px
}

@media (max-width:500px) {
    .organizer-page .organizer-tournament-event-row {
        font-size: 10px
    }
}

.organizer-page .organizer-tournament-event-row.active {
    background: #26303c
}

.organizer-page .organizer-tournament-event-row:last-child {
    border-bottom: 0
}

.organizer-page .organizer-tournament-event-row:hover {
    background: #45515f
}

.organizer-page .organizer-tournament-event-row-winner {
    flex: 0 0 100px;
    font-weight: 700;
    font-size: 11px
}

@media (max-width:500px) {
    .organizer-page .organizer-tournament-event-row-winner {
        flex: 0 0 70px
    }
}

.organizer-page .empty-state-wrapper {
    padding: 16px
}

.organizer-page .empty-state {
    background: #364250;
    color: rgba(145, 168, 179, .65);
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    font-weight: 700
}

.organizer-page .organizer-tournament-event-row-date {
    flex: 0 0 95px;
    text-align: right;
    font-size: 11px
}

@media (max-width:500px) {
    .organizer-page .organizer-tournament-event-row-date {
        flex: 0 0 75px
    }
}

.organizer-page .organizer-tournament-event-row-prize {
    flex: 0 0 70px;
    font-size: 11px
}

.organizer-page .organizer-tournament-event-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px
}

.organizer-page .organizer-tournament-logo-name-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 8px
}

.organizer-page .organizer-event-row-date {
    flex: 0 0 100px;
    text-align: right
}

.organizer-page .sidebar {
    grid-area: sidebar;
    gap: 16px;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .organizer-page .sidebar {
        gap: 8px
    }
}

.organizer-page .sidebar .organizer-tournament-event-row-date {
    flex: 0 0 80px
}

.organizer-page .sidebar .organizer-tournament-event-row-date,
.organizer-page .sidebar .organizer-tournament-event-row-name,
.organizer-page .sidebar .organizer-tournament-event-row-prize {
    font-size: 11px
}

.organizer-page .sidebar .organizer-tournament-event-row-prize {
    flex: 0 0 60px
}

.organizer-page .sidebar .organizer-tournament-event-row {
    gap: 4px
}

.organizer-page .mainArea {
    grid-area: mainContent
}

@media (max-width:500px) {
    .organizer-page .standardPageGrid {
        display: flex;
        flex-direction: column-reverse
    }
}

.organizer-page .organizer-bio {
    font-size: 13px;
    line-height: 20.8px
}

html.hide-foryou .starred-matches-list,
html:not(.hide-foryou) .for-you {
    display: none !important
}

.matches-v4 .zone-entry-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    overflow: hidden
}

.matches-v4.event-page-matches .new-matchpage-KqV8yrAj-container {
    margin-top: 16px
}

.matches-v4.event-page-matches .upcoming-headline {
    margin: 0 !important
}

.matches-v4.event-page-matches .matches-chronologically .live-matches-wrapper {
    padding: 0
}

.matches-v4.event-page-matches .matches-chronologically .live-matches-wrapper .liveMatches {
    box-shadow: none
}

.matches-v4.event-page-matches .matches-chronologically .live-matches-wrapper .liveMatches .match {
    padding: 0 4px;
    box-sizing: border-box
}

.matches-v4.event-page-matches .matches-chronologically .match-stage {
    font-size: 10px;
    background: #a96528;
    color: #fff;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 14px;
    padding: 0 4px;
    line-height: 14px;
    box-sizing: border-box;
    position: absolute;
    top: -16px !important;
    right: -8px !important;
    left: unset !important;
    border-radius: 0 0 0 4px !important
}

.matches-v4.event-page-matches .matches-chronologically .match-stage.matches-events-list-hide {
    position: absolute;
    top: -20px;
    right: -8px;
    left: unset;
    border-radius: 0 0 0 4px !important
}

@media (max-width:500px) {
    .matches-v4.event-page-matches .matches-chronologically .match-stage {
        display: none
    }
}

.matches-v4.event-page-matches .matches-chronologically .match-stage.match-grand-final {
    width: 62px
}

.matches-v4.event-page-matches .matches-chronologically .match-stage.match-semifinal {
    width: 51px
}

.matches-v4.event-page-matches .matches-chronologically .match-stage.match-other-playoff {
    width: 45px
}

.matches-v4.event-page-matches .matches-chronologically .match-stage.match-quarterfinal {
    width: 65px
}

.matches-v4.event-page-matches .matches-chronologically .matches-filter-btn {
    display: none !important
}

.matches-v4.event-page-matches .matches-chronologically .headline-flex .upcoming-headline {
    margin: 8px 0 0
}

@media (max-width:500px) {
    .matches-v4.event-page-matches .matches-chronologically .match-event-logo {
        height: 14px;
        width: 14px
    }
}

.matches-v4.event-page-matches .matches-chronologically .match-wrapper {
    min-height: 46px
}

.matches-v4.event-page-matches .matches-chronologically .match-rating {
    top: 0;
    height: 10px;
    font-size: 6px
}

@media (max-width:500px) {
    .matches-v4.event-page-matches .matches-chronologically .match-rating {
        top: -2px;
        height: 10px;
        font-size: 5px;
        gap: 1px;
        left: -10px
    }
}

.matches-v4:not(.event-page-matches) .live-headline .upcoming-headline {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 16px
}

@media (max-width:500px) {
    .matches-v4:not(.event-page-matches) .live-headline .upcoming-headline {
        line-height: normal
    }
}

.matches-v4 .match-pre-playoff {
    display: none
}

.matches-v4 .new-matchpage-KqV8yrAj-container {
    margin-bottom: 8px;
    overflow: hidden
}

.matches-v4 .new-matchpage-KqV8yrAj-container>.wide-oxVVUdvP123Gazx {
    flex-grow: 1
}

.matches-v4 .new-matchpage-KqV8yrAj-top-container {
    margin-bottom: 8px
}

.matches-v4 .no-match {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    padding: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 24px;
    background: #364250
}

@media (max-width:500px) {
    .matches-v4 .no-match {
        flex-direction: column;
        gap: 4px;
        padding: 8px;
        font-size: 10px
    }
}

.matches-v4 .no-match .clear-filter-button {
    height: 32px;
    display: inline-flex;
    background: #435971;
    align-items: center;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    gap: 4px
}

.matches-v4 .no-match .clear-filter-button:hover {
    color: #fff;
    background: #59728e;
    cursor: pointer
}

.matches-v4 .country-flag-small {
    width: 14px;
    height: 10px;
    border: none;
    border-radius: 3px
}

@media (max-width:500px) {
    .matches-v4 .country-flag-small {
        width: 12px;
        height: 9px;
        border-radius: 2px
    }
}

.matches-v4 .scorebot-container {
    margin: 0 -8px -4px
}

.matches-v4 .new-standardPageGrid {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    grid-template-rows: 1fr;
    gap: 16px 16px;
    grid-template-areas: "sidebar mainContent"
}

@media (max-width:500px) {
    .matches-v4 .new-standardPageGrid {
        display: flex;
        flex-direction: column;
        gap: 8px 8px
    }
}

.matches-v4 .gamelog-thank-you {
    display: none
}

.matches-v4 .matches-sort-by {
    flex: 1;
    display: flex;
    gap: 4px;
    font-size: 10px;
    justify-content: flex-end;
    align-items: center
}

.matches-v4 .headline-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:500px) {
    .matches-v4 .headline-flex {
        flex-direction: row;
        align-items: center
    }
}

.matches-v4 .headline-flex .upcoming-headline {
    font-size: 22px;
    margin: 16px 0
}

@media (max-width:500px) {
    .matches-v4 .headline-flex .upcoming-headline {
        font-size: 13px;
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.matches-v4 .matches-quick-filters {
    display: flex;
    gap: 8px
}

@media (max-width:500px) {
    .matches-v4 .matches-quick-filters {
        margin-bottom: 0;
        gap: 4px
    }
}

.matches-v4 .matches-sort-by-toggler {
    display: flex;
    color: rgba(145, 168, 179, .65);
    border: 1px solid #495867;
    border-radius: 4px;
    height: 18px;
    padding: 0 1px
}

.matches-v4 .matches-sort-by-toggler:hover {
    cursor: pointer
}

.matches-v4 .matches-sort-by-toggler .matches-sort-by-toggle {
    padding: 0 8px;
    border-radius: 2px;
    height: 16px;
    position: relative;
    top: 1px
}

.matches-v4 .event-headline-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:500px) {
    .matches-v4 .event-headline-wrapper {
        z-index: 1;
        position: relative;
        margin-bottom: -4px
    }
}

.matches-v4 .matches-event-page .match-pin-btn {
    display: none !important
}

.matches-v4 .matches-events-list {
    display: flex;
    flex-direction: column
}

.matches-v4 .matches-events-list>:not(:last-child) {
    margin-bottom: 16px
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list>:not(:last-child) {
        margin-bottom: 8px
    }
}

.matches-v4 .matches-events-list.placement-placeholder {
    margin-bottom: 0
}

.matches-v4 .matches-events-list.matches-events-list-hide .match-stage {
    position: absolute;
    top: -16px;
    right: -8px;
    left: unset;
    border-radius: 0 0 0 4px !important
}

.matches-v4 .matches-events-list .match-team-livescore {
    min-width: 60px
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list .match-team-livescore {
        min-width: 30px
    }
}

.matches-v4 .matches-events-list.matches-event-page {
    gap: 0;
    padding: 0;
    background: none;
    box-shadow: none
}

.matches-v4 .matches-events-list.matches-event-page.matches-event-wrapper {
    overflow: unset
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list.matches-event-page {
        gap: 0
    }
}

.matches-v4 .matches-events-list.matches-event-page .match-stage {
    right: -8px !important
}

.matches-v4 .matches-events-list.matches-event-page .zone-entry-wrapper {
    padding: 0 8px
}

.matches-v4 .matches-events-list.matches-event-page .zone-entry-wrapper>div:not(:last-child) .match-wrapper {
    border-bottom: 1px solid rgba(73, 88, 103, .55)
}

.matches-v4 .matches-events-list .match {
    min-height: 55px
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list .match {
        min-height: 40px
    }
}

.matches-v4 .matches-events-list .match:has(.fantasy-match-notification) {
    min-height: 87px
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list .match:has(.fantasy-match-notification) {
        min-height: 72px
    }
}

.matches-v4 .matches-events-list .match-wrapper:has(.match-rating) .match-meta,
.matches-v4 .matches-events-list .match-wrapper:has(.match-rating) .match-time {
    position: relative;
    top: 2px
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list .liveMatches .match-wrapper:has(.match-rating) {
        min-height: 62px !important
    }
}

@media (max-width:500px) {
    .matches-v4 .matches-events-list .liveMatches .match-wrapper:has(.match-rating) .match-bottom {
        min-height: 51px
    }
}

.matches-v4 .matches-filter-name-text {
    flex: 1
}

.matches-v4 .calendar-wrapper {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

.matches-v4 .calendar-wrapper .calendar-dates,
.matches-v4 .calendar-wrapper .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr)
}

.matches-v4 .calendar-wrapper .calendar-months {
    display: flex;
    color: rgba(145, 168, 179, .65);
    background: #364250;
    border-bottom: 1px solid #495867;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-height: 20px
}

.matches-v4 .calendar-wrapper .calendar-month-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.matches-v4 .calendar-wrapper .calendar-month-btn:first-child {
    flex: 0 0 20.3px
}

.matches-v4 .calendar-wrapper .calendar-month-btn:last-child {
    flex: 0 0 21.5px
}

.matches-v4 .calendar-wrapper .calendar-month-btn:hover {
    cursor: pointer;
    background: #45515f
}

.matches-v4 .calendar-wrapper .calendar-month-name {
    flex: 1;
    text-align: center;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-left: 1px solid #495867;
    border-right: 1px solid #495867
}

.matches-v4 .calendar-wrapper .calendar-days {
    background: #364250;
    font-weight: 700
}

.matches-v4 .calendar-wrapper .calendar-days .calendar-day {
    font-size: 8px;
    color: rgba(145, 168, 179, .65);
    border-top: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.matches-v4 .calendar-wrapper .calendar-days .calendar-day .calendar-no-match {
    opacity: .5
}

@media (max-width:500px) {
    .matches-v4 .calendar-wrapper .calendar-days {
        display: none
    }
}

@media (max-width:500px) {
    .matches-v4 .calendar-wrapper .calendar-blank {
        display: none !important
    }
}

@media (max-width:500px) {
    .matches-v4 .calendar-wrapper .calendar-dates {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        height: 34px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
        background-color: #2d3844
    }
}

.matches-v4 .calendar-wrapper .calendar-dates .calendar-day:not(.in-active) {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-weight: 700;
    color: #929a9e !important
}

.matches-v4 .calendar-wrapper .calendar-dates .calendar-day:not(.in-active):not(.calendar-blank):hover {
    background: #45515f;
    cursor: pointer
}

.matches-v4 .calendar-wrapper .calendar-dates .calendar-day:not(.in-active).active {
    color: #fff !important
}

.matches-v4 .calendar-wrapper .calendar-dates .calendar-day:not(.in-active).active:hover {
    background: #59728e;
    color: #fff !important;
    cursor: pointer
}

@media (min-width:501px) {
    .matches-v4 .calendar-wrapper .calendar-day:nth-child(7n+1) {
        border-left: none
    }

    .matches-v4 .calendar-wrapper .calendar-day:nth-child(7n) {
        border-right: none
    }
}

.matches-v4 .calendar-wrapper .today {
    background: #404d5a;
    color: #fff;
    font-weight: 700
}

.matches-v4 .calendar-wrapper .calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    min-height: 20px;
    border-top: 1px solid rgba(73, 88, 103, .65);
    border-right: 1px solid rgba(73, 88, 103, .65)
}

@media (max-width:500px) {
    .matches-v4 .calendar-wrapper .calendar-day {
        flex: 0 0 62px;
        scroll-snap-align: center;
        border-right: 1px solid rgba(73, 88, 103, .65)
    }

    .matches-v4 .calendar-wrapper .calendar-day:last-child {
        border-right: 0
    }
}

.matches-v4 .calendar-wrapper .calendar-day.active {
    background: #435971;
    color: #fff;
    font-weight: 700
}

.matches-v4 .calendar-wrapper .calendar-day.active:hover {
    color: #fff
}

.matches-v4 .calendar-wrapper .calendar-day.in-active {
    color: #495867;
    background: #2d3844
}

.matches-v4 .calendar-wrapper .calendar-day.in-active:hover {
    cursor: auto
}

.matches-v4 .calendar-wrapper .calendar-day.active.in-active {
    background: #435971;
    color: #fff;
    font-weight: 700
}

.matches-v4 .calendar-wrapper .no-previous-month {
    color: rgba(146, 154, 158, .25);
    background: none !important
}

.matches-v4 .calendar-wrapper .no-previous-month:hover {
    background: none !important;
    cursor: auto !important
}

.matches-v4 .eventpage-matches-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.matches-v4 .event-headline-collapse {
    color: rgba(145, 168, 179, .65);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 6px;
    margin-right: 4px
}

.matches-v4 .event-headline-collapse.rt:before {
    transform: rotate(180deg);
    transform-origin: 6px 6px;
    transition: transform .3s ease-out
}

.matches-v4 .event-headline-collapse:before {
    display: flex;
    align-items: center;
    transition: transform .3s ease-out;
    transform-origin: 6px 6px
}

@media (max-width:500px) {
    .matches-v4 .event-headline-collapse {
        font-size: 10px;
        width: auto;
        padding: 6px;
        margin: -6px 1px -6px -6px
    }

    .matches-v4 .event-headline-collapse.rt:before,
    .matches-v4 .event-headline-collapse:before {
        transform-origin: 5px 6px
    }
}

.matches-v4 .event-headline-collapse:hover {
    cursor: pointer;
    color: #929a9e
}

.matches-v4 .display-none {
    display: none
}

.matches-v4 .match-btn {
    height: 24px
}

.matches-v4 .match-btn:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .2);
    color: #929a9e
}

.matches-v4 .match-btn.expanded {
    background-color: #435971;
    color: #fff
}

.matches-v4 .matches-event-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px 8px 0;
    overflow: hidden
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper {
        padding-top: 4px
    }
}

.matches-v4 .matches-event-wrapper.collapsed {
    padding-bottom: 8px
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper.collapsed {
        padding-bottom: 4px
    }
}

.matches-v4 .matches-event-wrapper .with-stars {
    padding-left: 42px
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper .with-stars {
        padding-left: 38px
    }
}

.matches-v4 .matches-event-wrapper .event-headline {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    font-weight: 700
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper .event-headline {
        line-height: 17px;
        font-size: 11px
    }
}

.matches-v4 .matches-event-wrapper .match-rating {
    top: -6px;
    height: 10px;
    font-size: 6px
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper .match-rating {
        top: -5px;
        height: 10px;
        font-size: 5px;
        gap: 1px;
        left: -10px
    }
}

.matches-v4 .matches-event-wrapper .matches-list {
    display: flex;
    flex-direction: column
}

.matches-v4 .matches-event-wrapper .match-bottom {
    flex: 1
}

.matches-v4 .matches-event-wrapper .matches-fantasy-cta {
    background: #435971;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: 700;
    height: 13px;
    line-height: 13px
}

.matches-v4 .matches-event-wrapper .matches-fantasy-cta:hover {
    background-color: #87a3bf;
    color: #fff !important
}

.matches-v4 .matches-event-wrapper .match-wrapper {
    border-radius: 0;
    box-shadow: none;
    min-height: inherit;
    margin: 0 -8px;
    padding: 4px 8px;
    border-bottom: 1px solid rgba(73, 88, 103, .55)
}

@media (max-width:500px) {
    .matches-v4 .matches-event-wrapper .match-wrapper {
        padding: 2px 8px
    }
}

.matches-v4 .matches-event-wrapper .match-wrapper:last-child {
    border-bottom: 0
}

.matches-v4 .matches-event-wrapper .event-headline-content {
    display: flex;
    align-items: center;
    gap: 4px
}

.matches-v4 .matches-event-wrapper .event-type-tag {
    background: rgba(0, 0, 0, .5);
    color: hsla(0, 0%, 79.6%, .55);
    text-transform: uppercase;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 9px;
    font-weight: 700;
    margin-left: 4px;
    height: 13px;
    display: flex;
    align-items: center
}

.matches-v4 .matches-event-wrapper .type-major {
    background: rgba(213, 103, 5, .45);
    color: #fda252
}

.matches-v4 .live-matches-wrapper .scorebot-container {
    max-height: 0;
    overflow: hidden;
    transition: .35s ease
}

.matches-v4 .live-matches-wrapper .scorebot-container.expanded {
    max-height: none
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper {
    padding-top: 0
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container {
    min-height: 60px
}

@media (max-width:500px) {
    .matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container {
        min-height: 56px
    }
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-teamname {
    font-size: 13px
}

@media (max-width:500px) {
    .matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-teamname {
        font-size: 11px
    }
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-event {
    align-items: center;
    position: relative;
    top: 2px
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-event-logo-container {
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match {
    height: 54px
}

@media (max-width:500px) {
    .matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match {
        height: 58px
    }
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-rating {
    top: 0
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-info {
    gap: 3px
}

.matches-v4 .live-matches-wrapper.matches-event-wrapper .live-match-container .match-meta {
    height: 11px;
    line-height: 11px
}

.matches-v4 .matches-chronologically .matches-list-section {
    gap: 0
}

.matches-v4 .matches-chronologically .match-time-wrapper:nth-child(2) {
    border-radius: 4px 4px 0 0
}

.matches-v4 .matches-chronologically .match-time-wrapper:nth-child(2):last-child {
    border-radius: 4px
}

.matches-v4 .matches-chronologically .match-time-wrapper:last-child {
    border-radius: 0 0 4px 4px
}

.matches-v4 .matches-chronologically .liveMatches {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    overflow: hidden
}

.matches-v4 .matches-chronologically .live-match-container .match-wrapper,
.matches-v4 .matches-chronologically .match-zone-wrapper .match-wrapper {
    border-bottom: 1px solid rgba(73, 88, 103, .5)
}

.matches-v4 .matches-chronologically .live-match-container:last-child .match-wrapper,
.matches-v4 .matches-chronologically .match-zone-wrapper:last-child .match-wrapper {
    border-bottom: 0
}

.matches-v4 .matches-chronologically .match-time-wrapper,
.matches-v4 .matches-chronologically .match-wrapper {
    min-height: 58px;
    padding: 3px 8px 2px;
    box-shadow: none;
    background: none
}

@media (max-width:500px) {

    .matches-v4 .matches-chronologically .match-time-wrapper,
    .matches-v4 .matches-chronologically .match-wrapper {
        min-height: 52px
    }
}

.matches-v4 .matches-chronologically .match-team-livescore {
    min-width: 31px
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .match-team-livescore {
        min-width: 30px
    }
}

.matches-v4 .matches-chronologically .scorebot-container {
    margin-bottom: -8px !important
}

.matches-v4 .matches-chronologically .liveMatches {
    display: flex;
    flex-direction: column;
    gap: 1px
}

.matches-v4 .matches-chronologically .liveMatches .match-top {
    top: 4px
}

.matches-v4 .matches-chronologically .liveMatches .match-wrapper {
    border-bottom: 1px solid rgba(73, 88, 103, .55)
}

.matches-v4 .matches-chronologically .liveMatches .match-wrapper:last-child {
    border-bottom: 0
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .liveMatches .match-wrapper:has(.match-rating) {
        min-height: 62px
    }
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .liveMatches .match-wrapper:has(.match-rating) .match-bottom {
        min-height: 51px
    }
}

.matches-v4 .matches-chronologically .live-matches-wrapper .match-info {
    gap: 2px
}

.matches-v4 .matches-chronologically .live-matches-wrapper .match-info .match-meta {
    height: 15px;
    line-height: 15px
}

.matches-v4 .matches-chronologically .match-bottom {
    height: 100%;
    min-height: 46px
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .match-bottom {
        min-height: 40px
    }
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .match-team {
        height: 16px
    }
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .match-team .match-team-logo {
        width: 13px
    }
}

.matches-v4 .matches-chronologically .match-rating {
    top: 5px;
    font-size: 6px;
    height: 12px
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .match-rating {
        top: 7px;
        left: -11px;
        font-size: 6px;
        gap: 1px;
        height: 12px
    }
}

.matches-v4 .matches-chronologically .match-info {
    position: relative;
    top: 5px
}

.matches-v4 .matches-chronologically .live-matches-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.matches-v4 .matches-sidebar {
    grid-area: sidebar;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width:501px) {
    .matches-v4 .matches-sidebar {
        position: sticky;
        top: 50px;
        max-height: calc(100vh - 50px);
        overflow: auto;
        padding: 4px;
        margin: -4px
    }
}

.matches-v4 .matches-sidebar h3 {
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    margin-top: 0;
    text-transform: uppercase
}

.matches-v4 .matches-sidebar h3 a:hover {
    color: rgba(146, 154, 158, .5) !important
}

.matches-v4 .mainContent {
    grid-area: mainContent
}

.matches-v4 .match-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative
}

@media (max-width:500px) {
    .matches-v4 .match-btn-wrapper {
        gap: 2px
    }
}

.matches-v4 .match {
    display: flex
}

.matches-v4 .matches-list-headline {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

@media (max-width:500px) {
    .matches-v4 .matches-list-headline {
        font-size: 12px
    }
}

@media (max-width:500px) {
    .matches-v4 .matches-sidebar-filter-wrapper {
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, .4784313725);
        width: 100%;
        height: 100%;
        top: -4px;
        left: 0;
        z-index: 9;
        padding: 16px;
        box-sizing: border-box
    }

    .matches-v4 .matches-sidebar-filter-wrapper.active {
        display: block
    }
}

.matches-v4 .matches-filter-close-btn {
    display: none
}

@media (max-width:500px) {
    .matches-v4 .matches-filter-close-btn {
        display: flex;
        height: 42px;
        border-radius: 4px;
        background: #435971;
        color: #fff;
        align-items: center;
        justify-content: center;
        text-align: center
    }
}

.matches-v4 .matches-list-section {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px
}

.matches-v4 .match-time-wrapper,
.matches-v4 .match-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    min-height: 70px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px
}

.matches-v4 .match-time-wrapper:hover,
.matches-v4 .match-wrapper:hover {
    background: #45515f
}

.matches-v4 .match-top {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: 6px
}

.matches-v4 .match-event {
    display: flex;
    gap: 4px;
    font-size: 9px;
    font-weight: 700;
    color: rgba(146, 154, 158, .4);
    flex: 1;
    margin-top: -6px
}

.matches-v4 .match-bottom {
    display: flex;
    align-items: center;
    gap: 12px
}

@media (max-width:500px) {
    .matches-v4 .match-bottom {
        gap: 4px
    }
}

.matches-v4 .new-matches-fan-btn {
    height: 11px;
    width: 10px;
    border-radius: 3px;
    background: #2b6ea4;
    color: #fff;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0;
    padding-right: 1px
}

.matches-v4 .match {
    flex: 1;
    width: 100%;
    flex-direction: column;
    height: 100%
}

.matches-v4 .mainContent .matchpage-star-unselected:hover {
    background: rgba(145, 168, 179, .05)
}

.matches-v4 .matches-filter-btn,
.matches-v4 .star-filter-btn {
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #495867;
    border-radius: 4px;
    font-size: 10px;
    cursor: pointer;
    min-height: 18px
}

.matches-v4 .matches-filter-btn.matchpage-star-selected,
.matches-v4 .star-filter-btn.matchpage-star-selected {
    position: relative;
    background: #435971;
    color: #fff;
    border: 1px solid #435971
}

.matches-v4 .matches-filter-btn {
    display: none
}

@media (max-width:500px) {
    .matches-v4 .matches-filter-btn {
        display: flex
    }
}

.matches-v4 .matchpage-star-selected:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.matches-v4 .starred-matches-settings {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-self: center
}

.matches-v4 .starred-matches-settings .fa-cog {
    font-size: 11px;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background: #364250;
    color: rgba(145, 168, 179, .65)
}

.matches-v4 .starred-matches-settings .fa-cog:hover {
    background: #45515f;
    cursor: pointer;
    color: #929a9e
}

@media (max-width:500px) {
    .matches-v4 .matches-chronologically .matches-list-section {
        margin-bottom: 16px
    }
}

.matches-v4 .matches-chronologically .match-stage {
    position: relative;
    border-radius: 4px !important;
    top: 0;
    left: 0;
    line-height: 13px;
    font-size: 9px;
    padding: 0 4px
}

.matches-v4 .live-match-container .match-stage {
    top: 0
}

.matches-v4 .match-stage {
    font-size: 10px;
    background: #a96528;
    color: #fff;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 14px;
    padding: 0 4px;
    line-height: 14px;
    box-sizing: border-box
}

.matches-v4 .match-stage.matches-events-list-hide {
    position: absolute;
    top: -20px;
    right: -8px;
    left: unset;
    border-radius: 0 0 0 4px !important
}

@media (max-width:500px) {
    .matches-v4 .match-stage {
        display: none
    }
}

.matches-v4 .match-stage.match-grand-final {
    width: 62px
}

.matches-v4 .match-stage.match-semifinal {
    width: 51px
}

.matches-v4 .match-stage.match-other-playoff {
    width: 45px
}

.matches-v4 .match-stage.match-quarterfinal {
    width: 65px
}

.matches-v4 .match-no-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: rgba(145, 168, 179, .65);
    height: 100%;
    min-height: 33px;
    text-align: center
}

@media (max-width:500px) {
    .matches-v4 .match-no-info {
        font-size: 10px;
        line-height: 14px;
        padding: 0 4px
    }
}

.matches-v4 .match-info {
    flex: 0 0 47px;
    position: relative;
    justify-content: center;
    gap: 4px
}

@media (max-width:500px) {
    .matches-v4 .match-info {
        gap: 2px;
        flex: 0 0 35px
    }
}

.matches-v4 .match-info:after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    background-color: rgba(73, 88, 103, .55)
}

.matches-v4 .match-fixtures,
.matches-v4 .match-teams {
    display: flex;
    flex-direction: column;
    flex: 1
}

.matches-v4 .match-fixtures {
    flex: 0 0 70px;
    border: 1px solid rgba(73, 88, 103, .55);
    border-radius: 4px
}

.matches-v4 .match-fixtures.match-fixture-direct .match-fixture {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 0 4px
}

@media (max-width:500px) {
    .matches-v4 .match-fixtures.match-fixture-direct .match-fixture {
        gap: 0;
        -moz-column-gap: 4px;
        column-gap: 4px
    }
}

.matches-v4 .match-fixtures.match-fixture-direct .match-fixture .odds-wrapper {
    display: flex;
    flex-direction: column
}

.matches-v4 .match-fixtures.match-fixture-direct .match-fixture:last-child {
    border-top: none
}

.matches-v4 .match-fixtures.match-fixture-direct .match-fixture-logo-wrapper {
    grid-row: 1/3
}

.matches-v4 .match-fixtures.match-fixture-direct .match-fixture-number {
    text-align: center
}

@media (max-width:500px) {
    .matches-v4 .match-fixtures.match-fixture-direct .match-fixture-number {
        height: 15px;
        line-height: 15px;
        font-size: 10px
    }
}

.matches-v4 .match-fixture {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    color: rgba(145, 168, 179, .65);
    font-size: 11px;
    font-weight: 700;
    padding: 2px
}

@media (max-width:500px) {
    .matches-v4 .match-fixture {
        gap: 0;
        -moz-column-gap: 5px;
        column-gap: 5px;
        padding: 0 2px
    }
}

.matches-v4 .match-fixture:last-child {
    border-top: 1px solid rgba(73, 88, 103, .55)
}

.matches-v4 .match-fixture:hover {
    background: #1d252f;
    color: #929a9e
}

.matches-v4 .match-fixture .match-fixture-logo {
    width: 70px;
    height: 27px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:500px) {
    .matches-v4 .match-fixture .match-fixture-logo {
        height: 20px;
        width: 60px
    }
}

.matches-v4 .match-team-logo {
    max-width: 100%;
    height: auto
}

.matches-v4 .match-teamname {
    font-size: 14px
}

@media (max-width:500px) {
    .matches-v4 .match-teamname {
        font-size: 11px
    }
}

.matches-v4 .match-team {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 21px
}

@media (max-width:500px) {
    .matches-v4 .match-team {
        gap: 2px
    }
}

.matches-v4 .match-rating {
    position: absolute;
    top: -11px;
    left: -8px;
    font-size: 7px;
    height: 18px;
    width: 50px;
    border-radius: 0 0 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px
}

.matches-v4 .match-rating .faded {
    opacity: .3
}

.matches-v4 .toggle-match-icon-hidden {
    display: none
}

.matches-v4 .toggle-match-icon .fa-bell {
    color: #dee4ea
}

.matches-v4 .starred-matches-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.matches-v4 .starred-matches-title-wrapper .starred-matches-title {
    display: flex;
    gap: 4px;
    font-weight: 700;
    font-size: 16px;
    align-items: baseline;
    padding: 4px 0
}

.matches-v4 .fa-thumb-tack-filled {
    color: #dee4ea
}

.matches-v4 .starred-matches-empty {
    color: rgba(145, 168, 179, .65);
    margin: 8px 0
}

.matches-v4 .starred-matches-description {
    font-weight: 400;
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.matches-v4 .sidebar-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

@media (max-width:500px) {
    .matches-v4 .sidebar-title {
        display: none
    }
}

.matches-v4 .matches-filter-clear-all {
    font-size: 10px;
    color: rgba(145, 168, 179, .65);
    cursor: pointer
}

.matches-v4 .empty-text-div {
    background: #26303c;
    border-radius: 4px;
    padding: 16px;
    color: rgba(145, 168, 179, .65);
    margin-bottom: 0 !important
}

@media (max-width:500px) {
    .matches-v4 .empty-text-div {
        padding: 2px 8px;
        font-size: 10px
    }
}

.matches-v4 .empty-text-div b {
    margin-bottom: 4px
}

.matches-v4 .empty-text-div .fa {
    background: #1d252f;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.matches-v4 .event-headline-text {
    display: flex;
    align-items: center
}

.matches-v4 .starred-matches-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    box-sizing: border-box;
    background: #364250;
    padding: 0 8px 8px
}

@media (max-width:500px) {
    .matches-v4 .starred-matches-container {
        padding-bottom: 8px
    }
}

@media (max-width:500px) {

    .matches-v4 .starred-matches-container .event-headline,
    .matches-v4 .starred-matches-container .event-headline-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.matches-v4 .starred-matches-container .matches-events-list {
    padding-top: 0
}

.matches-v4 .starred-matches-container .matches-event-wrapper {
    border-top: 1px solid rgba(73, 88, 103, .55);
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    margin: 0 -8px
}

.matches-v4 .starred-matches-container .matches-event-wrapper:first-child {
    border-top: 0
}

.matches-v4 .starred-matches-container:has(.matches-event-wrapper:not(.hidden)) {
    padding-bottom: 0
}

.matches-v4 .starred-matches-container .matches-events-list {
    gap: 0
}

.matches-v4 .starred-matches-container .match-wrapper {
    background: transparent
}

.matches-v4 .starred-matches-container .match-wrapper:hover {
    background: #1d252f
}

.matches-v4 .matches-filter-name {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    cursor: pointer
}

.matches-v4 .matches-filter-tournaments-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.matches-v4 .matches-sidebar-filter-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid #495867
}

.matches-v4 label:has(input[type=checkbox]:checked) .matches-filter-name-text {
    font-weight: 700;
    color: #929a9e
}

.matches-v4 .matches-filter-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: rgba(145, 168, 179, .65)
}

.matches-v4 .matches-filter-row:hover {
    color: #929a9e
}

.matches-v4 .matches-sidebar-filter {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-radius: 4px;
    overflow: hidden;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:500px) {
    .matches-v4 .matches-sidebar-filter {
        margin: 16px;
        box-sizing: border-box
    }
}

.matches-v4 .matches-sidebar-filter-title {
    font-weight: 700
}

.matches-v4 .matches-sidebar-filter-clear-all {
    color: rgba(145, 168, 179, .65);
    font-size: 10px;
    cursor: pointer
}

.matches-v4 .match-info {
    display: flex;
    flex-direction: column
}

.matches-v4 .match-team-score {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    gap: 4px;
    align-items: baseline;
    font-size: 14px;
    line-height: 13px
}

@media (max-width:500px) {
    .matches-v4 .match-team-score {
        font-size: 12px;
        gap: 2px;
        line-height: 11px
    }
}

.matches-v4 .current-map-score {
    font-weight: 700
}

html.no-spoiler .matches-v4 .current-map-score {
    visibility: hidden
}

.matches-v4 .current-map-score.leading {
    color: #09c100
}

.matches-v4 .current-map-score.trailing {
    color: #fc1d1d
}

.matches-v4 .map-score {
    font-size: 10px
}

@media (max-width:500px) {
    .matches-v4 .map-score {
        font-size: 9px
    }
}

html.no-spoiler .matches-v4 .map-score span {
    visibility: hidden
}

.matches-v4 .match-meta {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: rgba(146, 154, 158, .45);
    padding: 0 4px;
    width: 28px;
    text-transform: uppercase
}

@media (max-width:500px) {
    .matches-v4 .match-meta {
        font-size: 7px;
        position: relative;
        top: -1px;
        width: 22px
    }
}

.matches-v4 .match-meta.match-meta-live {
    background-color: #8f0303;
    color: #fff;
    text-transform: uppercase
}

.matches-v4 .match-time {
    font-size: 13px;
    font-weight: 700;
    line-height: 13px
}

@media (max-width:500px) {
    .matches-v4 .match-time {
        font-size: 11px;
        line-height: 11px
    }
}

.matches-v4 .matches-list-column {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width:500px) {
    .matches-v4 .matches-list-column {
        gap: 8px
    }
}

.matches-v4 .expand-match-btn svg {
    margin: -2px;
    width: 20px;
    height: 20px
}

@media (max-width:500px) {
    .matches-v4 .expand-match-btn svg {
        width: 17px;
        height: 17px
    }
}

.matches-v4 .match-btn {
    height: 30px;
    min-width: 16px;
    padding: 0 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .1);
    color: rgba(146, 154, 158, .75);
    font-size: 13px
}

@media (max-width:500px) {
    .matches-v4 .match-btn {
        height: 24px;
        font-size: 10px;
        padding: 0 4px
    }
}

.matches-v4 .matches-filter-row.matchpage-star-selected,
.matches-v4 .matchpage-star-selected {
    display: none
}

.starred-matches-description-tooltip {
    max-width: 300px
}

.starred-matches-settings-tooltip {
    max-width: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    z-index: 1;
    background: #2d3844;
    padding: 8px;
    transform: translate(4px, 20px);
    border-radius: 4px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1))
}

.starred-matches-settings-tooltip .toggle {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 10px;
    padding-bottom: 4px
}

.starred-matches-settings-tooltip .toggle:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.starred-matches-settings-tooltip .toggle-button {
    position: relative;
    width: 32px;
    height: 20px
}

.starred-matches-settings-tooltip .toggle-button input {
    opacity: 0;
    width: 0;
    height: 0
}

.starred-matches-settings-tooltip .toggle-button-wrapper {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex: 1
}

.starred-matches-settings-tooltip .toggle-button-wrapper:hover {
    background: #45515f;
    cursor: pointer;
    border-radius: 4px;
    margin: -4px;
    padding: 4px
}

.starred-matches-settings-tooltip input:checked+.mvp-slider {
    background-color: #435971
}

.starred-matches-settings-tooltip input:checked+.mvp-slider:before {
    transform: translateX(12px)
}

.starred-matches-settings-tooltip .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s ease-in-out;
    border-radius: 30px
}

.starred-matches-settings-tooltip .toggle-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .2s ease-in-out;
    border-radius: 50%
}

.starred-matches-settings-tooltip input:checked+.toggle-slider {
    background-color: #435971
}

.starred-matches-settings-tooltip input:checked+.toggle-slider:before {
    transform: translateX(12px)
}

.Zebra_Tooltip:has(.matches-tournament-tooltip-right) .event-tooltip-wrapper {
    position: absolute;
    transform: translate(25%, -65%)
}

.Zebra_Tooltip:has(.matches-tournament-tooltip-right) .Zebra_Tooltip_Arrow {
    transform: rotate(270deg);
    left: 63px !important;
    top: -16px !important
}

html:not(.matches-time) .matches-chronologically-hide {
    display: none !important
}

html:not(.matches-time) .matches-sort-by-toggle-event {
    font-weight: 700;
    color: #929a9e;
    background: rgba(145, 168, 179, .2)
}

html:not(.matches-time) .matches-sort-by-toggle-time:hover {
    background: rgba(145, 168, 179, .05)
}

html.matches-time .matches-events-list-hide {
    display: none !important
}

@media (max-width:500px) {
    html.matches-time .matches-events-list-hide-smartphone {
        display: none !important
    }
}

html.matches-time .headline-flex .upcoming-headline {
    margin-bottom: 0
}

html.matches-time .matches-sort-by-toggle-time {
    font-weight: 700;
    color: #929a9e;
    background: rgba(145, 168, 179, .2)
}

html.matches-time .matches-sort-by-toggle-event:hover {
    background: rgba(145, 168, 179, .05)
}

.hallOfFame-container {
    background: linear-gradient(180deg, #000c13, #111a1f);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    --hofColor: #2a3b4a;
    --hofColor-dark: #090b0c
}

.hallOfFame-container * {
    box-sizing: border-box
}

.hallOfFame-container .flex-center {
    display: flex;
    align-items: center;
    gap: 4px
}

.hallOfFame-container .hof-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: -10px;
    height: 300px
}

.hallOfFame-container .hof-header .sponsor-logo {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    filter: drop-shadow(0 0 3px black);
    z-index: 9
}

.hallOfFame-container .hof-header .sponsor-logo img {
    height: 80%
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
        transform: translatey(0)
    }

    50% {
        box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
        transform: translatey(6px)
    }

    to {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
        transform: translatey(0)
    }
}

.hallOfFame-container .hof-header img[class*=floating-] {
    position: absolute;
    aspect-ratio: 9/12;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    border-radius: 4px;
    transition: filter .5s ease-in-out
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-] {
        opacity: .35
    }
}

.hallOfFame-container .hof-header img[class*=floating-]:hover {
    filter: grayscale(0) blur(0) !important;
    transition: filter 1s ease-in-out
}

.hallOfFame-container .hof-header img[class*=floating-]:first-of-type {
    animation: float 4.2385334376s ease-in-out infinite;
    animation-delay: .8110271ms
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(2) {
    animation: float 4.594313097s ease-in-out infinite;
    animation-delay: .0025100792s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(3) {
    animation: float 4.3702450426s ease-in-out infinite;
    animation-delay: .3529618817s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(4) {
    animation: float 4.4974264872s ease-in-out infinite;
    animation-delay: .2348796118s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(5) {
    animation: float 4.5873254252s ease-in-out infinite;
    animation-delay: .2674812412s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(6) {
    animation: float 4.7948850797s ease-in-out infinite;
    animation-delay: .1940359618s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(7) {
    animation: float 4.5266904111s ease-in-out infinite;
    animation-delay: .2370863243s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(8) {
    animation: float 4.3078242386s ease-in-out infinite;
    animation-delay: .0630924986s
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(9) {
    animation: float 4.8175890851s ease-in-out infinite;
    animation-delay: 3.3147431ms
}

.hallOfFame-container .hof-header img[class*=floating-]:nth-of-type(10) {
    animation: float 4.3388878313s ease-in-out infinite;
    animation-delay: .2599510162s
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-1] {
    width: 85px;
    left: 8%;
    top: 20px;
    filter: grayscale(1) blur(0)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-1] {
        left: 8%;
        top: 38px
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-2] {
    width: 74px;
    left: 10%;
    top: 165px;
    filter: grayscale(1) blur(1px)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-2] {
        left: 29%;
        top: 170px
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-3] {
    width: 42px;
    left: 34%;
    top: 44px;
    filter: grayscale(1) blur(5px)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-3] {
        display: none
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-4] {
    width: 55px;
    left: 28%;
    top: 156px;
    filter: grayscale(1) blur(4px)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-4] {
        left: 47%;
        top: 50px
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-5] {
    width: 64px;
    left: 66%;
    top: 169px;
    filter: grayscale(1) blur(0)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-5] {
        display: none
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-6] {
    width: 88px;
    left: 63%;
    top: 20px;
    filter: grayscale(1) blur(2px)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-6] {
        display: none
    }
}

.hallOfFame-container .hof-header img[class*=floating-][class*=floating-7] {
    width: 108px;
    left: 80%;
    top: 76px;
    filter: grayscale(1) blur(5px)
}

@media (max-width:500px) {
    .hallOfFame-container .hof-header img[class*=floating-][class*=floating-7] {
        left: 65%;
        top: 83px
    }
}

.hallOfFame-container .hof-inductees {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.hallOfFame-container .hof-inductees .inductee,
.hallOfFame-container .hof-inductees .placeholder-inductee {
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border-top: 2px solid var(--hofColor)
}

.hallOfFame-container .hof-inductees .inductee .inductee-img,
.hallOfFame-container .hof-inductees .placeholder-inductee .inductee-img {
    width: 100%
}

.hallOfFame-container .hof-inductees .inductee .inductee-year,
.hallOfFame-container .hof-inductees .placeholder-inductee .inductee-year {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 4px 4px;
    background-color: var(--hofColor);
    padding: 0 6px;
    font-size: 10px;
    font-weight: 700
}

.hallOfFame-container .hof-inductees .inductee .inductee-info,
.hallOfFame-container .hof-inductees .placeholder-inductee .inductee-info {
    padding: 4px;
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    z-index: 1;
    font-size: 14px
}

.hallOfFame-container .hof-inductees .inductee .inductee-info .inductee-flag-nick,
.hallOfFame-container .hof-inductees .placeholder-inductee .inductee-info .inductee-flag-nick {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700
}

.hallOfFame-container .hof-inductees .inductee .inductee-info .inductee-name,
.hallOfFame-container .hof-inductees .placeholder-inductee .inductee-info .inductee-name {
    color: hsla(0, 0%, 100%, .65);
    font-size: 11px
}

.hallOfFame-container .hof-inductees .bg-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 0;
    background: linear-gradient(transparent, #03090e)
}

.hallOfFame-container .hof-text {
    color: hsla(0, 0%, 100%, .5);
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 11px;
    padding: 10px;
    background: var(--hofColor-dark);
    border-radius: 4px
}

.hallOfFame-container .hof-text i {
    font-size: 16px;
    margin-top: 1px
}

.hallOfFame-container .hof-inductees-section {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section {
        gap: 12px
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners {
    display: flex;
    position: relative;
    gap: 4px
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners {
        flex-direction: column;
        height: 500px;
        order: 2;
        width: 100% !important
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner {
    flex: 1;
    min-width: 0;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .35s ease;
    position: relative;
    overflow: hidden
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner.placeholder .img-controller img {
    left: 46%
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner.placeholder .img-controller img {
        width: 220px;
        position: absolute;
        right: -30px;
        height: auto;
        bottom: -100px;
        transition: all .35s ease;
        left: unset !important;
        transform: unset
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner.placeholder:hover img {
    left: 50%
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner {
        min-height: 0;
        height: auto;
        overflow: hidden
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner:hover {
    flex: 3;
    transition: all .35s ease
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner:hover .banner-inductee-info {
    opacity: 1;
    transform: translateY(0);
    transition: all .35s ease
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner:hover img {
    filter: grayscale(.3) brightness(1.3) contrast(1.1) !important;
    transition: all .35s ease
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner:hover img {
        bottom: 0 !important
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .img-controller {
    width: 100%;
    height: 100%
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .img-controller img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all .35s ease
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .img-controller img {
        width: 100%;
        position: absolute;
        transition: all .35s ease;
        transform: unset;
        left: 50px
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .mobile-vertical-gradient {
    width: 200px;
    height: 100%;
    background: linear-gradient(90deg, #18212b, rgba(24, 34, 44, 0));
    position: absolute;
    left: 50px;
    top: 0
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(42, 59, 74, .35)
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .banner-inductee-info {
    display: flex;
    position: absolute;
    bottom: 40px;
    color: #fff;
    z-index: 2;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-8px);
    transition: all .35s ease
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .banner-inductee-info {
        bottom: 50% !important;
        transform: translateY(50%) !important;
        left: 12px;
        align-items: flex-start;
        opacity: 1
    }
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .banner-inductee-info .banner-nick {
    font-size: 24px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #e1c693;
    line-height: 32px;
    color: #e1c693
}

.hallOfFame-container .hof-inductees-section .hof-banners .hof-inductee-banner .banner-inductee-info .inductee-country {
    font-size: 12px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .5)
}

.hallOfFame-container .hof-inductees-section .hof-banners .bottom-gradient {
    position: absolute;
    width: 100%;
    height: 50%;
    background: linear-gradient(1turn, #10181d 4%, transparent);
    z-index: 1;
    bottom: 0;
    pointer-events: none
}

.hallOfFame-container .hof-inductees-section .hof-title-container {
    --titleContainerColor: #fff;
    display: flex;
    color: var(--titleContainerColor);
    align-items: center;
    gap: 32px;
    margin-top: -56px;
    margin-left: 12px;
    z-index: 999;
    position: relative;
    transition: all .2s ease
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-title-container {
        margin-top: 0;
        margin-left: 0;
        gap: 12px
    }
}

.hallOfFame-container .hof-inductees-section .hof-title-container.faded {
    --titleContainerColor: #474747;
    transition: all .2s ease
}

.hallOfFame-container .hof-inductees-section .hof-title-container .hof-title {
    font-size: 48px;
    -webkit-text-stroke-width: 5px;
    -webkit-text-stroke-color: var(--titleContainerColor);
    letter-spacing: 2px
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-title-container .hof-title {
        font-size: 28px;
        -webkit-text-stroke-width: 2px
    }
}

.hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list {
    list-style-type: none;
    display: flex;
    font-size: 9px;
    font-weight: 700;
    -webkit-text-stroke-width: .25px;
    -webkit-text-stroke-color: var(--titleContainerColor);
    letter-spacing: .25px;
    text-transform: uppercase;
    padding: 8px 0 0;
    border-top: 1px solid var(--titleContainerColor);
    margin: 8px 0 0
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list {
        padding: 0;
        border: none
    }
}

.hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list .inductee-text {
    letter-spacing: 1px
}

.hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list .inductee-text.active {
    color: #fff !important;
    -webkit-text-stroke-color: #fff !important
}

.hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list .inductee-text:after {
    content: "/";
    margin: 0 12px
}

@media (max-width:500px) {
    .hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list .inductee-text:after {
        margin: 0 4px;
        flex-wrap: wrap
    }
}

.hallOfFame-container .hof-inductees-section .hof-title-container .inductee-list .inductee-text:last-child:after {
    content: "";
    margin: 0
}

.minigame-label-new:after {
    content: "New";
    text-transform: uppercase;
    background: #435971;
    padding: 0 3px;
    border-radius: 4px;
    margin-left: 4px;
    color: #fff
}

.sidebar-minigames-wrapper .minigame-icon-wrapper path {
    fill: #e63865
}

.sidebar-minigames-wrapper .timeline-minigame-header-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 4px
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper {
    display: flex;
    justify-content: space-between;
    min-height: 36px;
    align-items: center;
    padding: 0 7px;
    font-weight: 700
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper:hover {
    background: #45515f
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper:hover .sidebar-minigames-playnow-btn {
    background: #59728e;
    color: #fff
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper.played .minigame-icon-wrapper {
    position: relative
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper.played .minigame-icon-wrapper:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: green;
    height: 13px;
    width: 13px;
    border-radius: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper.played .minigame-icon-wrapper:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content: "\f00c";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 8px;
    z-index: 1
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper.played .minigame-icon-wrapper svg {
    opacity: .5
}

.sidebar-minigames-wrapper .timeline-minigame-wrapper.played .sidebar-minigames-playnow-btn {
    background: rgba(146, 154, 158, .25);
    color: rgba(146, 154, 158, .5)
}

.sidebar-minigames-wrapper .sidebar-minigames-playnow-btn {
    background: #435971;
    padding: 0 6px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700
}

.timeline-game {
    position: relative;
    padding: 48px;
    background: url(/img/static/gfx/timeline_bg.jpg);
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-size: cover;
    transition: height ease-out;
    --largePadding: 24px
}

@media (max-width:500px) {
    .timeline-game {
        padding: 16px;
        --largePadding: 12px
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

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

.timeline-game .timeline-stats-wrapper {
    padding: var(--largePadding);
    background-color: #1b1f23;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: fadeInDown .4s ease
}

.timeline-game .timeline-stats-wrapper .streak-title {
    color: #fff;
    font-size: 16px;
    margin: 0
}

.timeline-game .timeline-stats-wrapper .timeline-stats {
    padding: 12px;
    background: rgb(15.8951612903, 18.25, 20.6048387097);
    border: 1px solid rgb(60.314516129, 69.25, 78.185483871);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative
}

.timeline-game .timeline-stats-wrapper .stats-cta {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(27, 31, 35, .85);
    border: 1px solid #1b1f23;
    color: hsla(0, 0%, 100%, .5)
}

.timeline-game .timeline-stats-wrapper .timeline-signup {
    margin-top: 12px;
    font-size: 12px;
    background: #435971
}

.timeline-game .timeline-stats-wrapper .timeline-signup:hover {
    background: #59728e
}

.timeline-game .timeline-stats-wrapper .weekly-stats {
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #929a9e;
    position: relative
}

.timeline-game .timeline-stats-wrapper .week-line {
    background: rgb(60.314516129, 69.25, 78.185483871);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1
}

@media (max-width:500px) {
    .timeline-game .timeline-stats-wrapper .week-line {
        top: 11px;
        width: 95%
    }
}

.timeline-game .timeline-stats-wrapper .day {
    position: relative;
    z-index: 10;
    cursor: pointer
}

@media (max-width:500px) {
    .timeline-game .timeline-stats-wrapper .day {
        font-size: 10px
    }
}

.timeline-game .timeline-stats-wrapper .divider {
    width: 1px;
    border-right: 1px dashed rgb(60.314516129, 69.25, 78.185483871)
}

.timeline-game .timeline-stats-wrapper .points {
    width: 30px;
    height: 30px;
    background: rgb(60.314516129, 69.25, 78.185483871);
    border-radius: 50%;
    font-size: 11px;
    color: hsla(0, 0%, 100%, .8);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .timeline-game .timeline-stats-wrapper .points {
        width: 22px;
        height: 22px;
        font-size: 10px
    }
}

.timeline-game .timeline-stats-wrapper .points.correct {
    background: #56a756
}

.timeline-game .timeline-stats-wrapper .points.played {
    background: #435971
}

.timeline-game .timeline-stats-wrapper .selected .points {
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    outline: 3px solid #647a93
}

.timeline-game .timeline-stats-wrapper .description {
    font-size: 9px;
    font-weight: 400;
    margin-top: -10px;
    color: #929a9e
}

.timeline-game .timeline-stats-wrapper .total-stats {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: center
}

@media (max-width:500px) {
    .timeline-game .timeline-stats-wrapper .total-stats {
        flex-wrap: wrap;
        gap: 8px
    }
}

.timeline-game .timeline-stats-wrapper .stats-box {
    box-sizing: border-box;
    padding-top: 12px;
    background: rgb(60.314516129, 69.25, 78.185483871);
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    flex: 1;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column
}

.timeline-game .timeline-stats-wrapper .stats-box.all-users-stats {
    background: rgb(82.5241935484, 94.75, 106.9758064516)
}

@media (max-width:500px) {
    .timeline-game .timeline-stats-wrapper .stats-box {
        flex-basis: 45%
    }
}

.timeline-game .timeline-stats-wrapper .stats-description {
    color: #929a9e;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    margin-top: -4px
}

.timeline-game .timeline-stats-wrapper .next-daily-game {
    display: flex;
    justify-content: space-between;
    color: #929a9e
}

.timeline-game .timeline-stats-wrapper .keep-me-notified {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #fff;
    font-weight: 700
}

.timeline-game .timeline-stats-wrapper .notification-switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px
}

.timeline-game .timeline-stats-wrapper .notification-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.timeline-game .timeline-stats-wrapper .notification-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.timeline-game .timeline-stats-wrapper .notification-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.timeline-game .timeline-stats-wrapper input:checked+.notification-slider {
    background-color: #435971
}

.timeline-game .timeline-stats-wrapper input:checked+.notification-slider:before {
    transform: translateX(15px)
}

.timeline-game .timeline-stats-wrapper .notification-slider {
    border-radius: 50px
}

.timeline-game .timeline-stats-wrapper .notification-slider:before {
    border-radius: 50%
}

.timeline-game .timeline-header {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between
}

.timeline-game .timeline-logo {
    width: 120px;
    height: auto
}

@media (max-width:500px) {
    .timeline-game .timeline-logo {
        width: 100px
    }
}

.timeline-game .sign-in-cta {
    color: #929a9e
}

.timeline-game .sign-in-cta a {
    color: #87a3bf;
    font-weight: 700
}

.timeline-game .sign-in-cta a:hover {
    color: #aac2dd !important
}

.timeline-game h1 {
    margin: 0;
    color: #fff;
    font-size: 24px
}

.timeline-game .game-description {
    color: hsla(0, 0%, 100%, .6196078431)
}

@media (max-width:500px) {
    .timeline-game .game-description {
        font-size: 11px;
        line-height: 110%
    }
}

.timeline-game .date {
    position: absolute;
    right: 8px;
    top: 3px;
    font-size: 12px;
    opacity: .6;
    font-weight: 400
}

@media (max-width:500px) {
    .timeline-game .date {
        font-size: 10px;
        right: 4px;
        top: 2px
    }
}

.timeline-game .timeline-wrapper {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #1b1f23;
    padding: var(--largePadding);
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-size: cover;
    border-radius: 12px
}

@media (max-width:500px) {
    .timeline-game .timeline-wrapper {
        gap: 12px
    }
}

.timeline-game .timeline-container-wrap {
    display: flex
}

.timeline-game .timeline-container-wrap .timeline-guideline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-left: -20px;
    padding: 8px 2px 8px 0
}

@media (max-width:500px) {
    .timeline-game .timeline-container-wrap .timeline-guideline {
        margin-left: -12px;
        padding: 8px 0
    }
}

.timeline-game .timeline-container-wrap .timeline-guideline-text {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(146, 154, 158, .75)
}

@media (max-width:500px) {
    .timeline-game .timeline-container-wrap .timeline-guideline-text {
        font-size: 8px
    }
}

.timeline-game .timeline-container-wrap .timeline-line {
    height: 100%;
    width: 1px;
    background: rgb(60.314516129, 69.25, 78.185483871)
}

.timeline-game .timeline-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.timeline-game .buttons-wrap {
    display: flex;
    justify-content: center;
    gap: 4px
}

.timeline-game .timeline-btn {
    cursor: pointer;
    color: #fff;
    display: block;
    font-size: 16px;
    border-radius: 4px;
    border: none;
    padding: 6px 18px
}

.timeline-game .timeline-btn.disabled {
    opacity: .5;
    pointer-events: none;
    background: rgb(82.5241935484, 94.75, 106.9758064516)
}

.timeline-game .timeline-score-status {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

@media (max-width:500px) {
    .timeline-game .timeline-score-status {
        font-size: 13px
    }
}

.timeline-game .share-btn {
    background: #59728e;
    font-weight: 700;
    transition: width .2s ease;
    width: 100%
}

.timeline-game .share-btn:hover {
    background: #435971
}

.timeline-game #check-btn {
    background: #435971;
    padding: 10px 20px;
    z-index: 9;
    position: relative;
    width: 100%;
    font-weight: 700
}

.timeline-game #check-btn.disabled {
    cursor: auto
}

.timeline-game #check-btn.disabled:hover {
    background: #435971
}

.timeline-game #check-btn:hover {
    background: #59728e
}

.timeline-game .share-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    align-items: center;
    background: #1b1f23;
    color: #929a9e;
    border-radius: 8px;
    z-index: 999999;
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, .1);
    padding: 12px;
    cursor: pointer;
    pointer-events: none;
    opacity: 0
}

@media (max-width:500px) {
    .timeline-game .share-toast {
        display: none;
        bottom: 78px;
        padding: 8px;
        gap: 8px
    }

    .timeline-game .share-toast .text {
        text-wrap: nowrap
    }
}

.timeline-game .share-toast.show-up {
    pointer-events: unset;
    opacity: 1;
    animation: showUp .5s ease-in-out
}

@keyframes showUp {
    0% {
        transform: translateY(50%) translateX(-50%);
        opacity: 0
    }

    to {
        transform: translateY(0) translateX(-50%);
        opacity: 1
    }
}

@keyframes showDown {
    0% {
        transform: translateY(0) translateX(-50%);
        opacity: 1
    }

    to {
        transform: translateY(50%) translateX(-50%);
        opacity: 0
    }
}

.timeline-game .share-toast.show-down {
    animation: showDown .5s ease-in-out
}

.timeline-game .share-toast .icon {
    min-width: 24px;
    min-height: 24px;
    background: #435971;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 11px
}

.timeline-game .share-toast .icon i {
    color: #fff
}

.timeline-game-card {
    display: flex;
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #1b1f23;
    border: 1px solid rgba(146, 154, 158, .1);
    color: #d8e2e9;
    border-radius: 8px;
    cursor: grab;
    font-weight: 700;
    overflow: hidden;
    height: 90px;
    box-sizing: border-box;
    gap: 8px;
    z-index: 9;
    font-size: 16px;
    --shadow-color: 180deg 0% 8%;
    box-shadow: .1px .5px .6px hsl(var(--shadow-color)/.34), .6px 2.9px 3.3px -.4px hsl(var(--shadow-color)/.34), 1.1px 5.4px 6.2px -.7px hsl(var(--shadow-color)/.34), 1.8px 8.8px 10.1px -1.1px hsl(var(--shadow-color)/.34), 2.9px 14.1px 16.2px -1.4px hsl(var(--shadow-color)/.34), 4.5px 22px 25.3px -1.8px hsl(var(--shadow-color)/.34), 6.9px 33.5px 38.5px -2.1px hsl(var(--shadow-color)/.34), 10.1px 49.3px 56.6px -2.5px hsl(var(--shadow-color)/.34);
    margin-bottom: 8px
}

.timeline-game-card:last-child {
    margin-bottom: 0
}

.timeline-game-card:hover {
    background: rgb(49.2096774194, 56.5, 63.7903225806)
}

.timeline-game-card:hover .read-more {
    opacity: 1 !important;
    margin-right: 0 !important
}

.timeline-game-card.correct {
    border: 1px solid #56a756;
    animation: correctAnswer .2s ease-out;
    cursor: auto
}

.timeline-game-card.correct .text {
    text-shadow: none
}

.timeline-game-card.correct:hover {
    border: 1px solid rgb(116.6462882096, 214.3537117904, 122.8995633188)
}

.timeline-game-card.wrong {
    border: 1px solid #ab1d1d;
    animation: spring .2s ease-out, fadeOut .2s ease-out forwards;
    cursor: auto
}

.timeline-game-card.wrong .text {
    text-shadow: none
}

.timeline-game-card.wrong:hover {
    border: 1px solid #ff3d3d
}

@keyframes spring {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(.95)
    }

    60% {
        transform: scale(1.03)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes correctAnswer {
    0% {
        filter: brightness(1);
        transform: scale(1)
    }

    50% {
        filter: brightness(1.1);
        transform: scale(1.03)
    }

    to {
        filter: brightness(1);
        transform: scale(1)
    }
}

@media (max-width:500px) {
    .timeline-game-card {
        font-size: 13px;
        height: 64px
    }
}

.timeline-game-card .text {
    z-index: 1;
    position: relative;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    line-height: 20px;
    text-shadow: 1px -1px 6px #415e6e, 1px 1px 6px #0b2432;
    padding-right: 8px
}

@media (max-width:500px) {
    .timeline-game-card .text {
        line-height: 16px;
        padding-right: 4px
    }
}

.timeline-game-card .read-more-wrap {
    position: absolute;
    right: 8px;
    bottom: 3px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    z-index: 99;
    color: #d1d1d1 !important;
    display: flex;
    align-items: center;
    gap: 4px
}

.timeline-game-card .read-more-wrap:hover {
    color: #fff !important
}

@media (max-width:500px) {
    .timeline-game-card .read-more-wrap {
        font-size: 10px;
        right: 4px;
        bottom: 2px
    }
}

.timeline-game-card .read-more-wrap .read-more {
    opacity: 0;
    transition: opacity .3s ease-out, margin-right .4s ease-out;
    margin-right: 8px;
    font-size: 11px
}

.timeline-game-card .picture {
    width: 100%;
    max-width: 110px;
    margin: 4px
}

@media (max-width:500px) {
    .timeline-game-card .picture {
        max-width: 80px
    }
}

.timeline-game-card .picture img {
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.records {
    --hltvrelated: 45, 109, 163;
    --active: 112, 173, 87;
    --broken: 237, 51, 51;
    --bgOpacity: .15
}

.records .icon-container {
    margin-bottom: -6px
}

.records .streaks-records-tabs-wrapper {
    border-radius: 100px;
    background: #2d3844;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    margin-top: 24px;
    gap: 12px
}

@media (max-width:500px) {
    .records .streaks-records-tabs-wrapper {
        gap: 4px
    }
}

.records .streaks-records-tabs-wrapper .streaks-records-tab {
    border-radius: 100px;
    text-align: center;
    width: 100%;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: none;
    color: #929a9e
}

.records .streaks-records-tabs-wrapper .streaks-records-tab.active {
    background: #435971;
    color: #fff;
    font-weight: 700
}

.records .streaks-records-tabs-wrapper .streaks-records-tab.active:hover {
    background: #59728e
}

.records .streaks-records-tabs-wrapper .streaks-records-tab:hover {
    background: #45515f
}

.records .records-filters {
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    padding: 4px;
    gap: 4px
}

.records .records-filters .records-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    width: 100%;
    color: #929a9e;
    position: relative;
    text-wrap: nowrap;
    border-radius: 100px
}

.records .records-filters .records-filter:hover {
    background-color: #45515f
}

.records .records-filters .records-filter.selected {
    font-weight: 700;
    background: #435971;
    color: #fff
}

.records .records-filters .records-filter.selected:hover {
    color: #fff !important;
    background: #59728e
}

.records .records-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

@media (max-width:500px) {
    .records .records-header-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }
}

.records .records-header-wrap .back-button {
    font-size: 11px;
    background: none;
    border-radius: 4px;
    padding: 0 6px;
    color: rgba(146, 154, 158, .65);
    border: none;
    cursor: pointer
}

.records .records-header-wrap .back-button i {
    margin-right: 4px
}

.records .records-header-wrap .back-button:hover {
    background-color: #2d3844;
    color: #929a9e
}

.records .standard-headline {
    font-size: 20px;
    font-weight: 700;
    opacity: 1;
    margin: 0
}

.records h2 {
    font-size: 24px;
    margin: 0 0 4px
}

.records .trending-wrap {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 4px;
    position: relative;
    background: radial-gradient(ellipse at center, rgba(146, 154, 158, .05) 0, rgba(146, 154, 158, .05) 30%, transparent 0), linear-gradient(45deg, #2d3844, #2d3844);
    background-size: 6px 6px;
    background-position: 50% 50%
}

.records .trending-wrap * {
    z-index: 1
}

.records .trending-wrap:after {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(308deg, #96d9db, transparent 25%, transparent 45%, #96d9db);
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 4px;
    z-index: -1
}

.records .trending-wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: radial-gradient(at center center, rgba(45, 56, 68, .2) 30%, #2d3844);
    z-index: 0;
    border-radius: 4px
}

.records .trending-wrap .remaining-trending {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.records .trending-wrap .trending-container {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.records .trending-wrap .trending-container:after {
    content: "";
    height: 100%;
    width: 4px;
    background: linear-gradient(265deg, #33e2e9, #4f9294);
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute
}

.records .trending-wrap .trending-container:has(.broken):after {
    background: linear-gradient(265deg, #fc1d1d, #9a0b0b)
}

.records .trending-wrap .trending-container .streak-approaching-record-header {
    line-height: 1.3
}

.records .trending-wrap .trending-container .record-row {
    background: #364250;
    margin: 0;
    padding: 4px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 70px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row {
        gap: 8px;
        font-size: 11px;
        min-height: 55px
    }
}

.records .trending-wrap .trending-container .record-row:hover {
    background: #45515f
}

.records .trending-wrap .trending-container .record-row.upcoming-match .team-and-time-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.upcoming-match .team-and-time-wrap .team {
    width: 100%
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.upcoming-match .team-and-time-wrap {
        gap: 4px
    }
}

.records .trending-wrap .trending-container .record-row.upcoming-match .time-and-event {
    margin-left: auto
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.upcoming-match .time-and-event {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 30%
    }

    .records .trending-wrap .trending-container .record-row.upcoming-match .time-and-event .time {
        font-size: 13px
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel {
    padding: 16px !important;
    gap: 0
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel {
        padding: 12px !important
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel:hover {
    background: #364250 !important
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .trending-chart-title {
    margin: 0
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel .trending-chart-title {
        margin-bottom: 3px
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .record-name {
    width: 100%;
    align-items: center;
    text-align: center;
    font-weight: 700
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .record-name .record-name-text {
    font-size: 12px
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .record-name .record {
    font-size: 11px;
    margin-top: -2px;
    font-weight: 400;
    color: rgba(146, 154, 158, .65)
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .team-logo-container {
    width: 36px;
    height: 36px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel .team-logo-container {
        width: 24px;
        height: 24px
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .custom-scrollbar-slider::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel .custom-scrollbar-slider::-webkit-scrollbar {
        height: 3px
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .custom-scrollbar-slider::-webkit-scrollbar-thumb {
    background: #232d38 !important;
    border-radius: 10px !important
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .custom-scrollbar-slider::-webkit-scrollbar-thumb:hover {
    background: #232d38 !important
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-header-container {
    line-height: 1.3;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-header-container .carousel-header {
    display: flex;
    align-items: center;
    gap: 4px
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-header-container .carousel-description {
    max-width: 80%
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container {
    max-width: 100%
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .carousel-slider-controller {
        display: none
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .carousel-slider-elements {
    gap: 8px;
    scrollbar-width: auto;
    padding-bottom: 4px
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out {
    width: 86px;
    min-width: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #2d3844;
    border-radius: 4px;
    padding: 12px 6px;
    gap: 2px
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out:hover {
    background: #45515f
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out {
        padding: 8px 4px;
        max-width: 56px;
        min-width: 56px
    }
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out .player-picture-container .team-logo-container {
    display: none
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out.in {
    border-top: 2px solid #09c100
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out.undetermined {
    border-top: 2px solid #495867
}

.records .trending-wrap .trending-container .record-row.in-or-out-carousel .carousel-container .in-or-out.out {
    border-top: 2px solid #fc1d1d;
    opacity: .3
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record {
    padding: 16px !important;
    gap: 12px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-approaching-record {
        padding: 12px !important
    }
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record:hover {
    background: #364250 !important
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .trending-chart-title {
    margin: 0
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-approaching-record .trending-chart-title {
        margin-bottom: 3px
    }
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .streak {
    background: #2d3844;
    border-radius: 4px
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .next-record .decrease,
.records .trending-wrap .trending-container .record-row.streak-approaching-record .next-record .increase,
.records .trending-wrap .trending-container .record-row.streak-approaching-record .previous-record .increase,
.records .trending-wrap .trending-container .record-row.streak-approaching-record .streak .decrease {
    display: none
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container {
    width: 100%;
    display: flex;
    gap: 8px;
    padding: 4px;
    margin: -4px;
    border-radius: 4px
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container:hover {
    background: #45515f
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .team {
    width: 140px;
    gap: 4px;
    flex: none;
    font-size: 13px;
    font-weight: 700
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .team .record-ordinal {
    flex: 0 0 15px
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .team .team-logo-container {
    width: 24px;
    height: 24px
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .stat-box {
    flex: 1.5;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .stat-box .stat-bar-wrap {
    width: calc(100% - 20px)
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .stat-box .stat-bar {
    height: 16px;
    background-color: #435971;
    border-radius: 4px;
    position: relative
}

.records .trending-wrap .trending-container .record-row.streak-approaching-record .stat-bar-container .stat-box .stat-value {
    font-size: 10px;
    position: absolute;
    font-weight: 400;
    right: -16px
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .team {
    width: 100%
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .opponent-score,
.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .owner-score {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

@media (max-width:500px) {

    .records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .opponent-score,
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .owner-score {
        font-size: 14px
    }
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .time-and-event {
    margin-left: auto;
    width: 40%
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .time-and-event {
        width: 25% !important
    }
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .time-and-event .team-logo-container-small {
        width: 14px;
        height: 14px
    }
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-and-time-wrap .opponent-score {
    justify-content: flex-end
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-scores {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .team-scores {
        gap: 4px
    }
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .team-score-container {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .margin-right {
    margin-right: 8px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .margin-right {
        margin-right: 2px
    }
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .margin-left {
    margin-left: 8px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.streak-recently-broken .margin-left {
        margin-left: 2px
    }
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .align-right {
    justify-content: flex-end
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .align-left {
    justify-content: flex-start
}

.records .trending-wrap .trending-container .record-row.streak-recently-broken .event {
    color: rgba(146, 154, 158, .65)
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .player .player-picture-container {
    width: 42px;
    height: 42px
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .player .player-picture-container .team-logo-container {
    display: none
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .player .player-headline {
    font-weight: 400;
    font-size: 12px
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .tenure {
    width: 40%;
    display: flex;
    gap: 8px;
    align-items: center;
    text-align: center
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .tenure .team-logo {
    width: 42px;
    height: auto
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .tenure .tenure-details {
    line-height: 1.4
}

.records .trending-wrap .trending-container .record-row.tenure-recently-ended .player-and-tenure-wrap .tenure .tenure-details .team-name {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .team {
    width: 100%
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .team .team-headline {
    font-weight: 400;
    font-size: 12px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .team .team-headline {
        font-size: 11px
    }
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap {
        gap: 4px
    }
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event {
    width: 40%;
    display: flex;
    gap: 5px;
    align-items: center;
    text-align: center;
    justify-content: center
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event {
        width: 30%
    }
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event .event-logo {
    width: 18px;
    height: auto
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event .event-details {
        display: flex;
        flex-direction: column
    }
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event .event-details .event-name {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center
}

.records .trending-wrap .trending-container .record-row.series-recently-broken .team-and-event-wrap .event .event-details .event-date {
    color: rgba(146, 154, 158, .65)
}

.records .trending-wrap .trending-container .record-name {
    width: 100%;
    line-height: 1.4
}

.records .trending-wrap .trending-container .record-name .record-name-text {
    font-size: 14px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .record-name .record-name-text {
        font-size: 13px
    }
}

.records .trending-wrap .trending-container .team-logo-container {
    width: 42px;
    height: 42px
}

@media (max-width:500px) {
    .records .trending-wrap .trending-container .team-logo-container {
        width: 24px;
        height: 24px
    }
}

.records .trending-wrap .trending-title {
    margin: 0;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 4px
}

.records .records-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 4px;
    background: #2d3844
}

.records .records-container h3 {
    margin: 0
}

.records .record-with-teams.record-row-left {
    gap: 12px
}

@media (max-width:500px) {
    .records .record-with-teams.record-row-left {
        gap: 8px
    }
}

.records .records-wrapper {
    margin-top: 8px
}

.records .records-container-header {
    display: flex;
    gap: 8px;
    align-items: center
}

.records .records-container-header .records-link {
    margin-left: auto
}

.records .records-container-header h3 {
    margin: 0 0 4px
}

.records .records-container-header .records-sub-header {
    font-size: 10px;
    font-weight: 400;
    margin-left: 5px;
    opacity: .5
}

.records .records-container-header .game-type-selector-wrapper {
    display: flex;
    gap: 4px;
    font-size: 10px;
    justify-content: flex-end;
    align-items: center
}

.records .records-container-header .game-type-selector-wrapper .game-type-toggler {
    display: flex;
    gap: 3px;
    color: rgba(145, 168, 179, .65);
    border: 1px solid #495867;
    border-radius: 100px;
    height: 18px;
    padding: 2px 3px
}

.records .records-container-header .game-type-selector-wrapper .game-type-toggler .active {
    font-weight: 700;
    background: #435971;
    color: #fff
}

.records .records-container-header .game-type-selector-wrapper .game-type-toggler .game-type-selector {
    padding: 0 8px;
    border-radius: 100px;
    height: 16px;
    position: relative;
    top: 1px
}

.records .records-container-header .game-type-selector-wrapper .game-type-toggler .game-type-selector:hover {
    background: #59728e
}

.records .records-container-header .game-type-selector-wrapper .game-type-toggler .game-type-selector:not(.active):hover {
    cursor: pointer;
    background-color: #45515f
}

.records .record-row {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #929a9e;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    margin: -4px -4px 11px;
    justify-content: center;
    min-height: 50px
}

@media (max-width:500px) {
    .records .record-row {
        min-height: 40px
    }
}

.records .record-row:hover {
    background: #232d38
}

.records .record-row:last-child {
    margin-bottom: -4px
}

.records .record-row:last-child:after {
    content: none
}

.records .record-row:nth-child(2n) {
    background: #232d38
}

.records .record-row:nth-child(2n):hover {
    background: rgb(31.0769230769, 39.956043956, 49.7230769231)
}

.records .record-row .player,
.records .record-row .team {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1
}

@media (max-width:500px) {

    .records .record-row .player,
    .records .record-row .team {
        gap: 4px
    }
}

.records .record-row .time-and-event {
    text-align: center;
    width: 40%
}

@media (max-width:500px) {
    .records .record-row .time-and-event {
        width: 25%;
        max-width: 130px
    }
}

.records .record-row .time-and-event .time {
    font-weight: 700;
    font-size: 20px;
    line-height: 130%
}

.records .record-row .time-and-event .date {
    font-size: 10px;
    margin-bottom: -3px;
    color: rgba(146, 154, 158, .55)
}

.records .record-row .time-and-event .event {
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center
}

.records .record-row .time-and-event .event-logo {
    display: flex;
    align-items: center;
    justify-content: center
}

.records .record-row .time-and-event .event-logo img {
    width: 12px
}

.records .record-name {
    font-weight: 700;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.records .record-name .record-name-text {
    color: #929a9e;
    width: 100%
}

@media (max-width:500px) {
    .records .record-name .record-name-text {
        margin-bottom: -2px;
        margin-top: -2px
    }
}

.records .record-interval {
    font-size: 10px;
    color: rgba(146, 154, 158, .65);
    background: #45515f;
    padding: 0 6px;
    border-radius: 4px
}

@media (max-width:500px) {
    .records .record-interval {
        padding: 0 4px
    }
}

.records .record-row-ordinal {
    font-size: 20px;
    font-weight: 700;
    flex: 0 0 30px
}

.records .record-row-left,
.records .record-row-right {
    display: flex;
    gap: 8px;
    align-items: center
}

@media (max-width:500px) {

    .records .record-row-left,
    .records .record-row-right {
        gap: 4px
    }
}

.records .record-row-right {
    margin-left: auto
}

.records .record-fact-recent-increase {
    font-size: 12px;
    color: rgba(145, 168, 179, .65);
    font-weight: 400
}

.records.streaks-overview .record-row:has(.record-fact-recently-broken) {
    opacity: .5
}

.records.streaks-overview .record-row:has(.record-fact-recently-broken):hover {
    opacity: 1
}

.records .record-fact-text {
    font-size: 10px;
    text-transform: uppercase;
    background-color: rgba(var(--hltvrelated), var(--bgOpacity));
    color: rgba(var(--hltvrelated), 1);
    border-radius: 4px;
    padding: 0 4px;
    font-weight: 400
}

@media (max-width:500px) {
    .records .record-fact-text {
        height: 14px;
        display: flex;
        align-items: center
    }
}

.records .record-fact-text.record-fact-recently-broken {
    background-color: rgba(var(--broken), var(--bgOpacity));
    color: rgba(var(--broken), 1)
}

.records .record-fact-text.record-fact-active {
    background-color: rgba(var(--active), var(--bgOpacity));
    color: rgba(var(--active), 1)
}

.records .length {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px
}

.records .record-description {
    font-size: 11px;
    color: rgba(146, 154, 158, .65);
    display: flex;
    margin-top: -3px
}

.records .record-row-stat {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.records .record-facts-container {
    display: flex;
    align-items: center;
    gap: 4px
}

@media (max-width:500px) {
    .records .record-facts-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px
    }
}

.records .record-fact-recently-changed-rank.increase {
    color: #09c100
}

.records .record-fact-recently-changed-rank.decrease {
    color: #fc1d1d
}

.records .match-team-container {
    display: flex;
    gap: 8px;
    align-items: center
}

.records .team-logo-container {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (max-width:500px) {
    .records .team-logo-container {
        width: 24px;
        height: 24px
    }
}

.records .team-logo-container .team-logo {
    max-height: 100%;
    width: 100%
}

.records .teams-info {
    line-height: 1.4
}

.records .trending-matchup {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px
}

@media (max-width:500px) {
    .records .trending-matchup {
        font-size: 13px
    }
}

.records .team-logo-container-small {
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.records .team-logo-container-small .team-logo {
    max-height: 100%;
    width: auto
}

.records .team-two {
    display: flex;
    align-items: center;
    gap: 2px
}

.records .team-name {
    font-size: 13px;
    font-weight: 700
}

.records .player-picture-container {
    height: 38px;
    width: 38px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (max-width:500px) {
    .records .player-picture-container {
        width: 24px;
        height: 24px
    }
}

.records .player-picture-container .player-picture {
    max-height: 100%;
    width: auto;
    border-radius: 100px
}

.records .player-picture-container .team-logo-container {
    position: absolute;
    height: 20px;
    width: 20px;
    right: -4px;
    bottom: -4px
}

@media (max-width:500px) {
    .records .player-picture-container .team-logo-container {
        height: 16px;
        width: 16px
    }
}

.records .show-remaining-trending {
    margin: 0 auto;
    border: none;
    background: #435971;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer
}

.records .show-remaining-trending:hover {
    background: #59728e
}

.skins {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.skins .breadcrumbs {
    margin-bottom: -4px;
    font-weight: 700
}

.skins .breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    color: hsla(0, 0%, 100%, .8)
}

@media (max-width:500px) {
    .skins .breadcrumbs ol {
        font-size: 8px
    }
}

.skins .breadcrumbs li {
    display: flex;
    align-items: center
}

.skins .breadcrumbs li+li:before {
    content: "»";
    margin: 0 .5em;
    color: #888
}

.skins .breadcrumbs a {
    text-decoration: none;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 400
}

.skins .breadcrumbs a:hover {
    color: hsla(0, 0%, 100%, .7) !important
}

.skins .skin-main {
    min-width: 0
}

@media (max-width:500px) {
    .skins .skin-main {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.skins .skin-header {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #000c21;
    color: #fff
}

@media (max-width:500px) {
    .skins .skin-header {
        display: grid;
        grid-template-columns: 65px 1fr;
        grid-template-rows: auto auto;
        padding: 8px;
        gap: 8px
    }
}

.skins .skins-price-statistics {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

@media (max-width:500px) {
    .skins .skins-price-statistics {
        padding: 8px;
        gap: 4px;
        grid-template-columns: .7fr 1fr
    }
}

.skins .skin-price-row {
    display: flex;
    justify-content: space-between
}

@media (max-width:500px) {
    .skins .skin-price-row {
        font-size: 10px
    }
}

.skins .skin-price-left {
    color: rgba(145, 168, 179, .65)
}

.skins .skin-price-right {
    font-weight: 700
}

.skins .popular-items-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    grid-gap: 8px;
    grid-auto-rows: 1fr
}

.skins .skin-body {
    display: grid;
    grid-template-columns: 300px auto;
    gap: 24px
}

@media (max-width:500px) {
    .skins .skin-body {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

@media (max-width:500px) {
    .skins .skin-body h2 {
        margin: 0;
        font-size: 12px
    }
}

.skins .skin-header-used-by-wrapper {
    position: relative;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 35px
}

.skins .skin-header-used-by-wrapper:hover .skin-header-used-by-container {
    opacity: .85
}

.skins .skin-header-right-top-left {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (max-width:500px) {
    .skins .skin-header-right-top-left {
        justify-content: center
    }
}

.skins .skin-header-right-top-left h1 {
    margin: 0
}

@media (max-width:500px) {
    .skins .skin-header-right-top-left h1 {
        font-size: 16px
    }
}

.skins .skin-header-right-top-right {
    flex: 0 0 200px
}

@media (max-width:500px) {
    .skins .skin-header-right-top-right {
        flex: inherit
    }
}

.skins .skin-condition-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

@media (max-width:500px) {
    .skins .skin-condition-grid {
        gap: 10px;
        grid-row: 2;
        grid-column: 1/3
    }
}

.skins .skin-condition-condition {
    color: hsla(0, 0%, 100%, .65);
    font-size: 9px
}

@media (max-width:500px) {
    .skins .skin-condition-condition {
        font-size: 8px
    }
}

.skins .skin-condition-price-wrapper {
    color: inherit !important
}

.skins .skin-condition-price-wrapper.selected,
.skins .skin-condition-price-wrapper:hover {
    color: inherit !important;
    background: #0b2438;
    padding: 8px;
    margin: -8px;
    cursor: pointer;
    border-radius: 10px
}

@media (max-width:500px) {

    .skins .skin-condition-price-wrapper.selected,
    .skins .skin-condition-price-wrapper:hover {
        padding: 4px;
        margin: -4px
    }
}

.skins .skin-condition-price-from {
    font-size: 18px;
    font-weight: 700;
    margin-top: -4px
}

@media (max-width:500px) {
    .skins .skin-condition-price-from {
        font-size: 12px
    }
}

.skins .skin-stattrak {
    color: #f89406;
    font-weight: 700
}

.skins .skin-souvenir {
    color: gold;
    font-weight: 700
}

.skins .skin-header-small-text {
    opacity: .65;
    font-weight: 700;
    font-size: 10px
}

.skins .skin-header-used-by-img {
    max-width: 100%
}

.skins .skin-header-used-by-container {
    width: 35px;
    height: 35px;
    border: 2px solid #000c21;
    border-radius: 100px;
    margin-left: -22px;
    position: relative;
    transition: .2s ease;
    top: 0;
    overflow: hidden;
    background: #3e4c54
}

.skins .skin-header-used-by-container:hover {
    opacity: 1 !important;
    top: -6px;
    z-index: 9;
    border: 2px solid #093275
}

.skins .skin-header-used-by-container:first-child {
    z-index: 6
}

.skins .skin-header-used-by-container:nth-child(2) {
    z-index: 5
}

.skins .skin-header-used-by-container:nth-child(3) {
    z-index: 4
}

.skins .skin-header-used-by-container:nth-child(4) {
    z-index: 3
}

.skins .skin-header-used-by-container:nth-child(5) {
    z-index: 2
}

.skins .skin-header-used-by-container:nth-child(6) {
    z-index: 1
}

.skins .skin-partners {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 4px;
    position: sticky;
    top: 40px
}

@media (max-width:500px) {
    .skins .skin-partners {
        gap: 4px
    }
}

.skins .partner-price-from-wrapper {
    flex: 1
}

.skins .skins-site-logo {
    max-height: 28px;
    max-width: 120px;
    height: auto;
    width: auto
}

@media (max-width:500px) {
    .skins .skins-site-logo {
        max-height: 20px;
        max-width: 90px
    }
}

.skins .skin-partner {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 8px;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    box-sizing: border-box;
    gap: 16px
}

@media (max-width:500px) {
    .skins .skin-partner {
        height: 50px;
        gap: 8px
    }
}

.skins .skin-partner.highlighted,
.skins .skin-partner:first-child,
.skins .skin-partner:nth-child(2),
.skins .skin-partner:nth-child(3) {
    border: 2px solid #2b6ea4
}

.skins .skin-partner.highlighted:after,
.skins .skin-partner:first-child:after,
.skins .skin-partner:nth-child(2):after,
.skins .skin-partner:nth-child(3):after {
    display: block;
    content: "Verified partner";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #2b6ea4;
    padding: 0 3px;
    border-radius: 0 0 4px 0;
    font-size: 10px;
    height: 12px;
    line-height: 11px
}

@media (max-width:500px) {

    .skins .skin-partner.highlighted:after,
    .skins .skin-partner:first-child:after,
    .skins .skin-partner:nth-child(2):after,
    .skins .skin-partner:nth-child(3):after {
        font-size: 9px;
        height: 10px;
        line-height: 9px
    }
}

.skins .partner-price-from {
    font-size: 10px;
    color: rgba(145, 168, 179, .65)
}

.skins .partner-price-btn {
    background: #435971;
    color: #fff;
    font-weight: 700;
    padding: 0 8px;
    border-radius: 4px
}

.skins .partner-price-btn:hover {
    background: #59728e
}

.skins .partner-price {
    font-weight: 700;
    font-size: 14px;
    margin-top: -6px
}

.skins .skin-header-img {
    max-height: 150px
}

@media (max-width:500px) {
    .skins .skin-header-img {
        max-height: 40px
    }
}

.skins .popular-items-slider-slider,
.skins .skin-pros-wrapper-slider {
    margin: 0 -16px;
    scroll-padding: 16px;
    gap: 16px;
    padding: 0 16px
}

.skins .skin-header-right {
    display: flex;
    gap: 16px;
    flex-direction: column;
    flex: 1;
    padding: 16px
}

@media (max-width:500px) {
    .skins .skin-header-right {
        gap: 8px;
        padding: 8px;
        display: contents
    }
}

.skins .skin-header-left {
    background: #0b2438;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    margin: 20px;
    aspect-ratio: 1/1;
    height: 232px
}

@media (max-width:500px) {
    .skins .skin-header-left {
        height: 65px;
        padding: 4px;
        border-radius: 10px;
        grid-row: 1;
        margin: 0 0 0 -4px
    }
}

.skins .skin-header-right-top {
    display: flex;
    gap: 16px;
    align-items: center
}

@media (max-width:500px) {
    .skins .skin-header-right-top {
        flex-direction: column;
        display: contents
    }
}

.skins .popular-item,
.skins .pro-with-skin {
    position: relative;
    background: #000c21;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    align-self: start;
    scroll-snap-align: start;
    padding: 8px;
    text-align: center;
    min-height: 130px;
    width: 100px;
    min-width: 100px
}

.skins .weaponWear {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    color: hsla(0, 0%, 100%, .45);
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0 8px 0 0;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 1;
    font-size: 10px
}

@media (max-width:500px) {
    .skins .weaponWear {
        font-size: 8px
    }
}

.skins .popular-item-name,
.skins .pro-with-skin-name {
    font-size: 14px;
    font-weight: 700
}

@media (max-width:500px) {

    .skins .popular-item-name,
    .skins .pro-with-skin-name {
        font-size: 12px
    }
}

.skins .pro-with-skin-img-wrapper {
    height: 70px;
    width: 70px;
    background: #3e4c54;
    border-radius: 100px
}

.skins .pro-with-skin-info {
    width: 100%
}

.skins .owned-by-pros,
.skins .pro-with-skin-last-seen {
    font-size: 10px;
    color: hsla(0, 0%, 100%, .45);
    margin-bottom: 8px
}

.skins .popular-item-price,
.skins .pro-with-skin-last-seen-day {
    font-weight: 700;
    margin-bottom: -6px;
    margin-top: 8px
}

.skins .popular-item-btn,
.skins .pro-with-skin-btn {
    background: #435971;
    color: #fff;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    padding: 0 12px
}

.skins .popular-item-btn:hover,
.skins .pro-with-skin-btn:hover {
    background: #59728e;
    color: #fff !important
}

.skins .popular-item-name {
    font-size: 12px;
    display: flex;
    gap: 2px;
    width: 100%;
    justify-content: center
}

.skins .pro-with-skin-img {
    max-width: 100%;
    border-radius: 100px
}

.skins .popular-item-img {
    max-height: 55px
}

.skins .collection-items-slider {
    display: flex;
    gap: 8px
}

.skins .collection-item-img {
    max-height: 40px
}

.skins .skin-partner-logo {
    max-width: 60px
}

.skins-loadout-wrapper {
    background-color: #364250;
    padding: 16px
}

.skins-loadout-wrapper .skins-loadout-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: -6px;
    margin-top: -6px;
    font-weight: 700
}

.skins-loadout-wrapper .skins-loadout-header .side-select-button {
    border: none;
    background: none;
    padding: 0;
    color: #fff
}

.skins-loadout-wrapper .skins-loadout-header .side-select-button.ct .side-slider:before {
    background: #0091d4
}

.skins-loadout-wrapper .skins-loadout-header .side-select-button.ct .side.t {
    opacity: .5;
    color: #929a9e
}

.skins-loadout-wrapper .skins-loadout-header .side-select-button.t .side-slider:before {
    background: #fab200
}

.skins-loadout-wrapper .skins-loadout-header .side-select-button.t .side.ct {
    opacity: .5;
    color: #929a9e
}

.skins-loadout-wrapper .skins-loadout-header .side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.skins-loadout-wrapper .skins-loadout-header .side.ct {
    left: 12px;
    opacity: 1;
    transition: opacity .3s ease
}

.skins-loadout-wrapper .skins-loadout-header .side.t {
    right: 15px;
    opacity: 1;
    transition: opacity .3s ease
}

.skins-loadout-wrapper .skins-loadout-header .side-switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 24px
}

.skins-loadout-wrapper .skins-loadout-header .side-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.skins-loadout-wrapper .skins-loadout-header .side-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #45515f;
    transition: .4s;
    border-radius: 34px
}

.skins-loadout-wrapper .skins-loadout-header .side-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 32px;
    left: 4px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
    border-radius: 45px
}

.skins-loadout-wrapper .skins-loadout-header input:checked+.side-slider:before {
    transform: translateX(26px)
}

.skins-loadout-wrapper .skins-weapon-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px
}

@media (max-width:500px) {
    .skins-loadout-wrapper .skins-weapon-columns {
        grid-template-columns: minmax(0, 1fr)
    }
}

.skins-loadout-wrapper .skins-weapon-column {
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .skins-loadout-wrapper .skins-weapon-column {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        position: relative;
        margin-top: 14px;
        gap: 12px
    }

    .skins-loadout-wrapper .skins-weapon-column h3 {
        position: absolute;
        top: -24px
    }
}

.skins-loadout-wrapper .skins-weapon-column .skins-wrapper {
    margin-bottom: 12px;
    width: 100%
}

.skins-loadout-wrapper .skins-weapon-column h3 {
    margin-top: 0;
    margin-bottom: 4px
}

.skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll {
    box-sizing: border-box;
    overflow: scroll
}

@media (max-width:500px) {
    .skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll {
        overflow: hidden
    }
}

.skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll .skins-loadout-lightbox-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%
}

.skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll .skins-loadout-lightbox-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 800px;
    max-height: 80%;
    padding: 24px;
    box-sizing: border-box;
    background: #2d3844;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4)
}

.skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll .skins-loadout-lightbox-container .skins-loadout-lightbox-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    background: #364250;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s, background .2s;
    width: 20px;
    height: 20px
}

.skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll .skins-loadout-lightbox-container .skins-loadout-lightbox-close-btn:hover {
    color: #000;
    background: hsla(0, 0%, 100%, .7)
}

@media (max-width:500px) {
    .skins-loadout-wrapper.skins-loadout-lightbox-prevent-background-scroll .skins-loadout-lightbox-container {
        padding: 32px 16px;
        width: 95%;
        max-height: 90%
    }
}

.skins-loadout-wrapper .weapon-lightbox {
    width: 100%;
    overflow-y: auto
}

.skins-loadout-wrapper .weapon-lightbox .lightbox-title {
    color: #929a9e;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    margin-top: 0;
    gap: 4px
}

.skins-loadout-wrapper .weapon-lightbox .lightbox-title .weapon-collection-num {
    font-size: 12px;
    font-weight: 400
}

.skins-loadout-wrapper .weapon-lightbox .lightbox-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px
}

@media (max-width:500px) {
    .skins-loadout-wrapper .weapon-lightbox .lightbox-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px
    }
}

.skins-loadout-wrapper .weapon-lightbox .lightbox-grid .skins-wrapper:first-child {
    margin-left: 0
}

img[width="1"][height="1"] {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 0;
    bottom: 0;
    opacity: 0
}

.mobile-centered-container {
    display: flex;
    justify-content: center
}

.mobile-frontpage-placement {
    width: 320px;
    max-height: 300px
}

.mobile-frontpage-placement.above-fold {
    min-height: 50px
}

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

.centered-placement-bottom-spacing {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--ad-vertical-margin)
}

.index .mobile-centered-container {
    margin-top: 8px;
    margin-bottom: 8px
}

.player-video-highlights {
    margin-top: 12px;
    margin-bottom: -4px
}

.player-video-highlights>.v-wrapper {
    height: 200px;
    min-width: 410px
}

.team-video-highlights {
    margin-top: 28px;
    margin-bottom: -4px
}

.team-video-highlights>.v-wrapper {
    height: 200px;
    min-width: 410px
}

.adsbygoogle[data-ad-status=unfilled] {
    display: none !important
}

.skins-container-csmoney {
    display: block;
    position: relative;
    width: 160px;
    height: 600px;
    background-color: #030826;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.skins-container-csmoney .skins-container-csmoney-bg-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    z-index: 0
}

.skins-container-csmoney .skins-container-csmoney-content {
    display: grid;
    grid-template-rows: 120px 300px 185px;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1
}

.skins-container-csmoney .skins-container-csmoney-logo {
    padding-top: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .05em;
    display: flex;
    align-items: center
}

.skins-container-csmoney .skins-container-csmoney-logo img {
    display: block;
    max-width: 100%;
    height: auto
}

.skins-container-csmoney .skins-container-csmoney-skins-section {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 160px
}

.skins-container-csmoney .skins-container-csmoney-skin-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 140px;
    justify-content: center
}

.skins-container-csmoney .skins-container-csmoney-skin-details {
    text-align: center;
    width: 100%;
    margin-bottom: .5rem
}

.skins-container-csmoney .skins-container-csmoney-skin-name {
    color: #d1d5db;
    font-size: .75rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.skins-container-csmoney .skins-container-csmoney-skin-price {
    font-size: 1.125rem;
    display: flex;
    justify-content: center;
    align-items: baseline
}

.skins-container-csmoney .skins-container-csmoney-skin-price .currency {
    color: #00c8ea;
    margin-right: .1rem;
    font-size: inherit
}

.skins-container-csmoney .skins-container-csmoney-skin-image {
    height: 6rem;
    width: auto;
    filter: drop-shadow(0 0 4px #de127c) drop-shadow(0 0 16px #de127c) drop-shadow(0 0 30px #de127c)
}

.skins-container-csmoney .skins-container-csmoney-footer {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center
}

.skins-container-csmoney .skins-container-csmoney-cta-button {
    width: 100%;
    padding: .25rem .5rem;
    background-color: #27ff88;
    color: #000;
    font-weight: 800;
    font-style: italic;
    border: none;
    border-radius: 9999px;
    font-size: 1.25rem;
    cursor: pointer;
    transition: filter .2s ease-in-out
}

.skins-container-csmoney .skins-container-csmoney-cta-button:hover {
    filter: brightness(1.25)
}

.skins-container-csmoney .skins-container-csmoney-compliance-text {
    font-size: .75rem;
    text-align: center;
    margin-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: inherit
}

.oxVVUdvP123Gazx-match-listing {
    color: #ddf7fa;
    background: #2d3844;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054146", endColorstr="#0c8f9b", GradientType=0);
    padding: 10px 5px 5px;
    transition: .3s ease
}

.preload .oxVVUdvP123Gazx-match-listing {
    transition: initial !important
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches-text {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    margin-top: 2px
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match {
    position: relative;
    margin-top: 16px;
    transition: .3s ease
}

.preload .oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match {
    transition: initial !important
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match:hover {
    filter: brightness(120%)
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 {
    height: 20px;
    background-image: linear-gradient(90deg, #2d6da3, #2d6da3 33%, rgba(5, 65, 70, 0));
    font-size: 11px;
    line-height: 20px;
    color: #f2f9ff
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 .team-logo-container,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 .team-logo-container {
    width: 18px;
    height: 18px;
    display: inline-block
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 .team-logo-container .team-logo,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 .team-logo-container .team-logo {
    max-width: 18px;
    max-height: 18px
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 .team-name,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 .team-name {
    width: 108px;
    display: inline-block;
    margin-left: -4px
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 .team-odds,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 .team-odds {
    float: right;
    width: 30px;
    height: 20px;
    text-align: center;
    border-left: 1px solid hsla(0, 0%, 100%, .3)
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team1 .match-time,
.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match .team2 .match-time {
    font-size: 8px;
    position: absolute;
    right: 13px;
    top: -9px;
    color: #fff;
    border-radius: 5px;
    width: 33px;
    text-align: center;
    line-height: normal;
    background-color: #2d6da3
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta {
    background-color: #2d6da3;
    color: #fff !important;
    margin-top: 8px;
    display: inline-block;
    width: 85px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    transition: .3s ease
}

.preload .oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta {
    transition: initial !important
}

.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta:hover {
    filter: brightness(120%)
}

.featured-match-container {
    display: flex;
    flex-direction: column;
    padding: 4px 4px 8px;
    background-image: url(/img/static/featured_bet_bg.png);
    height: 168px
}

@media (max-width:500px) {
    .featured-match-container {
        display: none
    }
}

.featured-match-container .featured-header {
    font-size: 8px;
    text-align: center;
    font-weight: 700;
    color: rgba(146, 154, 158, .65);
    margin-top: 4px
}

.featured-match-container .featured-match-teams {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-top: 6px
}

.featured-match-container .featured-match-teams .team {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    width: 64px;
    margin-top: 23px
}

.featured-match-container .featured-match-teams .team img {
    max-width: 45px;
    max-height: 45px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.featured-match-container .featured-match-teams .team .team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 59px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 12px
}

.featured-match-container .featured-match-teams .team .team-odds {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #435971;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 15px
}

.featured-match-container .featured-match-teams .team .team-odds:hover {
    color: #fff;
    background-color: #59728e
}

.featured-match-container .featured-match-teams .featured-vs-box {
    position: relative;
    top: 42px;
    font-weight: 700;
    font-size: 9px;
    pointer-events: none
}

.featured-match-container .featured-match-teams .featured-vs-box .time-box {
    position: absolute;
    top: -50px;
    left: -67px;
    color: #929a9e;
    width: 145px;
    text-align: center;
    font-size: 14px
}

.featured-match-container .featured-match-matchpage {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    text-align: center;
    font-weight: 700;
    padding-top: 3px;
    padding-bottom: 3px;
    align-self: flex-end;
    width: 100%
}

.featured-match-container .featured-match-matchpage:hover {
    background-color: #45515f
}

.live-match-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #232323;
    position: relative;
    overflow: hidden
}

.live-match-box .live-match-container {
    display: flex;
    flex-direction: column;
    height: 144px;
    position: relative;
    color: #fff;
    overflow: hidden
}

@media (max-width:500px) {
    .live-match-box .live-match-container {
        display: none
    }
}

.live-match-box .live-match-container .live-match-header {
    font-size: 8px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: 0 auto;
    display: block
}

.live-match-box .live-match-container .live-match-header span:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 10px;
    background-color: #e80d0d
}

.live-match-box .live-match-container .live-match-header .live-dot {
    border: 2px solid #e90e0e;
    background: transparent;
    border-radius: 60px;
    height: 14px;
    width: 14px;
    animation: pulse 3s ease-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: 26px;
    left: 45px;
    z-index: 1;
    opacity: 0
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(0);
        opacity: .1
    }

    50% {
        transform: scale(.1);
        opacity: .3
    }

    75% {
        transform: scale(.5);
        opacity: .5
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.live-match-box .live-match-container .live-match-header .live-match-site {
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    filter: invert(100%);
    margin: 2px auto 0
}

.live-match-box .live-match-container .live-match-teams {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 4px;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    margin-left: 8px;
    margin-right: 8px
}

.live-match-box .live-match-container .live-match-teams:hover {
    color: #fff !important
}

.live-match-box .live-match-container .live-match-teams .live-match-team {
    background-color: #9500b3;
    height: 45px;
    border-radius: 4px
}

.live-match-box .live-match-container .live-match-teams .live-match-team:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.live-match-box .live-match-container .live-match-teams .live-match-team-name {
    height: 22px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center
}

.live-match-box .live-match-container .live-match-teams .live-match-odds {
    height: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center
}

.live-match-box .live-match-container .live-match-teams .live-match-odds-container {
    height: 20px;
    border-radius: 4px;
    background-color: #232323;
    position: relative;
    margin: 0 4px
}

.live-match-box .live-match-container .live-match-teams .team {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    width: 72px
}

.live-match-box .live-match-container .live-match-teams .team img {
    max-width: 34px;
    max-height: 34px;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    position: relative;
    top: 5px
}

.live-match-box .live-match-container .live-match-teams .team .team-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 59px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 12px
}

.live-match-box .live-match-container .live-match-teams .team .team-odds {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #833594;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 8px
}

.live-match-box .live-match-container .live-match-teams .team .team-odds:hover {
    color: #fff;
    background-color: #9844ab
}

.live-match-box .live-match-container .live-match-teams .live-match-vs-box {
    position: relative;
    top: 7px;
    font-weight: 700;
    font-size: 9px;
    color: hsla(0, 0%, 100%, .65);
    height: 20px;
    pointer-events: none
}

.live-match-box .live-match-container .live-match-teams .live-match-vs-box .time-box {
    position: absolute;
    top: -50px;
    left: -67px;
    color: #929a9e;
    width: 145px;
    text-align: center;
    font-size: 14px
}

.live-match-box .live-match-sub-text {
    opacity: .65;
    font-size: 7px;
    text-align: center;
    display: block;
    color: #fff !important
}

.live-match-box .live-match-sub-text:hover {
    color: #fff !important
}

.live-match-box .team-odds-1,
.live-match-box .team-odds-2 {
    position: absolute;
    bottom: 30px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: #383838;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    width: 72px;
    border-radius: 4px;
    background: #fff linear-gradient(180deg, #fff, #bfbfbf 89%);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .23), 0 0 7px 1px hsla(0, 0%, 82.4%, .7);
    transition: .2s ease
}

.preload .live-match-box .team-odds-1,
.preload .live-match-box .team-odds-2 {
    transition: initial !important
}

.live-match-box .team-odds-1:hover,
.live-match-box .team-odds-2:hover {
    color: #383838;
    background: #eaeaea linear-gradient(180deg, #eaeaea, #9c9c9c 89%)
}

.live-match-box .team-odds-1 {
    left: 0;
    margin-left: 4px
}

.live-match-box .team-odds-2 {
    margin-right: 4px;
    right: 0
}

.fcol-top,
.gen-firstcol-box {
    --gfb-background-color: #000;
    --gfb-cta-background-color: #4e4ad8;
    --gfb-cta-background-hover-color: #544fe3;
    --gfb-cta-text-color: #fff;
    --gfb-cta-text-hover-color: #fff;
    --gfb-cta-text-hover-glow-color: #fff;
    --gfb-compliance-text-color: #fff;
    --gfb-team-name-color: #fff;
    --gfb-team-background-color: rgb(104 29 3/60%);
    --gfb-team-odds-background-color: rgb(25 6 0/60%);
    --gfb-team-odds-color: #fff;
    --gfb-vs-color: #544fe3;
    --gfb-font-style: normal;
    --gfb-border-radius: 4px;
    height: 280px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-width: 160px;
    font-style: var(--gfb-font-style);
    background-color: var(--gfb-background-color)
}

@media (max-width:500px) {

    .fcol-top,
    .gen-firstcol-box {
        margin: 0 auto
    }
}

.fcol-top .gen-firstcol-provider-logo-container,
.gen-firstcol-box .gen-firstcol-provider-logo-container {
    padding: 0 8px;
    height: 53px;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.fcol-top .gen-firstcol-provider-logo-container .gen-firstcol-provider-logo,
.gen-firstcol-box .gen-firstcol-provider-logo-container .gen-firstcol-provider-logo {
    max-width: 100%
}

.fcol-top .mid,
.gen-firstcol-box .mid {
    margin-bottom: 6px;
    flex-direction: column;
    height: 154px
}

.fcol-top .bottom-cta,
.gen-firstcol-box .bottom-cta {
    width: 100%;
    height: 31px;
    margin-bottom: 2px
}

.fcol-top .bottom-cta .cta-wrapper,
.gen-firstcol-box .bottom-cta .cta-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.fcol-top .bottom-cta .cta-wrapper .cta,
.gen-firstcol-box .bottom-cta .cta-wrapper .cta {
    width: calc(100% - 20px);
    height: 100%;
    color: var(--gfb-cta-text-color);
    background-color: var(--gfb-cta-background-color);
    border-radius: var(--gfb-border-radius);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap
}

.fcol-top .bottom-cta .cta-wrapper .cta:hover,
.gen-firstcol-box .bottom-cta .cta-wrapper .cta:hover {
    color: var(--gfb-cta-text-hover-color) !important;
    background-color: var(--gfb-cta-background-hover-color) !important;
    text-shadow: 0 0 13px var(--gfb-cta-text-hover-glow-color)
}

.fcol-top .team-name,
.gen-firstcol-box .team-name {
    color: var(--gfb-team-name-color) !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.fcol-top .teamodds,
.gen-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.fcol-top .teamodds .team-odds,
.gen-firstcol-box .teamodds .team-odds {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--gfb-team-background-color);
    border-radius: var(--gfb-border-radius);
    height: 52px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.fcol-top .teamodds .team-odds:hover,
.gen-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.fcol-top .teamodds .team-odds-odds,
.gen-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 10px);
    text-align: center;
    background-color: var(--gfb-team-odds-background-color);
    border-radius: var(--gfb-border-radius);
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--gfb-team-odds-color)
}

.fcol-top .teamodds .team-vs,
.gen-firstcol-box .teamodds .team-vs {
    color: var(--gfb-vs-color);
    font-size: 18px;
    font-weight: 700
}

.fcol-top .teamodds .team-logo-container,
.gen-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.fcol-top .teamodds .team-logo,
.gen-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.fcol-top .bottom,
.gen-firstcol-box .bottom {
    display: flex;
    flex-direction: column;
    width: calc(100% - 10px);
    justify-content: space-evenly;
    height: 53px;
    margin: 0 auto;
    border-radius: var(--gfb-border-radius);
    align-items: center
}

.fcol-top .bottom .bottom-compliance,
.gen-firstcol-box .bottom .bottom-compliance {
    color: var(--gfb-compliance-text-color);
    font-size: 7px;
    width: calc(100% - 25px);
    text-align: center;
    line-height: 7px
}

.firstcol-box {
    --ctaColor: #2b6ea4;
    --ctaTextColor: #fff;
    --rowColor: hsla(0, 0%, 100%, 0.1);
    --rowTextColor: #fff;
    --dateColor: #fff;
    --background-color: #2d3844;
    height: 230px;
    overflow: hidden;
    background: var(--background-color);
    position: relative;
    display: flex;
    flex-direction: column
}

.firstcol-box .top {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px
}

.firstcol-box .firstcol-banner-logo {
    margin: 0 16px;
    max-height: 35px
}

.firstcol-box .firstcol-button,
.firstcol-box .firstcol-button:hover {
    color: #fff !important
}

.firstcol-box .mid {
    margin-bottom: 8px
}

.firstcol-box .bottom-disclaimer {
    text-align: center;
    position: absolute;
    bottom: 5px;
    width: 100%;
    color: hsla(0, 0%, 100%, .65);
    font-size: 8px;
    line-height: 10px
}

.firstcol-box .team-name {
    color: #fff !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.firstcol-box .firstcol-offer-container {
    display: flex
}

.firstcol-box .firstcol-offer {
    height: 26px;
    width: 114px;
    margin: -2px auto 6px
}

.firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.firstcol-box .teamodds .team-odds {
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--rowColor);
    border-radius: 4px;
    height: 52px
}

.firstcol-box .teamodds .team-odds:first-child {
    margin-bottom: 6px
}

.firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 16px);
    text-align: center;
    background-color: var(--ctaColor);
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--ctaTextColor)
}

.firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.firstcol-box .bottom {
    display: flex;
    width: calc(100% - 16px);
    justify-content: center;
    height: 29px;
    background-color: var(--ctaColor);
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 4px;
    align-items: center
}

.firstcol-box .bottom:hover {
    filter: brightness(1.1);
    color: var(--ctaTextColor) !important;
    cursor: pointer
}

.firstcol-small-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    height: 145px;
    overflow: hidden;
    display: block;
    background-color: #0a0e17
}

.firstcol-small-box .firstcol-small-box-bg {
    position: absolute;
    left: 5px;
    top: 24px
}

.firstcol-small-box.layout-1 .team {
    padding-left: 28px
}

.firstcol-small-box .top-logo {
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.firstcol-small-box .top-logo img {
    height: 20px
}

.firstcol-small-box .team-name {
    max-width: 100%
}

.firstcol-small-box .mid {
    position: absolute;
    width: 100%;
    color: #fff
}

.firstcol-small-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.firstcol-small-box .teamodds .team-odds {
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #222a33;
    border-radius: 4px;
    height: 52px
}

.firstcol-small-box .teamodds .team-odds:first-child {
    margin-bottom: 6px
}

.firstcol-small-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.firstcol-small-box .teamodds .team-odds:hover .team-odds-odds {
    background-color: #16bdf9
}

.firstcol-small-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 16px);
    text-align: center;
    background-color: #1c7293;
    border: 2px solid #16bdf9;
    border-radius: 100px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff
}

.firstcol-small-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.firstcol-small-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.firstcol-small-box .teamodds .team-name {
    font-weight: 700
}

.firstcol-small-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.firstcol-small-box.layout-2 .round-flag-container {
    display: flex;
    height: 36px;
    width: 36px;
    margin: 10px auto 4px;
    align-items: center;
    justify-content: center
}

.firstcol-small-box.layout-2 .mid {
    top: 30px
}

.firstcol-small-box.layout-2 .top-logo {
    background-color: #222a33;
    height: 30px
}

.firstcol-small-box.layout-2 .team-name {
    margin: 4px 0
}

.firstcol-small-box.layout-2 .teamodds {
    flex-direction: row
}

.firstcol-small-box.layout-2 .teamodds:after {
    content: "VS";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 9px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    font-style: italic;
    opacity: .15
}

.firstcol-small-box.layout-2 .teamodds .team-odds {
    height: inherit;
    background-color: inherit
}

.firstcol-small-box.layout-2 .teamodds .team-odds:first-child {
    margin-bottom: 0
}

.firstcol-small-box.layout-2.custom {
    height: 135px;
    --background-color: #fff;
    --top-logo-background-color: #222a33;
    --vs-color: #fff;
    --border-radius: 4px;
    --team-name-color: #fff;
    --team-odds-background-color: #fec135;
    --team-odds-text-color: #fff;
    --team-odds-hover-color: #ffb50c;
    background-color: var(--background-color);
    background-size: cover
}

.firstcol-small-box.layout-2.custom .team-odds:hover .team-odds-odds {
    background: var(--team-odds-hover-color)
}

.firstcol-small-box.layout-2.custom .team-name {
    color: var(--team-name-color)
}

.firstcol-small-box.layout-2.custom .team-odds-odds {
    background-color: var(--team-odds-background-color);
    color: var(--team-odds-text-color);
    border: 0;
    border-radius: var(--border-radius)
}

.firstcol-small-box.layout-2.custom .team-odds-odds:hover {
    background: var(--team-odds-hover-color)
}

.firstcol-small-box.layout-2.custom .top-logo {
    background-color: var(--top-logo-background-color)
}

.firstcol-small-box.layout-2.custom .teamodds:after {
    color: var(--vs-color)
}

.featured-match-oxVVUdvP123Gazx-container.eoddset .sub-text {
    margin-top: 5px;
    display: flex;
    align-items: center;
    opacity: 1;
    color: rgba(146, 154, 158, .85)
}

.featured-match-oxVVUdvP123Gazx-container.eoddset .sub-text:before {
    display: inline-block;
    content: "";
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background-image: url(/img/static/logos/spillemyndigheden.png);
    background-size: contain;
    background-repeat: no-repeat
}

.featured-match-oxVVUdvP123Gazx-container .extraBox {
    display: none
}

.featured-match-oxVVUdvP123Gazx-container .ageIndicator {
    display: block;
    position: absolute;
    color: #fff;
    left: 8px;
    bottom: 8px;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 100%;
    font-size: 10px;
    font-weight: 700;
    padding: 4px
}

.featured-match-oxVVUdvP123Gazx-container.thunderfire {
    background-color: #000
}

.featured-match-oxVVUdvP123Gazx-container.thunderfire .provider-logo-container {
    width: 150px;
    height: 65px !important
}

.featured-match-oxVVUdvP123Gazx-container.thunderfire .provider-logo-container .provider-logo {
    max-width: 150px;
    max-height: 65px
}

.featured-match-oxVVUdvP123Gazx-container.betway .featured-match-oxVVUdvP123Gazx {
    height: 92px;
    padding-bottom: 20px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container.betway .featured-match-oxVVUdvP123Gazx {
        height: inherit;
        padding-bottom: 8px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 16px;
    background-image: url(/img/static/featured_bet_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx {
        padding-right: 10px;
        flex-direction: column;
        padding-bottom: 8px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx.bet365 .bet-now,
.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx.bet365 .team-name,
.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx.bet365 .team-odds,
.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx.bet365 .vs {
    background-color: #14805e !important
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx.bet365 .team-logo-square-box {
    background-color: #0e5f45 !important
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .bet-now-container {
    text-align: center
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .bet-now-container.r2l {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .bet-now {
    transform: skew(-20deg) translate(-50%, -50%);
    background-color: #c38a30;
    height: 16px;
    text-align: center;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 16px;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    bottom: -16px;
    position: absolute;
    left: calc(50% - 11px)
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .bet-now {
        display: none;
        width: 90px;
        height: 21px;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        position: inherit;
        margin: 0 16px 0 auto;
        bottom: -8px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider {
    display: flex;
    flex-direction: column;
    width: 207px;
    margin-left: -8px;
    font-weight: 700;
    align-self: center;
    text-align: center
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider {
        width: 100%
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo-container {
    height: 50px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo-container.no-matchText {
    height: 80px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo {
    max-height: 50px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .reverse {
    flex-direction: row-reverse !important
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .relative {
    position: relative
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .relative:first-child .team .team-logo-square-box {
    bottom: 6px;
    left: -1px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .relative:first-child .team .team-logo-square-box {
        bottom: 10px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .relative:last-child .team .team-logo-square-box {
    bottom: 6px;
    right: 6px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .relative:last-child .team .team-logo-square-box {
        bottom: 10px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team-logo-square-box {
    width: 66px;
    height: 44px;
    background-color: #647e98;
    position: absolute;
    transform: skew(-20deg);
    display: inline-block
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-logo-container {
    transform: skew(-20deg);
    background-color: #647e98;
    position: relative;
    z-index: 3
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team1-name-and-odds {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team1-name-and-odds {
        font-size: 10px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team1-name-and-odds .team-odds {
    margin-left: -4px;
    position: relative;
    right: -60px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team1-name-and-odds .team-odds {
        right: -40px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team2-name-and-odds {
    display: flex;
    flex-direction: column
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team2-name-and-odds {
        font-size: 10px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team2-name-and-odds .team-odds {
    margin-right: 3px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-name {
    transform: skew(-20deg);
    background-color: #647e98;
    color: #fff;
    display: inline-block;
    width: 150px;
    text-align: center
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-name {
        width: 110px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-name.left-name {
    position: relative;
    left: 16px;
    bottom: 4px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-name.left-name {
        left: 8px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-name.right-name {
    position: relative;
    right: -12px;
    bottom: 4px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-odds {
    transform: skew(-20deg);
    background-color: #435971;
    width: 98px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    z-index: 1
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-odds:hover {
    background-color: #1f5786;
    text-decoration: underline
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-odds {
        width: 70px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team .team-logo {
    max-width: 68px;
    max-height: 68px;
    width: 68px;
    height: 68px;
    z-index: 2;
    top: 0;
    position: relative
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team-part {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    position: relative;
    justify-content: center
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team-part {
        justify-content: center
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .vs-container {
    position: relative
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .vs-container .vs {
    transform: skew(-20deg);
    background-color: #c38a30;
    height: 20px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
    margin-right: 16px;
    display: inline-block;
    margin-top: 10px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .vs-container .vs {
        margin-left: 4px;
        margin-right: 7px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .vs-container .live-indicator {
    transform: skew(-20deg);
    background-color: #fc1d1d;
    height: 20px;
    width: 23px;
    text-align: center;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
    margin-right: 16px;
    font-weight: 700;
    font-size: 10px;
    display: inline-block;
    top: -23px;
    left: 6px;
    line-height: 21px;
    position: absolute
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .vs-container .live-indicator {
        margin: 0 auto;
        width: 22px;
        height: 16px;
        left: 11px;
        font-size: 10px;
        line-height: 17px
    }
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .team-logo {
    width: 30px;
    max-height: 30px
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .matchText {
    line-height: 15px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container {
    background: #054146;
    background: linear-gradient(180deg, #054146 0, #0c8f9b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054146", endColorstr="#0c8f9b", GradientType=0);
    background-color: #054146;
    background-size: 100%;
    color: #fff;
    height: 331px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .provider {
    text-align: center
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .provider img {
    margin-top: 16px;
    width: 120px;
    margin-bottom: 16px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .vs-box {
    text-align: center;
    font-size: 18px;
    margin: 8px 0;
    font-weight: 700;
    font-style: italic;
    position: relative
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .vs-box:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background-color: #0c8f9b;
    top: -1px;
    left: 30px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .vs-box:after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background-color: #0c8f9b;
    bottom: -1px;
    left: 30px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .team-1,
.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .team-2 {
    text-align: center
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .team-1 .team-logo,
.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .team-2 .team-logo {
    max-width: 65px;
    max-height: 65px;
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .team-2 {
    margin-top: 16px
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .bet-box {
    color: #fff !important;
    margin-top: 8px;
    display: inline-block;
    width: 85px;
    margin-bottom: 8px;
    border-radius: 38px;
    background: url(/img/static/gfx/betting/22bet/glare.png) no-repeat 75% #f04c44;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700
}

.featured-match-oxVVUdvP123Gazx-container .vertical-container .bets .bet-box:hover {
    filter: brightness(130%)
}

.featured-match-oxVVUdvP123Gazx-container .sub-text {
    font-size: 9px;
    opacity: .65;
    font-weight: 400
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .sub-text {
        font-size: 8px;
        bottom: -8px
    }
}

.featured-match-oxVVUdvP123Gazx-container .disclaimer-pl {
    color: rgba(146, 154, 158, .65);
    font-size: 9px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .disclaimer-pl {
        font-size: 8px
    }
}

.featured-match-oxVVUdvP123Gazx2 {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    padding: 16px;
    background-image: url(/img/static/featured_bet_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.featured-match-oxVVUdvP123Gazx2 .provider {
    display: flex;
    flex-direction: column;
    align-self: center;
    text-align: center
}

.featured-match-oxVVUdvP123Gazx2 .provider .provider-logo {
    width: 100%;
    margin-bottom: 8px
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .provider .provider-logo {
        margin-bottom: 4px
    }
}

.featured-match-oxVVUdvP123Gazx2 .provider .provider-compliance {
    font-size: 9px;
    opacity: .65
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .provider .provider-compliance {
        font-size: 6px
    }
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview {
    display: flex;
    justify-content: space-between;
    flex: 0 0 70%;
    margin-left: 16px
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match {
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #364250;
    overflow: hidden;
    position: relative
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match:first-child {
    animation: fadeIn .3s
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match:nth-child(2) {
    animation: fadeIn .55s
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match:nth-child(3) {
    animation: fadeIn .65s
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match:nth-child(3) {
        display: none !important
    }
}

@keyframes fadeIn {
    0% {
        transform: translateY(20px)
    }

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

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .matches-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .matches-background .featured-background-logo {
    position: absolute;
    opacity: .15;
    max-height: 75px;
    max-width: 75px;
    top: -5px
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .matches-background .featured-background-logo:first-child {
    left: 0;
    transform: translate(-50%)
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .matches-background .featured-background-logo:last-child {
    transform: translate(50%);
    right: 0
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team {
    padding: 4px 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 2
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team {
        padding: 4px
    }
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-team-logo-container {
    height: 40px;
    width: 40px;
    margin-bottom: 8px;
    display: flex
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-team-logo-container {
        height: 25px;
        width: 25px
    }
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-team-logo-container .featured-team-logo {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    align-self: center
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-odds {
    text-align: center;
    color: #fff !important;
    background-color: #435971;
    padding: 3px 8px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .06), 0 1px 2px 0 rgba(0, 0, 0, .46);
    transition: .2s ease;
    cursor: pointer
}

.preload .featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-odds {
    transition: initial !important
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-odds {
        font-size: 10px
    }
}

.featured-match-oxVVUdvP123Gazx2 .matches-overview .featured-match .featured-team .featured-odds:hover {
    background: #59728e
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo-container {
    width: 150px;
    max-height: none !important;
    margin: 0 auto 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo {
    max-width: 150px;
    max-height: none !important
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx .provider-logo {
        width: 90px;
        margin: 2px 0 0
    }
}

.article-matches-oxVVUdvP123Gazx {
    background-color: #415061;
    width: 100%;
    padding-bottom: 5px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    height: 30px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #68788c;
    margin-bottom: 2px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container .article-matches-oxVVUdvP123Gazx-logo {
    height: 24px;
    margin-top: 2px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table {
    table-layout: fixed;
    width: 100%;
    color: #fff;
    border-collapse: collapse
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-match-row {
    height: 38px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-match-row:last-child {
    border-bottom: 0
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team-name {
    display: flex;
    margin-top: 2px;
    align-items: center
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team-name1 {
    text-align: right
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-number-text {
    text-align: center;
    color: #fff;
    font-weight: 700;
    width: 55px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team1 {
    padding-left: 8px;
    justify-content: flex-end;
    margin-right: 8px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team1 .article-matches-oxVVUdvP123Gazx-team-logo-container {
    margin-left: 8px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team2 {
    margin-left: 8px;
    padding-right: 8px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team2 .article-matches-oxVVUdvP123Gazx-team-logo-container {
    margin-right: 8px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-vs-button {
    opacity: .65
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-number-button {
    background: #2d6da3;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05), 0 1px 2px 0 rgba(0, 0, 0, .57);
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    margin: 0 2px 0 1px;
    height: 32px;
    display: block;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background: #1f5582;
    text-shadow: none;
    color: #fff !important
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team-logo-container {
    height: 25px;
    width: 25px;
    min-height: 25px;
    min-width: 25px
}

.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-matches-table .article-matches-oxVVUdvP123Gazx-team-logo-container img {
    width: 100%
}

.hilo-widget-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    background-color: #232c31 !important;
    padding: 8px;
    overflow: hidden;
    margin-bottom: 8px;
    height: 110px;
    background-image: url(/img/newwidgets/gamdom/gamdomBackground.png);
    background-size: 25px 25px;
    position: relative
}

.hilo-widget-container:before {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, transparent 30%, transparent 70%, rgba(0, 0, 0, .5))
}

.hilo-widget-container .deck-container {
    position: relative;
    flex: 0 0 95px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center
}

.hilo-widget-container .deck-placeholder {
    width: 70px;
    height: 110px;
    position: absolute;
    border-radius: 4px;
    background-color: #dedede;
    z-index: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .65), inset 0 0 0 2px #dedede;
    background-image: url(/img/newwidgets/gamdom/cardback.png);
    background-repeat: no-repeat;
    background-size: cover
}

.hilo-widget-container .deck-placeholder:nth-child(2) {
    top: 2px;
    z-index: 2
}

.hilo-widget-container .deck-placeholder:nth-child(3) {
    top: 4px;
    z-index: 1
}

.hilo-widget-container .deck-placeholder:nth-child(4) {
    top: 6px;
    z-index: 0
}

.hilo-widget-container .deck-card {
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: .6s;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    height: 100%;
    z-index: 6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.preload .hilo-widget-container .deck-card {
    transition: initial !important
}

.hilo-widget-container .deck-card.deck-flipped {
    transform: translateX(-100%) rotateY(180deg);
    transform-origin: right center
}

.hilo-widget-container .deck-card .deck {
    width: 70px;
    height: 100%;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative
}

.preload .hilo-widget-container .deck-card .deck {
    transition: initial !important
}

.hilo-widget-container .deck-card .deck.deck-red {
    color: #ff5a5a;
    fill: #ff5a5a
}

.hilo-widget-container .deck-card .deck.deck-black {
    color: #141a1d;
    fill: #141a1d
}

.hilo-widget-container .deck-card .deck.deck-joker {
    fill: #fff
}

.hilo-widget-container .deck-card .deck.deck-joker .deck-back {
    background-color: #0a7843;
    color: #fff
}

.hilo-widget-container .deck-card .deck .deck-back,
.hilo-widget-container .deck-card .deck .deck-front {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px #fff
}

.hilo-widget-container .deck-card .deck .deck-front {
    z-index: 2;
    transform: rotateY(0deg);
    background-image: url(/img/newwidgets/gamdom/cardback.png);
    background-repeat: no-repeat;
    background-size: cover
}

.hilo-widget-container .deck-card .deck .deck-back {
    transform: rotateY(180deg)
}

.hilo-widget-container .deck-card .deck .deck-logo {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.hilo-widget-container .deck-card .deck .deck-sign {
    position: absolute;
    font-size: 16px;
    font-weight: 700
}

.hilo-widget-container .deck-card .deck .deck-sign .deck-joker-icon {
    height: 15px;
    width: 15px;
    position: absolute
}

.hilo-widget-container .deck-card .deck .deck-sign.deck-top {
    top: 5px;
    left: 10px
}

.hilo-widget-container .deck-card .deck .deck-sign.deck-top .deck-joker-icon {
    left: -2px;
    top: 3px
}

.hilo-widget-container .deck-card .deck .deck-sign.deck-bottom {
    bottom: 5px;
    right: 10px
}

.hilo-widget-container .deck-card .deck .deck-sign.deck-bottom .deck-joker-icon {
    right: -2px;
    bottom: 3px
}

.hilo-widget-container .hilo-buttons {
    flex: 0 0 360px;
    display: flex;
    z-index: 1
}

.hilo-widget-container .hilo-buttons .hilo-row {
    padding: 0 8px;
    flex: 1;
    align-content: space-between;
    justify-content: space-between;
    display: flex;
    flex-direction: column
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px;
    transition: .4s ease
}

.preload .hilo-widget-container .hilo-buttons .hilo-row .hilo-button {
    transition: initial !important
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-button:hover {
    cursor: pointer;
    filter: brightness(1.1)
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-button div:last-child {
    font-size: 9px;
    margin-top: -5px
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-hi-button {
    background: #b2c3c9;
    border-radius: 6px;
    color: #617d8b;
    height: 100%;
    margin-bottom: 4px
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-lo-button {
    background: #617d8b;
    border-radius: 6px;
    color: #b2c3c9;
    height: 100%;
    margin-top: 4px
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-red-button {
    background: #ff5959;
    color: #fff
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-black-button {
    background: #000;
    color: #fff
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-joker-button {
    background: #0a7843;
    color: #fff
}

.hilo-widget-container .hilo-buttons .hilo-row .point-input-container {
    flex: 1;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center
}

.hilo-widget-container .hilo-buttons .hilo-row .your-bet-text {
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    bottom: 4px;
    margin-top: -4px;
    font-size: 10px;
    color: rgba(58, 58, 58, .65);
    text-transform: uppercase
}

.hilo-widget-container .hilo-buttons .hilo-row .point-input {
    flex: 1;
    border: 0;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    max-width: 100%;
    padding: 0
}

.hilo-widget-container .hilo-buttons .hilo-row .point-input::-moz-placeholder {
    color: #3a3a3a;
    opacity: 1
}

.hilo-widget-container .hilo-buttons .hilo-row .point-input::placeholder {
    color: #3a3a3a;
    opacity: 1
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-points {
    flex: 1;
    background-color: #e4e7e8;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-points .hilo-current-points,
.hilo-widget-container .hilo-buttons .hilo-row .hilo-points .hilo-desc-text {
    text-align: center;
    left: -6px;
    width: 100%;
    position: relative
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-points .hilo-current-points {
    font-weight: 700;
    font-size: 14px
}

.hilo-widget-container .hilo-buttons .hilo-row .hilo-points .hilo-desc-text {
    margin-top: -4px;
    font-size: 10px;
    color: rgba(58, 58, 58, .65);
    text-transform: uppercase
}

.hilo-widget-container .hilo-provider {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    flex: 1;
    color: #ffeb3b;
    z-index: 1;
    font-weight: 700;
    margin: 0 16px
}

.hilo-widget-container .hilo-provider:hover {
    color: #ffeb3b !important;
    cursor: pointer
}

.hilo-widget-container .hilo-provider:hover .hilo-provider-logo {
    transform: scale(1.1)
}

.hilo-widget-container .hilo-provider .hilo-provider-logo {
    transition: .2s ease;
    width: 100%
}

.preload .hilo-widget-container .hilo-provider .hilo-provider-logo {
    transition: initial !important
}

.uSrGQNfoxo {
    --widget-background-color: #474e64;
    --match-box-background-color-hover: #2b3040;
    --box-divider-color: #000;
    --logo-background-color: #2b3040;
    --odds-text-color: #fff;
    --odds-background-color: #ff4800;
    --slider-background-color: #2b3040;
    --slider-hover-background-color: #151821;
    --slider-chevron-color: #fff;
    --slider-divider-color: #000;
    --time-text-color: #fff;
    --team-name-text-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: var(--widget-background-color);
    width: 470px;
    height: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    color: #fff
}

.uSrGQNfoxo .featured-matches-provider {
    width: 104px;
    flex: 0 0 104px;
    background-color: var(--logo-background-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    position: relative;
    z-index: 1
}

.uSrGQNfoxo .featured-matches-provider:after {
    display: block;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    background-color: var(--logo-background-color);
    content: "";
    position: absolute;
    z-index: -1;
    left: -10px;
    top: -8px;
    border-right: 1px solid var(--box-divider-color)
}

.uSrGQNfoxo .featured-matches-provider .featured-matches-provider-logo {
    max-width: 100%;
    max-height: 100%
}

.uSrGQNfoxo .slider {
    display: flex;
    height: 100%
}

.uSrGQNfoxo .featured-matches-visible {
    width: 330px;
    overflow: hidden
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg {
    display: flex;
    height: 100%;
    position: relative
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-matchpage-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70px;
    font-size: 9px;
    text-align: center;
    transform: translateX(-50%)
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-matchpage-container .featured-matches-top-matchpage {
    position: absolute;
    bottom: 5px;
    border-radius: 4px;
    width: 100%;
    left: 0;
    color: hsla(0, 0%, 100%, .85);
    font-weight: 700;
    text-transform: uppercase
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container {
    display: flex;
    flex: 0 0 110px;
    border-right: 1px solid var(--box-divider-color);
    transition: .2s ease;
    color: inherit !important;
    height: 100%;
    position: relative
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container:hover {
    background-color: var(--match-box-background-color-hover);
    cursor: pointer
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-match {
    display: flex;
    flex: 0 0 110px;
    border-right: 1px solid var(--box-divider-color);
    transition: .2s ease;
    color: inherit !important;
    height: 100%;
    position: relative
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: 100%
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-logo-container {
    height: 23px;
    width: 23px;
    margin-bottom: 3px
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-logo-container.new-widget {
    margin-bottom: 0
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-logo {
    max-height: 100%;
    max-width: 100%
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-name {
    color: var(--team-name-text-color);
    font-size: 9px;
    width: 35px;
    height: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.3;
    font-weight: 700
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-name.new-widget {
    margin-bottom: 3px
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-team .featured-matches-top-team-number {
    background-color: var(--odds-background-color);
    color: var(--odds-text-color);
    font-size: 10px;
    border-radius: 4px;
    width: 30px;
    height: 13px;
    line-height: 1.3;
    font-weight: 700
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-middle-container {
    flex: 0 0 30px;
    font-size: 9px;
    text-align: center;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center
}

.uSrGQNfoxo .featured-matches-top-matches-container-yvofg .featured-matches-top-match-container .featured-matches-top-middle-container .featured-matches-top-time {
    font-weight: 700;
    margin-top: 2px;
    font-size: 8px;
    margin-bottom: -2px;
    color: var(--time-text-color)
}

.uSrGQNfoxo .featured-matches-top-next-slider {
    background-color: var(--slider-background-color);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: 100%;
    width: 17px;
    border-left: 1px solid var(--box-divider-color);
    bottom: 0;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 99;
    color: var(--slider-chevron-color)
}

.uSrGQNfoxo .featured-matches-top-next-slider .featured-matches-right-button:first-child {
    border-bottom: 1px solid var(--slider-divider-color)
}

.uSrGQNfoxo .featured-matches-top-next-slider .featured-matches-left-button,
.uSrGQNfoxo .featured-matches-top-next-slider .featured-matches-right-button {
    width: 100%;
    height: 100%;
    line-height: 30px;
    position: relative;
    right: 1px
}

.uSrGQNfoxo .featured-matches-top-next-slider .featured-matches-left-button:hover,
.uSrGQNfoxo .featured-matches-top-next-slider .featured-matches-right-button:hover {
    background-color: var(--slider-hover-background-color)
}

.matchpage-live-odds {
    --widget-background-color: #124639;
    --logo-background-color: #027b5b;
    --text-color: #fff;
    --team-text-color: #fff;
    --cta-bg-color: #f9dc1c;
    --cta-text-color: #000;
    --compliance-text-color: hsla(0, 0%, 100%, 0.65);
    --rising-color: #42db1b;
    --falling-color: #db1b1b;
    --odds-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column;
    background: var(--widget-background-color);
    color: var(--text-color);
    gap: 8px;
    min-height: 150px;
    box-sizing: border-box;
    width: 100%
}

.matchpage-live-odds .matchpage-live-odds-top {
    height: 35px;
    display: flex;
    justify-content: center;
    background: var(--logo-background-color);
    align-items: center
}

.matchpage-live-odds .falling:after,
.matchpage-live-odds .rising:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.matchpage-live-odds .rising {
    text-shadow: 0 0 7.5px rgba(109, 233, 78, .5);
    animation-name: rising;
    animation-duration: 2s
}

.matchpage-live-odds .rising:after {
    content: "\f0d8"
}

.matchpage-live-odds .falling {
    text-shadow: 0 0 7.5px rgba(233, 78, 78, .5);
    animation-name: falling;
    animation-duration: 4s
}

.matchpage-live-odds .falling:after {
    content: "\f0d7"
}

@keyframes falling {
    0% {
        color: var(--falling-color);
        transform: scale(1)
    }

    15% {
        transform: scale(.8)
    }

    30% {
        transform: scale(1);
        color: var(--falling-color)
    }

    to {
        color: var(--odds-color)
    }
}

@keyframes rising {
    0% {
        color: var(--rising-color);
        transform: scale(1)
    }

    15% {
        transform: scale(.8)
    }

    30% {
        transform: scale(1);
        color: var(--rising-color)
    }

    to {
        color: var(--odds-color)
    }
}

.matchpage-live-odds .matchpage-live-odds-logo {
    max-height: 20px;
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px
}

.matchpage-live-odds .matchpage-live-odds-middle {
    display: flex;
    gap: 8px;
    text-align: center;
    padding: 0 16px
}

.matchpage-live-odds .matchpage-live-odds-decimal {
    font-size: 14px;
    font-weight: 700;
    color: var(--odds-color)
}

.matchpage-live-odds .matchpage-live-odds-decimal:after {
    display: inline-block;
    margin-left: 4px
}

.matchpage-live-odds .matchpage-live-odds-bottom {
    padding: 0 16px;
    text-align: center
}

.matchpage-live-odds .matchpage-live-odds-team {
    flex: 0 0 50%;
    color: var(--team-text-color)
}

.matchpage-live-odds .matchpage-live-odds-cta {
    color: var(--cta-text-color);
    background: var(--cta-bg-color);
    height: 32px;
    border-radius: 4px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.matchpage-live-odds .matchpage-live-odds-compliance {
    font-size: 9px;
    padding: 4px 0;
    color: var(--compliance-text-color)
}

.bg-sidebar .matchesTallWidget {
    box-shadow: none !important
}

.matchesTallWidget {
    --mainWidgetColor: #364250;
    --match-box-background-color: #364250;
    --secondaryWidgetColor: #2d3844;
    --widgetButtonColor: #435971;
    --widgetButtonTextColor: #fff;
    --widgetTeamAndDateColor: #fff;
    --borderRadius: 4px;
    --oddsFontStyle: normal;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    max-height: 600px;
    width: 300px;
    overflow: hidden;
    background-color: var(--mainWidgetColor);
    margin-bottom: 8px
}

.matchesTallWidget .matchesTallWidgetHeader {
    height: 75px;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
    display: block
}

.matchesTallWidget .matchesTallWidgetHeaderImg {
    max-height: 100%
}

.matchesTallWidget .matchesTallWidgetBody {
    background-color: var(--secondaryWidgetColor);
    padding: 16px 8px 32px
}

.matchesTallWidget .matchesTallWidgetBContainer {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    flex-direction: column;
    background-color: var(--match-box-background-color);
    border-radius: var(--borderRadius);
    margin-bottom: 16px;
    color: var(--widgetTeamAndDateColor);
    cursor: pointer
}

.matchesTallWidget .matchesTallWidgetBContainer:hover {
    color: var(--widgetTeamAndDateColor) !important;
    filter: brightness(1.1)
}

.matchesTallWidget .matchesTallWidgetBContainerTeamname {
    padding: 0 8px;
    font-weight: 700;
    text-align: center
}

.matchesTallWidget .matchesTallWidgetBContainerBody,
.matchesTallWidget .matchesTallWidgetBContainerFooter {
    display: grid;
    grid-template-columns: 1fr 70px 1fr
}

.matchesTallWidget .matchesTallWidgetBContainerImg {
    max-height: 100%;
    max-width: 100%
}

.matchesTallWidget .matchesTallWidgetBContainerImgContainer {
    display: flex;
    height: 28px;
    width: 28px;
    margin: 10px auto 4px;
    align-items: center;
    justify-content: center
}

.matchesTallWidget .matchesTallWidgetBContainerFooterButton {
    background-color: var(--widgetButtonColor);
    width: 67px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    border-radius: var(--borderRadius);
    position: relative;
    top: 8px;
    font-weight: 700;
    color: var(--widgetButtonTextColor) !important;
    font-style: var(--oddsFontStyle)
}

.matchesTallWidget .matchesTallWidgetBContainerCenter {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column
}

.matchesTallWidget .matchesTallWidgetBContainerDate {
    margin-top: 16px;
    font-size: 10px;
    opacity: .65
}

.matchesTallWidget .matchesTallWidgetBContainerTime {
    font-size: 14px;
    font-weight: 700
}

.matchesTallWidget .matchesTallWidgetFooterTerms {
    color: #fff;
    opacity: .65;
    text-align: center;
    font-size: 11px;
    position: relative;
    top: -14px
}

.matchesTallWidget .matchesTallWidgetFooterCTA {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: var(--widgetButtonTextColor) !important;
    width: 244px;
    height: 42px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin: 0 auto;
    background-color: var(--widgetButtonColor);
    position: relative;
    border-radius: var(--borderRadius);
    top: -21px;
    display: block;
    cursor: pointer
}

.matchesTallWidget .matchesTallWidgetFooterCTA:hover {
    color: var(--widgetButtonTextColor) !important;
    filter: brightness(1.1)
}

.matchesTallWidget.narrow {
    width: 160px
}

.matchesTallWidget.narrow .matchesTallWidgetHeader {
    height: 35px;
    max-width: 100%;
    padding: 8px 4px 0
}

.matchesTallWidget.narrow .matchesTallWidgetHeader .matchesTallWidgetHeaderImg {
    max-width: 100%
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerBody {
    grid-template-columns: 1fr 1fr
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerLeft,
.matchesTallWidget.narrow .matchesTallWidgetBContainerRight {
    font-size: 9px
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerTeamname {
    padding: 0 4px
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerFooter {
    grid-template-columns: 1fr 1fr
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerLeft.matchesTallWidgetBContainerFooterButton,
.matchesTallWidget.narrow .matchesTallWidgetBContainerRight.matchesTallWidgetBContainerFooterButton {
    width: 53px;
    height: 21px;
    line-height: 21px;
    top: 7px
}

.matchesTallWidget.narrow .matchesTallWidgetFooterTerms {
    font-size: 9px
}

.matchesTallWidget.narrow a.matchesTallWidgetFooterCTA {
    width: 160px;
    height: 34px;
    font-size: 16px;
    line-height: 30px
}

.matchesTallWidget.narrow .matchesTallWidgetFooterTerms {
    top: -16px
}

.matchesTallWidget.narrow .matchesTallWidgetBContainerCenter {
    display: none
}

@container (width < 300px) {
    .matchesTallWidget-reset .matchesTallWidget {
        width: 160px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetHeader {
        height: 35px;
        max-width: 100%;
        padding: 8px 4px 0
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetHeader .matchesTallWidgetHeaderImg {
        max-width: 100%
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerBody {
        grid-template-columns: 1fr 1fr
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerLeft,
    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerRight {
        font-size: 9px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerTeamname {
        padding: 0 4px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerFooter {
        grid-template-columns: 1fr 1fr
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerLeft.matchesTallWidgetBContainerFooterButton,
    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerRight.matchesTallWidgetBContainerFooterButton {
        width: 53px;
        height: 21px;
        line-height: 21px;
        top: 7px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetFooterTerms {
        font-size: 9px
    }

    .matchesTallWidget-reset .matchesTallWidget a.matchesTallWidgetFooterCTA {
        width: 160px;
        height: 34px;
        font-size: 16px;
        line-height: 30px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetFooterTerms {
        top: -16px
    }

    .matchesTallWidget-reset .matchesTallWidget .matchesTallWidgetBContainerCenter {
        display: none
    }
}

.bg-sidebar .column-multiple-oxVVUdvP123Gazx {
    box-shadow: none !important
}

.column-multiple-oxVVUdvP123Gazx {
    --background-color: #13171d;
    --logo-background-color: #013d58;
    --logo-border-color: #363f5a;
    --versus-background-color: #ff7d02;
    --versus-color: #fff;
    --team-name-text-color: #fff;
    --odds-text-color: #fff;
    --odds-background-color: #f0f0f0;
    --odds-background-hover-color: #ececec;
    --odds-border-color: #ff7d02;
    --cta-background-color: var(--odds-background-color);
    --cta-border-color: var(--odds-border-color);
    --cta-text-color: var(--odds-text-color);
    --cta-background-hover-color: var(--cta-background-color);
    --compliance-text-color: #fff;
    --borderRadius: 7px;
    position: relative;
    padding-bottom: 8px;
    height: 600px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    align-items: center;
    background-color: var(--background-color);
    background-size: cover;
    background-repeat: no-repeat;
    width: 160px
}

.column-multiple-oxVVUdvP123Gazx .gg-oxVVUdvP123Gazx-logo-container {
    padding: 0 8px;
    background-color: var(--logo-background-color);
    border-bottom: 1px solid var(--logo-border-color);
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.column-multiple-oxVVUdvP123Gazx .gg-oxVVUdvP123Gazx-logo-container .gg-oxVVUdvP123Gazx-logo {
    max-width: 100%
}

.column-multiple-oxVVUdvP123Gazx .team-container-name {
    color: var(--team-name-text-color);
    max-width: 70px;
    margin: 0 4px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-match-container {
    max-width: 100%;
    display: block
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-logo {
    height: 30px;
    align-self: center
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 11px;
    margin-bottom: 10px;
    width: 100%
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches .round-flag-container {
    height: 38px;
    width: 38px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches .team-container {
    height: 57px;
    max-width: 90px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches .team-container .logo-container {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches .team-container .logo-container .team-logo {
    max-width: 38px;
    max-height: 38px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-matches-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 16px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-cta:hover {
    filter: brightness(1.1)
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-cta .column-multiple-oxVVUdvP123Gazx-cta-link {
    display: flex;
    background-color: var(--cta-background-color);
    width: 145px;
    height: 29px;
    border: 3px solid var(--cta-border-color);
    border-radius: var(--borderRadius);
    text-align: center;
    color: var(--cta-text-color);
    font-weight: 700;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-cta .column-multiple-oxVVUdvP123Gazx-cta-link:hover {
    background-color: var(--cta-background-hover-color);
    border-color: var(--cta-background-color);
    color: var(--cta-text-color) !important
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-cta .column-multiple-oxVVUdvP123Gazx-compliance-text {
    color: var(--compliance-text-color);
    margin-top: 2px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds {
    height: 100%;
    margin: 0 auto;
    width: 129px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .versus {
    background-color: var(--versus-background-color);
    color: var(--versus-color);
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 37px;
    font-size: 9px;
    font-weight: 700;
    width: 35px;
    left: 47px;
    text-align: center
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding-top: 4px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    z-index: 3;
    color: var(--odds-text-color);
    height: 23px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:hover:after {
    background: var(--odds-background-hover-color)
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:first-child:after {
    transform: skewX(-13deg)
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:last-child {
    margin-left: 17px
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:last-child:after {
    transform: skewX(13deg)
}

.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:after {
    background: var(--odds-background-color);
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 3px solid var(--odds-border-color);
    border-radius: var(--borderRadius);
    box-sizing: border-box;
    transition: .2s ease
}

.debug-ad {
    background-color: rgba(255, 0, 0, .1);
    box-sizing: border-box;
    border: 5px solid red;
    border-radius: 1px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    max-width: 100%
}

.debug-ad.regional {
    border-color: #ff1493
}

.debug-ad.obsolete {
    border-color: #fff8dc
}

.accumulator-oxVVUdvP123Gazx {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    padding: 16px;
    display: flex;
    height: 176px;
    flex-direction: column;
    background-color: #0e3454;
    margin-bottom: 8px
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx {
        margin-top: 16px;
        padding: 8px
    }
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-2 {
        display: none
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-top {
    background-color: #435971;
    height: 42px;
    min-height: 42px;
    display: flex;
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px;
    align-items: center;
    justify-content: center
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-top {
        margin-left: -8px;
        margin-right: -8px
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-logo-container {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 20px;
    flex: 0 0 20px;
    margin-right: 5px
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-logo-container .accumulator-match-team-logo {
    max-height: 100%;
    max-width: 100%
}

.accumulator-oxVVUdvP123Gazx .accumulator-match {
    display: flex;
    flex-direction: column;
    background-color: #364250;
    border: 2px solid #495867;
    font-weight: 700;
    position: relative
}

.accumulator-oxVVUdvP123Gazx .accumulator-match.match-live {
    border: 2px solid #4aacff !important;
    box-shadow: 0 0 5px 0 #3bafed
}

.accumulator-oxVVUdvP123Gazx .accumulator-match.match-live:before {
    content: "LIVE";
    display: block;
    position: absolute;
    left: 50%;
    top: -8px;
    transform: translateX(-50%);
    background-color: #4aacff;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 700;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row {
    display: flex
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row.selected {
    background-color: #1d252f
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row .accumulator-match-left {
    flex: 1 auto;
    display: flex
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row .accumulator-match-right {
    flex: 0 0 32px;
    text-align: right
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .g-grid {
        margin-left: -8px
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-middle {
    margin-top: 12px
}

.accumulator-oxVVUdvP123Gazx .accumulator-middle .col-4 {
    padding-bottom: 0;
    min-width: 0
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-middle .col-4 {
        flex: 0 0 50%;
        padding-left: 8px
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-tooltip-container:hover {
    cursor: pointer
}

.accumulator-oxVVUdvP123Gazx .accumulator-tooltip-container:hover .accumulator-tooltip-hidden {
    display: block !important
}

.accumulator-oxVVUdvP123Gazx .accumulator-tooltip {
    font-size: 11px;
    font-weight: 400;
    background-color: #000;
    position: absolute;
    bottom: 35px;
    color: #fff;
    padding: 0 8px;
    text-transform: none
}

.accumulator-oxVVUdvP123Gazx .accumulator-tooltip.accumulator-tooltip-hidden {
    display: none
}

.accumulator-oxVVUdvP123Gazx .accumulator-tooltip:hover {
    cursor: pointer
}

.accumulator-oxVVUdvP123Gazx .accumulator-provider-logo {
    max-height: 35px
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-top {
    background-color: #26303c;
    font-size: 10px
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-matchup {
    flex: 1 auto;
    margin-right: 5px
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-matchup-link {
    flex: 0 0 26px;
    color: #fff;
    background-color: #435971;
    font-size: 16px;
    text-align: center;
    transition: .2s ease
}

.preload .accumulator-oxVVUdvP123Gazx .accumulator-match-matchup-link {
    transition: initial !important
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-matchup-link .accumulator-tooltip {
    top: -21px;
    bottom: inherit;
    right: 0
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-matchup-link img {
    height: 17px;
    width: 17px;
    position: relative;
    top: -1px;
    left: 0
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-matchup-link:hover {
    background-color: #59728e;
    color: #fff !important
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row {
    font-size: 11px;
    transition: .2s ease
}

.preload .accumulator-oxVVUdvP123Gazx .accumulator-match-team-row {
    transition: initial !important
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row:hover {
    background-color: #1d252f;
    cursor: pointer
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row,
.accumulator-oxVVUdvP123Gazx .accumulator-match-top {
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    border-bottom: 2px solid #495867
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-team-row:last-child,
.accumulator-oxVVUdvP123Gazx .accumulator-match-top:last-child {
    border-bottom: 0
}

.accumulator-oxVVUdvP123Gazx .accumulator-match-time {
    margin-right: 5px;
    opacity: .65;
    margin-left: -5px
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom {
    display: flex;
    margin-top: 8px;
    background-color: #26303c;
    position: relative
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-left {
    justify-content: space-between;
    flex: 0 0 33%;
    height: 32px
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-bottom-left {
        flex: 0 0 40%
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-left .accumulator-bottom-text {
    margin-left: 8px
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-left .accumulator-bottom-input {
    margin-right: 8px
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-left .accumulator-bottom-input input {
    width: 80px;
    text-align: right
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-bottom-left .accumulator-bottom-input input {
        width: 36px
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-middle {
    flex: 0 0 46%;
    height: 32px
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-bottom-middle {
        flex: 0 0 34%
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-middle div {
    margin-left: 8px
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-left,
.accumulator-oxVVUdvP123Gazx .accumulator-bottom-middle,
.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right {
    display: flex;
    align-items: center;
    font-weight: 700
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right {
    flex: 0 0 21%;
    height: 32px;
    color: #fff;
    background: #619e00;
    box-shadow: inset 0 1px 0 0 #7ec40e, inset 0 -1px 0 0 #497700;
    transition: .2s ease;
    font-size: 14px;
    justify-content: center;
    align-content: center;
    text-align: center
}

.preload .accumulator-oxVVUdvP123Gazx .accumulator-bottom-right {
    transition: initial !important
}

@media (max-width:500px) {
    .accumulator-oxVVUdvP123Gazx .accumulator-bottom-right {
        flex: 0 0 26%;
        font-size: 12px
    }
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right .accumulator-tooltip {
    width: 160px;
    right: 0
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right:hover {
    background: #538800;
    cursor: pointer;
    color: #fff !important
}

.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right a,
.accumulator-oxVVUdvP123Gazx .accumulator-bottom-right a:hover {
    color: #fff !important
}

.w160in145 {
    margin-left: -7.5px;
    width: 160px
}

.matchpage-match-widget-container {
    container-type: size;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.matchpage-match-widget {
    --mmw-background-color: #2d3844;
    --mmw-logo-background-color: #364250;
    --mmw-team-background-color: #475463;
    --mmw-team-background-hover-color: #586777;
    --mmw-team-text-color: #fff;
    --mmw-odds-background-color: rgba(0, 0, 0, 0.25);
    --mmw-odds-text-color: #fff;
    --mmw-cta-background-color: $button-background-color;
    --mmw-font-style: normal;
    --mmw-border-radius: 4px;
    --mmw-compliance-text-color: #fff;
    --mmw-cta-text-color: #fff;
    --mmw-cta-hover-color: #1f5582;
    --mmw-cta-font-style: normal;
    --mmw-compliance-font-style: normal;
    --mmw-cta-text-hover-color: #87a3bf;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: var(--mmw-background-color);
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr .5fr 1fr;
    grid-template-rows: 48% 45%;
    padding: 24px 16px;
    box-sizing: border-box;
    row-gap: 16px;
    font-style: var(--mmw-font-style);
    width: 100%
}

@container (height > 220px) {
    .matchpage-match-widget {
        height: 100%;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: min(100px, 33%) auto auto;
        padding: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@container (max-height: 150px) {
    .matchpage-match-widget {
        row-gap: 8px;
        padding: 4px 4px 0;
        grid-template-columns: 1fr .8fr 1fr
    }
}

.matchpage-match-widget .matchpage-match-widget-team {
    grid-row: 1
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-team {
        grid-row: 2
    }
}

.matchpage-match-widget .matchpage-match-widget-team.team1 {
    grid-column: 1
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-team.team1 {
        grid-column: 1/3
    }
}

.matchpage-match-widget .matchpage-match-widget-team.team2 {
    grid-column: 3
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-team.team2 {
        grid-column: 3/5
    }
}

.matchpage-match-widget .matchpage-match-widget-cta-container {
    grid-column: 1/4;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 4px
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-cta-container {
        grid-row: 3;
        grid-column: 1/5
    }
}

.matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-cta {
    height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: var(--mmw-cta-background-color);
    border-radius: var(--mmw-border-radius);
    box-sizing: border-box;
    color: var(--mmw-cta-text-color);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    transition: .2s ease;
    font-style: var(--mmw-cta-font-style)
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-cta {
        flex-grow: 1;
        font-size: 21px
    }
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-cta {
        height: auto;
        min-height: 19px
    }
}

.matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-cta:hover {
    cursor: pointer;
    color: var(--mmw-cta-text-hover-color) !important;
    background-color: var(--mmw-cta-hover-color);
    transform: scale(1.02)
}

.matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-compliance {
    font-size: 9px;
    align-self: center;
    justify-self: center;
    color: var(--mmw-compliance-text-color);
    font-style: var(--mmw-compliance-font-style)
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-cta-container .matchpage-match-widget-compliance {
        font-size: 7px
    }
}

.matchpage-match-widget .matchpage-match-widget-logo-container {
    display: flex;
    align-items: center;
    height: 75px;
    justify-content: center;
    margin: auto 0;
    background-color: var(--mmw-logo-background-color);
    position: relative;
    grid-column: 2;
    grid-row: 1
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-logo-container {
        height: 100%;
        margin-top: -8px;
        margin-left: -8px;
        margin-right: -8px;
        grid-column: 1/5
    }
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-logo-container {
        height: 80%
    }
}

.matchpage-match-widget .matchpage-match-widget-logo-container:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    right: 0;
    top: 0;
    background: linear-gradient(-90deg, #000, transparent);
    opacity: .5
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-logo-container:after {
        display: none
    }
}

.matchpage-match-widget .matchpage-match-widget-logo-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #000, transparent);
    opacity: .5
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-logo-container:before {
        display: none
    }
}

.matchpage-match-widget .matchpage-match-widget-logo {
    max-width: 80%;
    height: 90%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.matchpage-match-widget .matchpage-match-widget-team {
    background-color: var(--mmw-team-background-color);
    border-radius: var(--mmw-border-radius);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: .2s ease
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-team {
        padding: 4px;
        margin-top: -8px
    }
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-team {
        padding: 4px;
        gap: 4px;
        font-size: 12px
    }
}

.matchpage-match-widget .matchpage-match-widget-team:hover {
    cursor: pointer;
    background-color: var(--mmw-team-background-hover-color);
    transform: scale(1.04)
}

.matchpage-match-widget .matchpage-match-widget-teamname {
    text-align: center;
    font-size: 14px;
    color: var(--mmw-team-text-color);
    font-weight: 700
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-teamname {
        font-size: 12px
    }
}

.matchpage-match-widget .matchpage-match-widget-odds {
    text-align: center;
    font-size: 14px;
    color: var(--mmw-odds-text-color);
    font-weight: 700;
    border-radius: var(--mmw-border-radius);
    background: var(--mmw-odds-background-color);
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center
}

@container (height > 220px) {
    .matchpage-match-widget .matchpage-match-widget-odds {
        height: 80%
    }
}

@container (max-height: 150px) {
    .matchpage-match-widget .matchpage-match-widget-odds {
        font-size: 12px
    }
}

.matchpage-match-widget-old {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 200px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr .5fr 1fr;
    grid-template-rows: auto 46px;
    padding: 24px 16px;
    box-sizing: border-box;
    row-gap: 16px
}

@media (max-width:500px) {
    .matchpage-match-widget-old {
        height: 140px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        padding: 8px;
        row-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-team {
    grid-row: 1
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-team {
        grid-row: 2
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-team.team1 {
    grid-column: 1
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-team.team1 {
        grid-column: 1/3
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-team.team2 {
    grid-column: 3
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-team.team2 {
        grid-column: 3/5
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-cta {
    grid-column: 1/4;
    grid-row: 2;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #435971;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    transition: .2s ease
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-cta {
        grid-row: 3;
        height: 32px;
        font-size: 12px;
        grid-column: 1/5
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-cta:hover {
    cursor: pointer;
    background-color: #59728e;
    transform: scale(1.02)
}

.matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
    display: flex;
    align-items: center;
    height: 75px;
    justify-content: center;
    margin: auto 0;
    background-color: #364250;
    position: relative;
    grid-column: 2;
    grid-row: 1
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
        height: 25px;
        margin-top: -8px;
        margin-left: -8px;
        margin-right: -8px;
        grid-column: 1/5
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-logo-container:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    right: 0;
    top: 0;
    background: linear-gradient(-90deg, #000, transparent);
    opacity: .5
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-logo-container:after {
        display: none
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-logo-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 10px;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #000, transparent);
    opacity: .5
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-logo-container:before {
        display: none
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-logo {
    max-width: 100px
}

.matchpage-match-widget-old .matchpage-match-widget-old-team {
    background-color: #475463;
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: .2s ease
}

@media (max-width:500px) {
    .matchpage-match-widget-old .matchpage-match-widget-old-team {
        padding: 4px
    }
}

.matchpage-match-widget-old .matchpage-match-widget-old-team:hover {
    cursor: pointer;
    background-color: #586777;
    transform: scale(1.04)
}

.matchpage-match-widget-old .matchpage-match-widget-old-teamname {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.matchpage-match-widget-old .matchpage-match-widget-old-odds {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    background: rgba(0, 0, 0, .25);
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.smartphone-top-widget {
    --ctaColor: #2b6ea4;
    --ctaTextColor: #fff;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #2d3844;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    height: 75px;
    overflow: hidden;
    margin-bottom: 4px;
    background: var(--backgroundColor);
    position: relative;
    width: 100%
}

.smartphone-top-widget .smartphone-top-widget-left {
    width: 150px;
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.smartphone-top-widget .smartphone-top-widget-provider-logo {
    max-width: 120px
}

.smartphone-top-widget .smartphone-top-widget-right {
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    padding: 8px;
    box-sizing: border-box;
    justify-content: center
}

.smartphone-top-widget .smartphone-top-widget-date-info,
.smartphone-top-widget .smartphone-top-widget-match-row {
    display: flex;
    font-weight: 700
}

.smartphone-top-widget .smartphone-top-widget-date-info {
    justify-content: space-between;
    font-size: 9px;
    margin-bottom: 2px;
    margin-top: -2px
}

.smartphone-top-widget .smartphone-top-widget-date {
    color: var(--dateColor)
}

.smartphone-top-widget .smartphone-top-widget-time {
    color: var(--timeColor)
}

.smartphone-top-widget .smartphone-top-widget-date {
    opacity: .5
}

.smartphone-top-widget .smartphone-top-widget-match-row {
    height: 20px;
    background-color: var(--rowColor);
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin-bottom: 4px;
    color: var(--rowTextColor)
}

.smartphone-top-widget .smartphone-top-widget-match-row:last-child {
    margin-bottom: 0
}

.smartphone-top-widget .smartphone-top-widget-match-name {
    flex: 1 auto
}

.smartphone-top-widget .smartphone-top-widget-match-odds {
    flex: 0 0 44px;
    background: var(--ctaColor);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ctaTextColor)
}

.desktop-top-widget {
    --ctaColor: #2b6ea4;
    --ctaTextColor: #fff;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #2d3844;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    margin-top: -8px;
    display: flex;
    height: 60px;
    overflow: hidden;
    background: var(--backgroundColor);
    position: relative
}

.desktop-top-widget .desktop-top-widget-left {
    width: 150px;
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.desktop-top-widget .desktop-top-widget-provider-logo {
    max-width: 120px;
    max-height: 40px
}

.desktop-top-widget .desktop-top-widget-right {
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    padding: 8px;
    box-sizing: border-box;
    justify-content: center
}

.desktop-top-widget .desktop-top-widget-date-info,
.desktop-top-widget .desktop-top-widget-match-row {
    display: flex;
    font-weight: 700
}

.desktop-top-widget .desktop-top-widget-date-info {
    justify-content: space-between;
    font-size: 9px;
    margin-bottom: -1px;
    margin-top: -4px
}

.desktop-top-widget .desktop-top-widget-date {
    color: var(--dateColor)
}

.desktop-top-widget .desktop-top-widget-time {
    color: var(--timeColor)
}

.desktop-top-widget .desktop-top-widget-date {
    opacity: .5
}

.desktop-top-widget .desktop-top-widget-match-row {
    height: 20px;
    background-color: var(--rowColor);
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin-bottom: 4px;
    color: var(--rowTextColor)
}

.desktop-top-widget .desktop-top-widget-match-row:last-child {
    margin-bottom: 0
}

.desktop-top-widget .desktop-top-widget-match-name {
    flex: 1 auto
}

.desktop-top-widget .desktop-top-widget-match-odds {
    flex: 0 0 44px;
    background: var(--ctaColor);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ctaTextColor)
}

.smartphone-bottom-widget {
    --ctaColor: #2b6ea4;
    --ctaTextColor: #fff;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #2d3844;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    display: flex;
    height: 50px;
    overflow: hidden;
    background: var(--backgroundColor);
    position: relative;
    width: 320px
}

.smartphone-bottom-widget .smartphone-bottom-widget-left {
    width: 130px;
    flex: 0 0 130px;
    display: flex;
    justify-content: center;
    align-items: center
}

.smartphone-bottom-widget .smartphone-bottom-widget-provider-logo {
    max-width: 100px
}

.smartphone-bottom-widget .smartphone-bottom-widget-right {
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    padding: 8px 8px 8px 4px;
    box-sizing: border-box;
    justify-content: center
}

.smartphone-bottom-widget .smartphone-bottom-widget-match-row {
    font-weight: 700;
    height: 20px;
    background-color: var(--rowColor);
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin-bottom: 4px;
    color: var(--rowTextColor)
}

.smartphone-bottom-widget .smartphone-bottom-widget-match-row:last-child {
    margin-bottom: 0
}

.smartphone-bottom-widget .smartphone-bottom-widget-match-name {
    flex: 1 auto
}

.smartphone-bottom-widget .smartphone-bottom-widget-match-odds {
    flex: 0 0 44px;
    background: var(--ctaColor);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ctaTextColor)
}

.desktop-bottom-overlay-placeholder,
.mobile-bottom-overlay-placeholder {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 1px;
    height: 1px
}

.mobile-bottom-overlay {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    max-height: 100px;
    display: flex;
    justify-content: center;
    width: 100%
}

.mobile-bottom-overlay[hidden] {
    display: none
}

.mobile-bottom-overlay .content-container {
    position: relative;
    display: inline-block;
    width: 320px
}

.mobile-bottom-overlay .content-container .close-container {
    z-index: 1001;
    position: absolute;
    top: -8px;
    right: -6px;
    padding: 8px;
    margin: -8px
}

.mobile-bottom-overlay .content-container .mobile-bottom-overlay-close {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #000
}

.mobile-bottom-overlay .content-container .fa-times {
    color: #fff
}

.mobile-bottom-overlay img {
    max-width: 100%;
    max-height: 50px;
    height: auto;
    width: auto
}

.mobile-bottom-overlay:has(#cncpt_mob_bottom_sticky[style="display: none;"]) {
    display: none
}

.desktop-bottom-overlay {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    max-height: 90px;
    display: flex;
    justify-content: center;
    width: 100vw;
    background-color: hsla(0, 0%, 100%, .8392156863) !important
}

.desktop-bottom-overlay[hidden] {
    display: none
}

.desktop-bottom-overlay .content-container {
    position: relative;
    display: inline-block;
    width: 728px
}

.desktop-bottom-overlay .content-container .close-container {
    z-index: 1001;
    position: absolute;
    top: -8px;
    right: -6px;
    padding: 8px;
    margin: -8px
}

.desktop-bottom-overlay .content-container .desktop-bottom-overlay-close {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #000
}

.desktop-bottom-overlay .content-container .fa-times {
    color: #fff
}

.skin-news-widget {
    --background-color: #192027;
    --alternate-background-color: #293440;
    --cta-color: #2d6da3;
    --cta-text-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 220px;
    overflow: hidden;
    display: flex;
    background: var(--background-color);
    flex-direction: column;
    border: 3px solid var(--background-color);
    box-sizing: border-box
}

.skin-news-widget:hover .skin-news-widget-skin-img {
    transform: scale(1.1)
}

.skin-news-widget:hover .skin-news-cta {
    filter: brightness(110%)
}

.skin-news-widget .skin-news-widget-skin-img {
    max-width: 100%;
    transform: scale(1);
    transition: .2s ease
}

.skin-news-widget .skin-news-widget-top {
    height: 165px;
    background: var(--alternate-background-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-weight: 700;
    padding-left: 20px;
    box-sizing: border-box
}

.skin-news-widget .skin-news-cta {
    height: 32px;
    background: var(--cta-color);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--cta-text-color);
    padding: 0 16px
}

.skin-news-widget .skin-news-price {
    font-size: 10px;
    margin-top: 16px;
    opacity: .65;
    color: #fff;
    margin-bottom: -8px
}

.skin-news-widget .skin-news-price-tag {
    color: #fff;
    font-size: 22px
}

.skin-news-widget .skin-news-widget-top-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.skin-news-widget .skin-news-widget-top-left {
    flex: 0 0 170px
}

.skin-news-widget .skin-news-widget-stattrak {
    color: #cf6a32;
    font-size: 10px;
    margin-bottom: -8px
}

.skin-news-widget .skin-news-widget-title {
    color: #fff;
    font-size: 14px
}

.skin-news-widget .skin-news-widget-bottom {
    height: 55px;
    background: var(--background-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.skin-news-widget .skin-news-widget-provider-img {
    max-height: 90%
}

.skin-widget-wide {
    --background-color: #192027;
    --alternate-background-color: #293440;
    --cta-color: #2d6da3;
    --cta-text-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 120px;
    overflow: hidden;
    display: flex;
    background: var(--background-color);
    flex-direction: row;
    border: 3px solid var(--background-color);
    box-sizing: border-box
}

.skin-widget-wide:hover .skin-news-widget-skin-img {
    transform: scale(1.1)
}

.skin-widget-wide:hover .skin-cta {
    filter: brightness(110%)
}

.skin-widget-wide .skin-news-widget-skin-img {
    max-width: 100%;
    transform: scale(1);
    transition: .2s ease
}

.skin-widget-wide .skin-widget-wide-top {
    background: var(--alternate-background-color);
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 700;
    box-sizing: border-box;
    flex: 1 auto;
    justify-content: flex-start;
    padding: 8px 8px 8px 16px
}

.skin-widget-wide .skin-cta {
    height: 32px;
    background: var(--cta-color);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--cta-text-color);
    padding: 0 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.skin-widget-wide .skin-price {
    font-size: 10px;
    margin-top: 4px;
    opacity: .65;
    color: #fff;
    margin-bottom: -9px
}

.skin-widget-wide .skin-price-tag {
    color: #fff;
    font-size: 20px
}

.skin-widget-wide .skin-widget-wide-top-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.skin-widget-wide .skin-widget-wide-top-left {
    flex: 0 0 130px
}

.skin-widget-wide .skin-widget-stattrak {
    color: #cf6a32;
    font-size: 10px;
    margin-bottom: -8px
}

.skin-widget-wide .skin-widget-title {
    color: #fff;
    font-size: 14px;
    max-width: 100%
}

.skin-widget-wide .skin-widget-wide-bottom {
    flex: 0 0 200px;
    width: 200px;
    background: var(--background-color);
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.skin-widget-wide .skin-widget-wide-provider-img {
    max-width: 90%
}

.sidebar-skin-small-1 {
    --ctaColor: #2b6ea4;
    --ctaColorHover: #215e8f;
    --ctaTextColor: #fff;
    --rowColor: hsla(0, 0%, 100%, 0.1);
    --rowTextColor: #fff;
    --background-color: #2b2f30;
    --dateColor: #fff;
    --discount-bg-color: #2b6ea4;
    --discount-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    max-height: 140px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--background-color);
    color: #fff
}

.sidebar-skin-small-1:hover {
    color: #fff !important;
    filter: brightness(1.1)
}

.sidebar-skin-small-1 .sidebar-skin-img-container {
    width: 100%;
    height: 87px;
    position: relative;
    top: -4px;
    display: flex;
    justify-content: center
}

.sidebar-skin-small-1 .sidebar-skin-price-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    position: relative;
    top: -3px
}

.sidebar-skin-small-1 .sidebar-skin-img {
    max-width: 116px;
    position: absolute;
    top: 0
}

.sidebar-skin-small-1 .sidebar-skin-provider-container {
    background: var(--rowColor);
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sidebar-skin-small-1 .sidebar-skin-provider {
    max-width: 85%
}

.sidebar-skin-small-1 .sidebar-skin-price {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    align-items: center;
    gap: 4px
}

.sidebar-skin-small-1 .sidebar-skin-discount-wrapper {
    background: var(--discount-bg-color);
    color: var(--discount-color);
    border-radius: 3px;
    position: relative;
    transform: skewX(-15deg);
    height: 18px;
    padding: 0 3px
}

.sidebar-skin-small-1 .sidebar-skin-discount {
    font-size: 11px;
    transform: skewX(15deg)
}

.sidebar-skin-small-1 .sidebar-skin-cta {
    background: var(--ctaColor);
    padding: 0 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700
}

.fbw-flex-wrapper {
    max-height: 100%;
    display: flex;
    flex-basis: 100%
}

.fbw-container {
    --font-weight-bold: 400;
    --font-weight-bolder: 700;
    --skew-deg: -16deg;
    --skew-deg-offset: calc(var(--skew-deg)*-1);
    --container-border-radius: 6px;
    --header-background-color: #00c7b1;
    --odds-box-background-color: #fff;
    --header-time-text-color: #003c35;
    --header-text-color: #000;
    --team-text-color: #000;
    --odds-text-color: #000;
    --background-color: #000;
    flex-basis: inherit;
    overflow-x: hidden;
    background-color: var(--background-color);
    display: flex;
    flex-direction: row;
    align-items: center
}

.fbw-container .fbw-spacer {
    width: 2%;
    flex-shrink: 0
}

.fbw-container .fbw-logo-container {
    display: flex;
    flex: 0 0 25%;
    align-self: stretch
}

.fbw-container .fbw-logo-container img {
    width: 100%;
    max-height: 60%;
    align-self: center
}

.fbw-container .fbw-boxes-container {
    display: flex;
    box-sizing: border-box;
    flex: 1;
    padding: 5px 0;
    align-items: center;
    height: 100%
}

.fbw-container .fbw-boxes-container .fbw-boxes-spacer {
    width: 3%;
    flex-shrink: 0
}

.fbw-container .fbw-vp-container {
    transform: skew(var(--skew-deg));
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: 11px;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
    max-height: 65px;
    overflow-x: hidden
}

.fbw-container .fbw-vp-container:hover {
    filter: brightness(1.1)
}

.fbw-container .fbw-vp-container .fbw-vp-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: var(--header-background-color);
    border-top-left-radius: var(--container-border-radius);
    border-top-right-radius: var(--container-border-radius);
    box-sizing: border-box;
    padding-left: 6px;
    align-items: center;
    font-size: 9px;
    font-weight: var(--font-weight-bolder);
    min-height: 23%;
    color: var(--header-text-color) !important
}

.fbw-container .fbw-vp-container .fbw-vp-live-indicator {
    flex-grow: 1
}

.fbw-container .fbw-vp-container .fbw-vp-header-time {
    padding-right: 5px;
    transform: skew(var(--skew-deg-offset));
    color: var(--header-time-text-color) !important
}

.fbw-container .fbw-vp-container .fbw-vp-body {
    background-color: var(--odds-box-background-color);
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: var(--container-border-radius);
    border-bottom-right-radius: var(--container-border-radius);
    box-sizing: border-box;
    flex-grow: 1;
    justify-content: space-around
}

.fbw-container .fbw-vp-container .fbw-vp-team-line {
    display: flex;
    flex-direction: row;
    width: 100%;
    transform: skew(var(--skew-deg-offset));
    height: var(--team-line-height);
    align-items: center;
    padding-left: 4px;
    padding-right: 5px;
    box-sizing: border-box
}

.fbw-container .fbw-vp-container .fbw-vp-team-line-info {
    display: flex;
    flex-direction: row;
    font-weight: var(--font-weight-bolder);
    align-items: center;
    -moz-column-gap: 3px;
    column-gap: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    color: var(--team-text-color) !important
}

.fbw-container .fbw-vp-container .fbw-vp-team-line-info .fbw-vp-team-line-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.fbw-container .fbw-vp-container .fbw-vp-team-line-flag.round-flag-container {
    min-width: 1rem
}

.fbw-container .fbw-vp-container .fbw-vp-team-line-flag.round-flag-container img {
    height: 1rem;
    width: 1rem;
    max-width: none
}

.fbw-container .fbw-vp-container .fbw-vp-header-match-type {
    transform: skew(var(--skew-deg-offset))
}

.fbw-container .fbw-vp-container .fbw-vp-team-line-odds {
    font-weight: var(--font-weight-bolder);
    color: var(--odds-text-color) !important
}

.v-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
    width: inherit
}

.horizontal-widget {
    --mainWidgetColor: #364250;
    --match-box-background-color: #364250;
    --secondaryWidgetColor: #2d3844;
    --widgetButtonColor: #435971;
    --widgetButtonTextColor: #fff;
    --widgetTeamAndDateColor: #fff;
    --borderRadius: 4px;
    --oddsFontStyle: normal;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    overflow: hidden;
    background-color: var(--mainWidgetColor);
    display: flex;
    height: 100%;
    flex-direction: row;
    width: 100%
}

.horizontal-widget .horizontal-widget-spacer {
    flex-shrink: 0;
    width: 2%
}

.horizontal-widget .horizontal-widget-Header {
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    align-self: stretch;
    flex: 0 0 25%
}

.horizontal-widget .horizontal-widget-HeaderImg {
    width: 100%;
    align-self: center
}

.horizontal-widget .horizontal-widget-Body {
    background-color: var(--secondaryWidgetColor);
    display: grid;
    grid-column-gap: 20px;
    box-sizing: border-box;
    padding-right: 8px;
    flex-grow: 1
}

.horizontal-widget .horizontal-widget-BContainer {
    display: flex;
    flex-direction: column;
    background-color: var(--match-box-background-color);
    border-radius: var(--borderRadius);
    color: var(--widgetTeamAndDateColor);
    cursor: pointer;
    margin-top: 16px;
    margin-bottom: 24px
}

.horizontal-widget .horizontal-widget-BContainer:hover {
    color: var(--widgetTeamAndDateColor) !important;
    filter: brightness(1.1)
}

.horizontal-widget .horizontal-widget-BContainerTeamname {
    padding: 0 8px;
    font-weight: 700;
    text-align: center;
    font-size: 11px
}

.horizontal-widget .horizontal-widget-BContainerBody,
.horizontal-widget .horizontal-widget-BContainerFooter {
    display: grid;
    grid-template-columns: 1fr 26px 1fr
}

.horizontal-widget .horizontal-widget-BContainerImg {
    max-height: 100%;
    max-width: 100%
}

.horizontal-widget .horizontal-widget-BContainerImgContainer {
    display: flex;
    max-height: 28px;
    max-width: 28px;
    min-height: 12px;
    min-width: 12px;
    aspect-ratio: 1;
    margin: 8px auto 4px;
    align-items: center;
    justify-content: center
}

.horizontal-widget .horizontal-widget-BContainerFooterButton {
    background-color: var(--widgetButtonColor);
    width: 70%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    border-radius: var(--borderRadius);
    position: relative;
    top: 8px;
    font-weight: 1000;
    color: var(--widgetButtonTextColor) !important;
    font-size: 12px;
    font-style: var(--oddsFontStyle)
}

.horizontal-widget .horizontal-widget-BContainerCenter {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column
}

.horizontal-widget .horizontal-widget-BContainerDate {
    margin-top: 16px;
    font-size: 9px;
    opacity: .65
}

.horizontal-widget .horizontal-widget-BContainerTime {
    font-size: 8.5px;
    font-weight: 700
}

.horizontal-widget .horizontal-widget-FooterTerms {
    color: var(--widgetButtonTextColor);
    opacity: .65;
    text-align: center;
    font-size: 11px;
    margin-top: 5px;
    grid-row: 3;
    line-height: 9px
}

.horizontal-widget .horizontal-widget-cta-container {
    position: relative;
    z-index: 1;
    width: 100%;
    grid-row: 2
}

.horizontal-widget .horizontal-widget-cta-wrapper {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: 1fr auto 1fr;
    grid-template-columns: 100%
}

.horizontal-widget .horizontal-widget-FooterCTA {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    color: var(--widgetButtonTextColor) !important;
    width: 100%;
    height: 42px;
    text-align: center;
    font-style: var(--oddsFontStyle);
    font-weight: 700;
    font-size: 24px;
    margin: 0 auto;
    background-color: var(--widgetButtonColor);
    border-radius: var(--borderRadius);
    display: block;
    cursor: pointer
}

.horizontal-widget .horizontal-widget-FooterCTA:hover {
    color: var(--widgetButtonTextColor) !important;
    filter: brightness(1.1)
}

.horizontal-widget.narrow {
    width: 160px
}

.horizontal-widget.narrow .horizontal-widget-Header {
    height: 35px;
    max-width: 100%;
    padding: 0
}

.horizontal-widget.narrow .horizontal-widget-BContainerBody {
    grid-template-columns: 1fr 1fr
}

.horizontal-widget.narrow .horizontal-widget-BContainerLeft,
.horizontal-widget.narrow .horizontal-widget-BContainerRight {
    font-size: 9px
}

.horizontal-widget.narrow .horizontal-widget-BContainerTeamname {
    padding: 0 4px
}

.horizontal-widget.narrow .horizontal-widget-BContainerFooter {
    grid-template-columns: 1fr 1fr
}

.horizontal-widget.narrow .horizontal-widget-BContainerLeft.horizontal-widget-BContainerFooterButton,
.horizontal-widget.narrow .horizontal-widget-BContainerRight.horizontal-widget-BContainerFooterButton {
    width: 53px;
    height: 21px;
    line-height: 21px;
    top: 7px
}

.horizontal-widget.narrow .horizontal-widget-FooterTerms {
    font-size: 9px
}

.horizontal-widget.narrow a.horizontal-widget-FooterCTA {
    width: 160px;
    height: 34px;
    font-size: 16px;
    line-height: 30px
}

.horizontal-widget.narrow .horizontal-widget-FooterTerms {
    top: -16px
}

.oxVVUdvP123Gazx-tp {
    background: #282e38 !important
}

.oxVVUdvP123Gazx-tp .oxVVUdvP123Gazx-cta {
    background: none !important;
    border: 2px solid #16bdf9 !important;
    border-radius: 38px
}

.oxVVUdvP123Gazx-tp .match-time {
    background: #16bdf9 !important
}

.oxVVUdvP123Gazx-tp .team1,
.oxVVUdvP123Gazx-tp .team2 {
    background-image: linear-gradient(90deg, #277ba0, #277ba0 33%, rgba(5, 65, 70, 0)) !important
}

.column-multiple-oxVVUdvP123Gazx.thunderpick {
    background-color: inherit;
    background: linear-gradient(259.36deg, #222a33 17.63%, #3b434d 93.68%)
}

.column-multiple-oxVVUdvP123Gazx.thunderpick .versus {
    background-color: #16bdf9 !important
}

.column-multiple-oxVVUdvP123Gazx.thunderpick .gg-oxVVUdvP123Gazx-logo-container {
    background-color: inherit !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important
}

.column-multiple-oxVVUdvP123Gazx.thunderpick .odds {
    color: #fff !important
}

.column-multiple-oxVVUdvP123Gazx.thunderpick .odds:after {
    border: 3px solid #16bdf9 !important;
    background: #1c7293 !important
}

.smartphone-top-widget.thunderpick {
    --ctaColor: #16bdf9;
    --ctaTextColor: #000;
    --rowColor: #1c7293;
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: linear-gradient(259.36deg, #222a33 17.63%, #3b434d 93.68%)
}

.smartphone-top-widget.thunderpick .smartphone-top-widget-match-row {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--ctaColor)
}

.smartphone-top-widget.thunderpick .smartphone-top-widget-provider-logo {
    max-width: 130px;
    margin-top: 8px
}

.smartphone-top-widget.thunderpick .smartphone-top-widget-right {
    padding-top: 2px;
    padding-bottom: 4px
}

.smartphone-top-widget.thunderpick .smartphone-top-widget-match-row {
    height: 26px
}

.thunderpick-firstcol-box,
.thunderpick-firstcol-box-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    position: relative;
    height: 145px;
    overflow: hidden;
    display: block;
    background-color: #0a0e17
}

.thunderpick-firstcol-box-container .thunderpick-firstcol-box-bg,
.thunderpick-firstcol-box .thunderpick-firstcol-box-bg {
    position: absolute;
    left: 5px;
    top: 24px
}

.thunderpick-firstcol-box-container.thunderpick-1 .team,
.thunderpick-firstcol-box.thunderpick-1 .team {
    padding-left: 28px
}

.thunderpick-firstcol-box-container .top-logo,
.thunderpick-firstcol-box .top-logo {
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.thunderpick-firstcol-box-container .top-logo img,
.thunderpick-firstcol-box .top-logo img {
    height: 19px
}

.thunderpick-firstcol-box-container .team-name,
.thunderpick-firstcol-box .team-name {
    max-width: 100%
}

.thunderpick-firstcol-box-container .mid,
.thunderpick-firstcol-box .mid {
    position: absolute;
    width: 85%;
    color: #fff;
    left: 27px
}

.thunderpick-firstcol-box-container .teamodds,
.thunderpick-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.thunderpick-firstcol-box-container .teamodds .team-odds,
.thunderpick-firstcol-box .teamodds .team-odds {
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #222a33;
    border-radius: 4px;
    height: 54px
}

.thunderpick-firstcol-box-container .teamodds .team-odds:first-child,
.thunderpick-firstcol-box .teamodds .team-odds:first-child {
    margin-bottom: 6px
}

.thunderpick-firstcol-box-container .teamodds .team-odds:hover,
.thunderpick-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.thunderpick-firstcol-box-container .teamodds .team-odds:hover .team-odds-odds,
.thunderpick-firstcol-box .teamodds .team-odds:hover .team-odds-odds {
    background-color: #16bdf9
}

.thunderpick-firstcol-box-container .teamodds .team-odds-odds,
.thunderpick-firstcol-box .teamodds .team-odds-odds {
    margin-top: 3px;
    margin-bottom: 6px;
    width: calc(100% - 16px);
    text-align: center;
    background-color: #1c7293;
    border: 2px solid #16bdf9;
    border-radius: 100px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff
}

.thunderpick-firstcol-box-container .teamodds .team-vs,
.thunderpick-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.thunderpick-firstcol-box-container .teamodds .team-logo-container,
.thunderpick-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.thunderpick-firstcol-box-container .teamodds .team-name,
.thunderpick-firstcol-box .teamodds .team-name {
    font-weight: 700
}

.thunderpick-firstcol-box-container .teamodds .team-logo,
.thunderpick-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.thunderpick-firstcol-box-container.thunderpick-2 .round-flag-container,
.thunderpick-firstcol-box.thunderpick-2 .round-flag-container {
    display: flex;
    height: 36px;
    width: 36px;
    margin: 10px auto 4px;
    align-items: center;
    justify-content: center
}

.thunderpick-firstcol-box-container.thunderpick-2 .mid,
.thunderpick-firstcol-box.thunderpick-2 .mid {
    top: 30px
}

.thunderpick-firstcol-box-container.thunderpick-2 .top-logo,
.thunderpick-firstcol-box.thunderpick-2 .top-logo {
    background-color: #222a33;
    height: 30px
}

.thunderpick-firstcol-box-container.thunderpick-2 .team-name,
.thunderpick-firstcol-box.thunderpick-2 .team-name {
    margin: 4px 0
}

.thunderpick-firstcol-box-container.thunderpick-2 .teamodds,
.thunderpick-firstcol-box.thunderpick-2 .teamodds {
    flex-direction: row
}

.thunderpick-firstcol-box-container.thunderpick-2 .teamodds:after,
.thunderpick-firstcol-box.thunderpick-2 .teamodds:after {
    content: "VS";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 9px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    font-style: italic;
    opacity: .15
}

.thunderpick-firstcol-box-container.thunderpick-2 .teamodds .team-odds,
.thunderpick-firstcol-box.thunderpick-2 .teamodds .team-odds {
    height: inherit;
    background-color: inherit
}

.thunderpick-firstcol-box-container.thunderpick-2 .teamodds .team-odds:first-child,
.thunderpick-firstcol-box.thunderpick-2 .teamodds .team-odds:first-child {
    margin-bottom: 0
}

.slider-oxVVUdvP123Gazx-box.lootbe {
    height: 280px;
    overflow: hidden;
    background-image: radial-gradient(172.17px 198.9px at 96.92px -4.03px, #1c2023 1%, #0b0b0c 100%);
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slider-oxVVUdvP123Gazx-box.lootbe:hover {
    color: inherit !important
}

.slider-oxVVUdvP123Gazx-box.lootbe a,
.slider-oxVVUdvP123Gazx-box.lootbe a:hover {
    color: #fff
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-bottom-section {
    display: flex;
    justify-content: center
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-bottom-section-button {
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    width: calc(100% + 18px);
    margin-top: 9px;
    margin-left: -10px;
    margin-right: -20px;
    font-weight: 700;
    background-image: linear-gradient(#00cf84, #00673f);
    background-color: #00cf84;
    color: #fff;
    border: 1px solid #49b38b;
    cursor: pointer;
    outline: none;
    text-align: center;
    align-items: center
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-bottom-section-button:hover {
    background-image: linear-gradient(#08e897, #01804e);
    color: #fff !important
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-section-top-text {
    color: #fff !important;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 0;
    display: block
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-section-teaser-text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 2px;
    color: #fff !important;
    opacity: .65;
    display: block
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-section-teaser-text2 {
    text-align: center;
    font-size: 9px;
    line-height: 15px;
    margin-top: 4px;
    color: #fff !important;
    display: block
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-section-teaser-text2:hover {
    color: #fff
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-scale-img {
    width: 140px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    right: -4px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-container {
    display: flex;
    flex-direction: column;
    padding: 2px;
    position: relative;
    margin: 0 8px 8px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-trench {
    position: absolute;
    width: 150px;
    left: -2px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-top {
    transform: rotate(90deg);
    width: 0
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-bottom {
    background-color: #040404;
    padding: 4px 2px;
    border: 1px solid #29282f;
    margin-top: 8px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-text {
    color: #ffa200;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-shadow: 0 0 15px #ffa200
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-sub-text {
    color: #fff;
    line-height: 14px;
    margin-left: 4px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-row {
    display: flex;
    flex: 1 auto;
    height: 100%;
    align-items: flex-end;
    justify-content: center
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-row.bonus-row-big {
    height: 60px;
    align-items: center;
    flex-direction: column
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-row.bonus-row-big .slider-mid-bonus-text {
    font-size: 32px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-row.bonus-row-big .slider-mid-bonus-sub-text {
    position: relative;
    top: 8px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-left {
    flex: 1 0 90px;
    display: flex;
    flex-direction: column;
    margin-left: 2px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-middle {
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-bonus-right {
    flex: 0 0 10px;
    overflow: hidden;
    position: relative
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-animation {
    position: absolute;
    bottom: 8px;
    width: 10px;
    height: 35px;
    animation: loot-keyframes 2.5s linear 0s infinite normal forwards
}

@keyframes loot-keyframes {
    0% {
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }

    20% {
        opacity: .5;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }

    40% {
        opacity: .5;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }

    60% {
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }

    to {
        opacity: 0;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear
    }
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-mid-section-border {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #131517 10%, #ffa200 50%, #131517 90%)
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-top-section {
    background-color: #000;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-top-section .slider-top-section-logo {
    height: 24px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 9px;
    border-radius: 2px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    width: 139px;
    transform: translate3d(-67px, -75px, 0) rotate(-90deg);
    left: 0;
    position: relative;
    top: 4px
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 10px;
    border-radius: 2px;
    background: linear-gradient(180deg, #fb9e00, #bd5800)
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-input::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25px;
    height: 10px;
    border-radius: 2px;
    background: linear-gradient(180deg, #fb9e00, #bd5800)
}

.slider-oxVVUdvP123Gazx-box.lootbe .slider-input:hover::-webkit-slider-thumb {
    filter: brightness(1.1)
}

.featured-match-oxVVUdvP123Gazx-container.lootbet {
    overflow: hidden
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .featured-match-oxVVUdvP123Gazx {
    background-image: url(/img/newwidgets/lootbet/lootbet_widget_bg.png);
    background-position: 110px 45%
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container.lootbet .featured-match-oxVVUdvP123Gazx {
        background-position: 0 45%
    }
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .bet-now,
.featured-match-oxVVUdvP123Gazx-container.lootbet .team-logo-square-box,
.featured-match-oxVVUdvP123Gazx-container.lootbet .team-name,
.featured-match-oxVVUdvP123Gazx-container.lootbet .vs {
    background-color: #110c19 !important
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .team-odds {
    color: #110c19 !important;
    background-color: #00d487 !important
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .extraBox {
    display: block;
    position: absolute;
    width: 213px;
    height: 100%;
    background-color: #110c19;
    left: -20px;
    top: 0;
    z-index: 1;
    transform: skew(-20deg)
}

@media (max-width:500px) {
    .featured-match-oxVVUdvP123Gazx-container.lootbet .extraBox {
        display: none
    }
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .provider {
    z-index: 2
}

.featured-match-oxVVUdvP123Gazx-container.lootbet .provider-logo-container {
    margin-left: 3px;
    margin-top: 10px
}

.lb-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx {
    background-color: #12171d
}

.lb-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    border-bottom: 1px solid #212834
}

.lb-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    background: linear-gradient(180deg, #29323a 0, #222a31) #29323a;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05), 0 1px 2px 0 rgba(0, 0, 0, .57)
}

.lb-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background: #06b97c linear-gradient(180deg, #06b97c, #0d966e 89%);
    box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .23), 0 0 10px 1px rgba(0, 212, 135, .7)
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing {
    background-color: #12171d
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-logo {
    padding: 0 8px
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-logo img {
    width: 100%
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .oxVVUdvP123Gazx-upcoming-match:hover .team1,
.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .oxVVUdvP123Gazx-upcoming-match:hover .team2 {
    background: #06b97c linear-gradient(180deg, #06b97c, #0d966e 89%);
    box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .23), 0 0 10px 1px rgba(0, 212, 135, .7)
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .oxVVUdvP123Gazx-upcoming-match:hover .team-odds {
    border-left: 1px solid #0dbb81
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team1,
.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team2 {
    transition: .2s ease;
    background: linear-gradient(180deg, #29323a 0, #222a31) #29323a;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05), 0 1px 2px 0 rgba(0, 0, 0, .57);
    padding: 2px 0
}

.preload .oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team1,
.preload .oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team2 {
    transition: initial !important
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team1 .team-odds,
.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team2 .team-odds {
    height: 22px
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team2 {
    border-radius: 0 0 3px 3px
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team1 {
    border-bottom: #1e252d;
    border-radius: 3px 3px 0 0
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team1 .match-time {
    border-radius: 3px;
    background: linear-gradient(180deg, #505c67 0, #47525d) #29323a;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05), 0 1px 2px 0 rgba(0, 0, 0, .57)
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches .team-odds {
    border-left: 1px solid #373f46
}

.oxVVUdvP123Gazx-lootbet.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta {
    background: #06b97c linear-gradient(180deg, #06b97c, #0d966e 89%);
    box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .23), 0 0 10px 1px rgba(0, 212, 135, .7);
    border-radius: 3px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-content-teams {
    margin-bottom: 8px;
    margin-top: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 2px;
    position: relative
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-content-teams:after {
    content: "vs";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    opacity: .33;
    font-size: 24px;
    font-weight: 700;
    pointer-events: none
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 35px !important;
    width: 35px !important
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-odds {
    margin-top: 10px !important
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe,
.column-oxVVUdvP123Gazx-box.lootbe {
    height: 230px;
    overflow: hidden;
    background-color: #1a1e28;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .flex,
.column-oxVVUdvP123Gazx-box.lootbe .flex {
    display: flex !important
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe a:hover,
.column-oxVVUdvP123Gazx-box.lootbe a:hover {
    color: #fff !important
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-alt-bg,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-alt-bg {
    background-color: #0f1419;
    color: #fff;
    margin: 0 16px 16px;
    justify-content: center;
    text-align: center;
    border-radius: 5px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-row,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-row {
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-welcome-text,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-welcome-text {
    font-size: 11px;
    text-align: center;
    font-weight: 700
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-row-alt-color,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-row-alt-color {
    color: #00df86;
    margin-right: 4px;
    font-weight: 700
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-circle,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-circle {
    position: relative
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-circle:after,
.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-circle:before,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-circle:after,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-circle:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    background-color: #00df86;
    border-radius: 10px;
    top: 7px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-circle:after,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-circle:after {
    left: 8px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .oxVVUdvP123Gazx-circle:before,
.column-oxVVUdvP123Gazx-box.lootbe .oxVVUdvP123Gazx-circle:before {
    right: 8px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-header,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #0f1419
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-header-text,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-header-text {
    opacity: .75;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: -6px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-header-img,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-header-img {
    max-width: 102px;
    padding: 3px 5px 2px 8px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-content,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-content {
    display: flex;
    flex-direction: column;
    background-size: cover
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-content-teams,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-content-teams {
    display: flex;
    flex-direction: row;
    margin-top: 1px
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-team {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team .column-oxVVUdvP123Gazx-box-odds,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-team .column-oxVVUdvP123Gazx-box-odds {
    background: linear-gradient(180deg, #29323a 0, #222a31) #29323a;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05), 0 1px 2px 0 rgba(0, 0, 0, .57);
    border-radius: 3px;
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team .column-oxVVUdvP123Gazx-box-odds:hover,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-team .column-oxVVUdvP123Gazx-box-odds:hover {
    background: linear-gradient(180deg, #06b97c 0, #0d966e 89%) #06b97c;
    box-shadow: 0 5px 2px 0 rgba(0, 0, 0, .23), 0 0 10px 1px rgba(0, 212, 135, .7);
    text-shadow: none
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 25px;
    margin: 4px auto 0
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-team-logo,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-bonus,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-bonus {
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-bonus-text,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-bonus-text {
    opacity: .65;
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -3px;
    text-align: center
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-odds,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-odds {
    display: inline-block;
    text-align: center;
    background-color: #fcee21;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 6px auto;
    position: relative;
    box-shadow: inset 0 1px 0 0 #fffbc8, inset 0 -1px 0 0 #6b6509
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-odds:hover,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-odds:hover {
    background-color: #668cff
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-bonus-container,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-bonus-container {
    background: #2a3140;
    box-shadow: inset 0 1px 0 0 #373f52, inset 0 -1px 0 0 #0d121c;
    border-radius: 4px;
    width: 90px;
    display: inline-flex;
    margin: 8px auto;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-cta,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-cta {
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    height: 25px;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: 116px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(180deg, #09b177 0, #0d966e 89%) #09b177;
    box-shadow: 0 5px 9px 1px rgba(0, 0, 0, .23);
    text-shadow: none !important
}

.column-oxVVUdvP123Gazx-bonus-box.lootbe .column-oxVVUdvP123Gazx-box-cta:hover,
.column-oxVVUdvP123Gazx-box.lootbe .column-oxVVUdvP123Gazx-box-cta:hover {
    background: linear-gradient(180deg, #09b177 0, #0d966e 89%) #09b177;
    box-shadow: 0 5px 9px 1px rgba(0, 0, 0, .23);
    text-shadow: none !important
}

.featured-match-oxVVUdvP123Gazx-container.bet365 .bet-now,
.featured-match-oxVVUdvP123Gazx-container.bet365 .team-name,
.featured-match-oxVVUdvP123Gazx-container.bet365 .team-odds,
.featured-match-oxVVUdvP123Gazx-container.bet365 .vs {
    background-color: #14805e !important
}

.featured-match-oxVVUdvP123Gazx-container.bet365 .team-logo-square-box {
    background-color: #0e5f45 !important
}

.oxVVUdvP123Gazx-bet365 {
    background: #666 !important;
    padding: 10px 10px 5px !important
}

.oxVVUdvP123Gazx-bet365 .oxVVUdvP123Gazx-cta {
    background: none !important;
    border: 2px solid #0e5f45 !important;
    border-radius: 38px
}

.oxVVUdvP123Gazx-bet365 .oxVVUdvP123Gazx-logo {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    background-color: #14805e !important;
    text-align: center
}

.oxVVUdvP123Gazx-bet365 .oxVVUdvP123Gazx-logo img {
    width: 90px;
    padding: 13px 0
}

.oxVVUdvP123Gazx-bet365 .match-time {
    background: #0e5f45 !important
}

.oxVVUdvP123Gazx-bet365 .team1 {
    border-radius: 4px 4px 0 0
}

.oxVVUdvP123Gazx-bet365 .team2 {
    border-radius: 0 0 4px 4px
}

.oxVVUdvP123Gazx-bet365 .team1,
.oxVVUdvP123Gazx-bet365 .team2 {
    background-image: linear-gradient(90deg, #14805e, #14805e 33%, #14805e) !important
}

.oxVVUdvP123Gazx-bet365 .team1 .team-name,
.oxVVUdvP123Gazx-bet365 .team2 .team-name {
    width: 96px !important
}

.oxVVUdvP123Gazx-bet365 .oxVVUdvP123Gazx-cta {
    border: 0 !important;
    border-radius: 2px !important;
    background: #ffdf1b !important;
    color: #000 !important
}

.article-matches-oxVVUdvP123Gazx.bet365-oxVVUdvP123Gazx {
    background-color: #333
}

.article-matches-oxVVUdvP123Gazx.bet365-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    background-color: #14805e !important;
    border-bottom: 1px solid #229a74
}

.article-matches-oxVVUdvP123Gazx.bet365-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-bet-button {
    background-color: #14805e !important
}

.article-matches-oxVVUdvP123Gazx.bet365-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-bet-button:hover {
    background-color: #0e5f45 !important
}

.featured-match-oxVVUdvP123Gazx-container.thunderfire .bet-now-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center
}

.oxVVUdvP123Gazx-unibet {
    background: #147b45 !important;
    padding: 10px 10px 5px !important
}

.oxVVUdvP123Gazx-unibet .oxVVUdvP123Gazx-cta {
    background: none !important;
    border: 2px solid #0e5f31 !important;
    border-radius: 38px
}

.oxVVUdvP123Gazx-unibet .oxVVUdvP123Gazx-logo img {
    max-width: 100%
}

.oxVVUdvP123Gazx-unibet .match-time {
    background: #0e5f31 !important
}

.oxVVUdvP123Gazx-unibet .team1,
.oxVVUdvP123Gazx-unibet .team2 {
    background-image: linear-gradient(90deg, #0e5f31, #0e5f31 33%, transparent) !important
}

.oxVVUdvP123Gazx-unibet .team1 .team-name,
.oxVVUdvP123Gazx-unibet .team2 .team-name {
    width: 96px !important
}

.oxVVUdvP123Gazx-unibet .oxVVUdvP123Gazx-cta {
    border: 0 !important;
    background: #ffe71e !important;
    color: #333 !important
}

.parimatch-widget-wide {
    position: relative;
    padding-top: 18.4952978056%;
    height: 0;
    overflow: hidden;
    display: block;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

@media (max-width:500px) {
    .parimatch-widget-wide {
        display: none
    }
}

.parimatch-widget-wide .parimatch-widget-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 100%;
    height: 118px;
    background-color: #281901
}

.parimatch-widget-wide .parimatch-widget-match-container {
    position: absolute;
    top: 0;
    left: 23%;
    width: 40%;
    height: 100%;
    display: flex;
    color: #fff !important;
    font-style: italic;
    margin-top: -4p;
    box-sizing: border-box
}

.parimatch-widget-wide .parimatch-widget-match {
    flex: 0 0 43%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.parimatch-widget-wide .parimatch-widget-match .team-name-container {
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-bottom: 8px
}

.parimatch-widget-wide .parimatch-widget-match .team-name {
    font-weight: 700;
    font-size: 14px;
    max-width: 90%;
    text-align: center;
    text-transform: uppercase
}

.parimatch-widget-wide .parimatch-widget-match-vs {
    flex: 0 0 14%;
    display: flex;
    align-items: center;
    font-size: 22px;
    justify-content: center;
    font-weight: 700;
    flex-direction: column;
    position: relative;
    bottom: -24px
}

.parimatch-widget-wide .starttime {
    font-size: 14px
}

.parimatch-widget-wide .startdate {
    font-size: 10px
}

.parimatch-widget-wide .team-odds {
    position: relative;
    color: #000 !important;
    z-index: 1;
    margin-left: -10px
}

.parimatch-widget-wide .team-odds:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #f8fe14;
    width: 60px;
    height: 40px;
    top: 0;
    left: 0;
    z-index: 0;
    transform: skew(-10deg);
    border-bottom: 1px solid #a3a20c
}

.parimatch-widget-wide .team-odds .odds {
    z-index: 1;
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    width: 58px;
    line-height: 40px
}

.oxVVUdvP123Gazx-parimatch {
    position: relative;
    padding: 8px;
    padding-top: 0 !important;
    background-color: #353432;
    height: 122px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    align-items: flex-start
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-header {
    margin-left: -8px;
    margin-right: -8px;
    width: 100%;
    padding: 3px 8px 5px;
    text-align: center;
    height: 40px;
    background: #000;
    border-color: hsla(0, 0%, 100%, .1) transparent hsla(0, 0%, 100%, .2);
    border-style: solid;
    border-width: 1px 0
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-logo {
    height: 24px;
    align-self: center
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 100%
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches .team-container {
    height: 38px;
    flex: 0 1 40%
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches .team-container:first-child {
    margin-left: 4px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches .team-container:last-child {
    margin-right: 4px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches .team-container .logo-container {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-matches .team-container .logo-container .team-logo {
    max-width: 38px;
    max-height: 38px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds {
    height: 100%;
    margin-top: 6px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .versus {
    background-color: #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 37px;
    font-size: 9px;
    font-weight: 700;
    width: 35px;
    left: 47px;
    text-align: center
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .odds {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 56px;
    padding-top: 4px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    z-index: 3;
    color: #4b4b4b;
    height: 23px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .odds:hover:after {
    background: #faeb00
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .odds:last-child {
    margin-left: 17px
}

.oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .odds:after {
    background: #f8fe14;
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 3px solid #000;
    border-radius: 7px;
    box-sizing: border-box;
    transition: .2s ease
}

.preload .oxVVUdvP123Gazx-parimatch .oxVVUdvP123Gazx-parimatch-odds .odds-container .odds:after {
    transition: initial !important
}

.uSrGQNfoxo.pari-match {
    background-color: #353432
}

.uSrGQNfoxo.pari-match .featured-matches-provider:after {
    background-color: #000
}

.uSrGQNfoxo.pari-match .featured-matches-top-team-number {
    background-color: #f8ff13 !important;
    color: #000 !important
}

.uSrGQNfoxo.pari-match .featured-matches-top-next-slider {
    background-color: #353432 !important;
    color: #f8ff13 !important
}

.matchesTallWidget.pari-match {
    --mainWidgetColor: #000;
    --secondaryWidgetColor: #353432;
    --widgetButtonColor: #f8ff13;
    --widgetButtonTextColor: #000
}

.matchesTallWidget.pari-match .matchesTallWidgetHeader {
    height: 75px;
    padding: 4px;
    box-sizing: border-box
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .gg-oxVVUdvP123Gazx-logo-container {
    background-color: #000 !important;
    border-bottom: 1px solid #353432 !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-team {
    background-color: #353432 !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-match-header {
    background-color: #000 !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-container-bottom {
    background-color: #353432 !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-team-number {
    color: #f8fe14 !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-container-bottom-text {
    background: #f8fe14 !important;
    box-shadow: none !important;
    color: #000 !important;
    width: 100px !important
}

.column-scrollable-oxVVUdvP123Gazx.parimatch .column-scrollable-container-bottom-text:hover {
    color: #000 !important;
    background: #faeb00 !important
}

.parimatch-firstcol-box {
    height: 280px;
    overflow: hidden;
    background: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 160px
}

@media (max-width:500px) {
    .parimatch-firstcol-box {
        margin: 0 auto
    }
}

.parimatch-firstcol-box .bg {
    position: absolute;
    width: 100%
}

.parimatch-firstcol-box .mid {
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    top: 62px
}

.parimatch-firstcol-box .bottom-cta {
    position: relative;
    top: 180px;
    z-index: 1
}

.parimatch-firstcol-box .bottom-cta .cta-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.parimatch-firstcol-box .bottom-cta .cta-wrapper .cta {
    color: #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-size: 14px
}

.parimatch-firstcol-box .team-name {
    color: #fff !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.parimatch-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.parimatch-firstcol-box .teamodds:hover {
    cursor: pointer;
    filter: brightness(1.3)
}

.parimatch-firstcol-box .teamodds .team-odds {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 4px;
    height: 52px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.parimatch-firstcol-box .teamodds .team-odds:last-child {
    position: absolute;
    top: 106px
}

.parimatch-firstcol-box .teamodds .team-odds:hover {
    background-color: rgba(0, 0, 0, .9)
}

.parimatch-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 10px);
    text-align: center;
    background-color: #f8ff13;
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #000
}

.parimatch-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.parimatch-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.parimatch-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.parimatch-firstcol-box .bottom {
    display: flex;
    width: calc(100% - 10px);
    justify-content: center;
    height: 29px;
    background-color: #4e4ad8;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 4px;
    align-items: center
}

.parimatch-firstcol-box .bottom:hover {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #544fe3;
    cursor: pointer
}

.smartphone-bottom-widget.parimatch {
    background: #000 url(/img/newwidgets/parimatch/parimatch-smartphone-bottom-bg.png) no-repeat;
    background-size: cover
}

.firstcol-small-box.parimatch {
    background-color: #353432
}

.firstcol-small-box.parimatch .top-logo {
    background: #000
}

.firstcol-small-box.parimatch .top-logo img {
    height: 30px
}

.firstcol-small-box.parimatch .team-odds:hover {
    filter: brightness(100%)
}

.firstcol-small-box.parimatch .team-odds:hover .team-odds-odds {
    background-color: #faeb00 !important
}

.firstcol-small-box.parimatch .team-odds-odds {
    background-color: #f8fe14;
    border-radius: 4px;
    border: 0;
    color: #000;
    margin-bottom: 0;
    height: 26px
}

.matchpage-match-widget-old.matchpage-parimatch {
    background-color: #343434
}

.matchpage-match-widget-old.matchpage-parimatch .matchpage-match-widget-old-team {
    background-color: #1a1a1a
}

.matchpage-match-widget-old.matchpage-parimatch .matchpage-match-widget-old-logo-container {
    background-color: #000
}

.matchpage-match-widget-old.matchpage-parimatch .matchpage-match-widget-old-odds {
    background-color: #f8ff13;
    color: #000
}

.matchpage-match-widget-old.matchpage-parimatch .matchpage-match-widget-old-cta {
    background: #f8ff13;
    color: #000
}

.matchpage-match-widget-old.matchpage-parimatch .matchpage-match-widget-old-teamname {
    color: #f8ff13
}

.smartphone-top-widget.parimatch {
    --ctaColor: #f8ff13;
    --ctaTextColor: #000;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    background: #000 url(/img/newwidgets/parimatch/parimatch-smartphone-top-bg.png) no-repeat;
    background-size: cover
}

.smartphone-top-widget.betsson {
    --ctaColor: #f60;
    --ctaTextColor: #000;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    background: #000 url(/img/newwidgets/parimatch/betsson-smartphone-top-bg.png) no-repeat;
    background-size: cover
}

.smartphone-bottom-widget.betsson {
    --ctaColor: #f60;
    --ctaTextColor: #000;
    --rowColor: hsla(0, 0%, 100%, 0.2);
    --rowTextColor: #fff;
    background: #000 url(/img/newwidgets/parimatch/betsson-smartphone-bottom-bg.png) no-repeat;
    background-size: cover
}

.raybet.featured-match-container {
    background-color: #010410;
    background-image: url(/img/newwidgets/raybet/bg.png);
    background-size: 145px 137px;
    background-repeat: no-repeat;
    background-position: bottom
}

.raybet.featured-match-container .featured-header-provider-logo {
    height: 15px;
    width: 60px;
    display: block;
    margin: 0 auto
}

.raybet.featured-match-container .team-odds {
    background-color: #00d4de !important;
    margin-top: 6px !important;
    transition: .2s ease;
    text-shadow: 0 1px 2px #000
}

.preload .raybet.featured-match-container .team-odds {
    transition: initial !important
}

.raybet.featured-match-container .team-odds:hover {
    background-color: #03b5bd !important
}

.raybet.featured-match-container .team {
    margin-top: 22px !important
}

.raybet.featured-match-container .team img {
    max-width: 41px;
    max-height: 41px;
    width: 41px;
    height: 41px
}

.raybet.featured-match-container .featured-vs-box {
    color: #829ece !important
}

.raybet.featured-match-container .time-box {
    color: #d6eeff !important;
    top: -47px !important
}

.raybet.featured-match-container .featured-header {
    font-size: 11px;
    color: #829ece !important
}

.raybet.featured-match-container .featured-match-matchpage {
    background-color: #010410 !important;
    border: 1px solid #2a8496;
    color: #829ece !important;
    width: calc(100% - 2px) !important;
    transition: .2s ease
}

.preload .raybet.featured-match-container .featured-match-matchpage {
    transition: initial !important
}

.raybet.featured-match-container .featured-match-matchpage:hover {
    background-color: #092c38 !important;
    color: #9eb6de !important
}

.betway.featured-match-oxVVUdvP123Gazx-container .featured-match-oxVVUdvP123Gazx {
    background-color: #252525;
    color: #fff;
    cursor: pointer
}

.betway.featured-match-oxVVUdvP123Gazx-container .team-odds {
    background-color: #833594 !important
}

.betway.featured-match-oxVVUdvP123Gazx-container .team-odds:hover {
    background-color: #9844ab !important
}

.betway.featured-match-oxVVUdvP123Gazx-container .bet-now,
.betway.featured-match-oxVVUdvP123Gazx-container .team-logo-square-box,
.betway.featured-match-oxVVUdvP123Gazx-container .team-name,
.betway.featured-match-oxVVUdvP123Gazx-container .vs {
    background-color: #632371 !important
}

.betway.featured-match-oxVVUdvP123Gazx-container1 .team-odds {
    background-color: #833594 !important
}

.betway.featured-match-oxVVUdvP123Gazx-container1 .team-odds:hover {
    background-color: #9844ab !important
}

.betway.featured-match-oxVVUdvP123Gazx-container1 .provider-logo {
    background-color: #833594;
    padding: 8px 8px 6px
}

.betway.featured-match-oxVVUdvP123Gazx-container1 .bet-now,
.betway.featured-match-oxVVUdvP123Gazx-container1 .team-logo-square-box,
.betway.featured-match-oxVVUdvP123Gazx-container1 .team-name,
.betway.featured-match-oxVVUdvP123Gazx-container1 .vs {
    background-color: #632371 !important
}

.firstcol-box.beway {
    --dateColor: #000;
    --timeColor: #000;
    --ctaColor: #a600c7;
    --ctaTextColor: #fff;
    --rowColor: #343434;
    --rowTextColor: #fff;
    --backgroundColor: #000;
    background: linear-gradient(1turn, #383838, #545454)
}

.firstcol-box.beway .bottom-disclaimer {
    color: hsla(0, 0%, 100%, .65);
    font-weight: 700
}

.smartphone-top-widget.betway {
    --dateColor: #000;
    --timeColor: #000;
    --ctaColor: #a600c7;
    --ctaTextColor: #fff;
    --rowColor: #343434;
    --rowTextColor: #fff;
    --backgroundColor: #000;
    background: linear-gradient(90deg, #a1a1a1, #f3f1f3)
}

.smartphone-top-widget.betway .smartphone-top-widget-match-row {
    border: 1px solid #a600c7;
    height: 22px
}

.smartphone-top-widget.betway .smartphone-top-widget-right {
    padding: 4px 8px
}

body[data-href="https://betway.com/bwp/esports-welcome/en-gb?s=bw209635&a=AFF3410683269350481&utm_source=209635&utm_medium=Affiliate&utm_campaign=AFF3410683269350481"],
body[data-href="https://betway.com/powerpickemscsgo?s=bw209635&a=AFF3410683175618652&utm_source=209635&utm_medium=Affiliate&utm_campaign=AFF3410683175618652"] {
    background-image: none !important
}

.buffbet-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx {
    background-color: #252c35
}

.buffbet-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    background-color: #151c24;
    border-bottom: 1px solid #11171f
}

.buffbet-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    background-color: #ff3e3e;
    transition: .2s ease
}

.preload .buffbet-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    transition: initial !important
}

.buffbet-oxVVUdvP123Gazx.article-matches-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background-color: #e02a2a
}

.buff-b.oxVVUdvP123Gazx-match-listing .match-time,
.buff-b.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta {
    background-color: #f0512b !important
}

.buff-b.oxVVUdvP123Gazx-match-listing .team1,
.buff-b.oxVVUdvP123Gazx-match-listing .team2 {
    background-image: linear-gradient(90deg, #a23318, #a23318 33%, rgba(5, 65, 70, 0))
}

.buff-b.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-number {
    color: #f0512b
}

.buff-b.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container-bottom-text {
    background-color: #f0512b;
    box-shadow: inherit
}

.buff-b.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team {
    background-color: #1a2129 !important
}

.buff-b.column-scrollable-oxVVUdvP123Gazx .column-scrollable-match-header,
.buff-b.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-logo-container {
    background-color: #28313c !important
}

.buff-b.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .versus {
    background-color: #f0512b !important
}

.buff-b.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds {
    color: #fff !important
}

.buff-b.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds:after {
    background-color: #f0512b !important;
    border: 3px solid #f0512b !important
}

.buff-b.column-multiple-oxVVUdvP123Gazx .gg-oxVVUdvP123Gazx-logo-container {
    width: 100%
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .Input {
    border: 2px solid #f0512b !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-sub-text {
    color: #f0512b !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-bottom-button {
    box-shadow: inherit !important;
    background: #f0512b !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-bottom-container {
    background-color: #1a2129 !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team {
    background-color: #28313c !important;
    border: 2px solid #1a2129 !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team.selected {
    background-color: #f0512b !important
}

.buff-b.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team:hover {
    background-color: #1a2129 !important
}

.articles-matches-oxVVUdvP123Gazx.yabo-oxVVUdvP123Gazx .articles-matches-oxVVUdvP123Gazx-logo-container {
    height: 48px;
    margin-bottom: 4px;
    background-color: #00acf4
}

.articles-matches-oxVVUdvP123Gazx.yabo-oxVVUdvP123Gazx .articles-matches-oxVVUdvP123Gazx-logo-container .articles-matches-oxVVUdvP123Gazx-logo {
    height: 34px;
    margin-top: 7px;
    filter: brightness(0) invert(1)
}

.articles-matches-oxVVUdvP123Gazx.yabo-oxVVUdvP123Gazx .articles-matches-oxVVUdvP123Gazx-matches-table .articles-matches-oxVVUdvP123Gazx-number-button {
    background-color: #00acf4
}

.yabo-firstcol-box {
    width: 100%;
    height: 225px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    border-top: 5px solid #37a0d8;
    background: #0e2b39;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
    position: relative
}

.yabo-firstcol-box .jbo-logo {
    width: 125px;
    margin-top: 8px
}

.yabo-firstcol-box .yabo-banner-info {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

.yabo-firstcol-box .yabo-banner-info .yabo-title {
    margin-top: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1.2px
}

.yabo-firstcol-box .yabo-button {
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    background: #37a0d8;
    border-radius: 6px;
    height: 32px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center
}

.yabo-firstcol-box .yabo-button:hover {
    background: #268ec5;
    color: #fff !important
}

.yabo-firstcol-box .yabo-button:after,
.yabo-firstcol-box .yabo-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.yabo-firstcol-box .bottom {
    width: 100%;
    z-index: 2
}

.yabo-firstcol-box .top {
    margin-top: 0;
    height: 62px;
    z-index: 2
}

.yabo-firstcol-box .mid {
    display: flex;
    width: 100%;
    margin-top: 8px;
    z-index: 2
}

.yabo-firstcol-box .mid .team {
    flex: 0 0 50%;
    height: 96px
}

.yabo-firstcol-box .mid .team .team-odds {
    background: #ebebeb;
    color: #000;
    line-height: 24px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    display: flex;
    text-decoration: none;
    z-index: 1;
    height: 26px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    justify-content: center;
    align-self: center;
    align-items: center
}

.yabo-firstcol-box .mid .team .team-odds:hover {
    color: #000;
    background: #fff
}

.yabo-firstcol-box .mid .team .team-odds:after,
.yabo-firstcol-box .mid .team .team-odds:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.yabo-firstcol-box .mid .team .team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.yabo-firstcol-box .mid .team .team-logo-container .teamLogo {
    max-width: 100%;
    max-height: 100%
}

.yabo-firstcol-box .yabo-disclaimer {
    font-size: 7px;
    line-height: 8px;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center;
    margin-left: 37px
}

.yabo-firstcol-box .yabo-disclaimer:before {
    display: inline-block;
    content: "";
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background-image: url(/img/static/logos/spillemyndigheden.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 8px;
    margin-top: 3px
}

.article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx,
.article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx,
.article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx {
    background-color: #0a2940
}

.article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container,
.article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container,
.article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    background-color: #1a5685;
    padding-top: 5px;
    padding-bottom: 3px
}

.article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button,
.article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button,
.article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button {
    color: #fff;
    background-color: #619e00 !important;
    opacity: 1
}

.article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button,
.article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button,
.article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    background-color: #005290;
    transition: .2s ease;
    cursor: pointer
}

.preload .article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button,
.preload .article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button,
.preload .article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    transition: initial !important
}

.article-matches-oxVVUdvP123Gazx.on-stav-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover,
.article-matches-oxVVUdvP123Gazx.xbet-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover,
.article-matches-oxVVUdvP123Gazx.xstavka-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background-color: #619e00
}

.column-AKDpuvvHMBWhwcEp-box.etbx,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd,
.column-AKDpuvvHMBWhwcEp-box.onestav,
.column-AKDpuvvHMBWhwcEp-box.onex,
.column-euvSWYMDm4JzUCnc-box.etbx,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd,
.column-euvSWYMDm4JzUCnc-box.onestav,
.column-euvSWYMDm4JzUCnc-box.onex {
    background-color: #0c314e;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer
}

.column-AKDpuvvHMBWhwcEp-box.etbx .flex,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .flex,
.column-AKDpuvvHMBWhwcEp-box.onestav .flex,
.column-AKDpuvvHMBWhwcEp-box.onex .flex,
.column-euvSWYMDm4JzUCnc-box.etbx .flex,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .flex,
.column-euvSWYMDm4JzUCnc-box.onestav .flex,
.column-euvSWYMDm4JzUCnc-box.onex .flex {
    display: flex !important
}

.column-AKDpuvvHMBWhwcEp-box.etbx a:hover,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd a:hover,
.column-AKDpuvvHMBWhwcEp-box.onestav a:hover,
.column-AKDpuvvHMBWhwcEp-box.onex a:hover,
.column-euvSWYMDm4JzUCnc-box.etbx a:hover,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd a:hover,
.column-euvSWYMDm4JzUCnc-box.onestav a:hover,
.column-euvSWYMDm4JzUCnc-box.onex a:hover {
    color: #fff !important
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-header,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-header,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-header,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-header,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-header,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-header-text,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header-text,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-header-text,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-header-text,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-header-text,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header-text,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-header-text,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-header-text {
    opacity: .75;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: -6px
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-header-img,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header-img,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-header-img,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-header-img,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-header-img,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-header-img,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-header-img,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-header-img {
    max-width: 110px;
    padding: 8px 5px 8px 8px
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-content,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-content,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-content,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-content,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-content,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-content,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-content,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-content {
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-image: url(/img/newwidgets/stavka/bg.png)
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-content-teams,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-content-teams,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-content-teams,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-content-teams,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-content-teams,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-content-teams,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-content-teams,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-content-teams {
    display: flex;
    flex-direction: row;
    margin-top: 1px
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-team,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-team,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-team,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-team,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-team,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-team {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-team-logo,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team-logo,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-team-logo,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-team-logo,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-team-logo,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-team-logo,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-team-logo,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-bonus,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-bonus,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-bonus,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-bonus,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-bonus,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-bonus {
    font-size: 14px;
    color: #00bef4;
    text-align: center;
    font-weight: 700
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-bonus-text,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus-text,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-bonus-text,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-bonus-text,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-bonus-text,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus-text,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-bonus-text,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-bonus-text {
    opacity: .65;
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -3px;
    text-align: center
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-odds,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-odds,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-odds,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-odds,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-odds,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-odds {
    display: inline-block;
    text-align: center;
    background: #005290;
    box-shadow: inset 0 1px 0 0 #0a71be, inset 0 -1px 0 0 #003055;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    color: #fff;
    margin: 8px auto;
    transition: .2s ease
}

.preload .column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-odds,
.preload .column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds,
.preload .column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-odds,
.preload .column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-odds,
.preload .column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-odds,
.preload .column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds,
.preload .column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-odds,
.preload .column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-odds {
    transition: initial !important
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-odds:hover,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds:hover,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-odds:hover,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-odds:hover,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-odds:hover,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-odds:hover,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-odds:hover,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-odds:hover {
    background: #619e00;
    box-shadow: inset 0 1px 0 0 #7ec40e, inset 0 -1px 0 0 #497700
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-bonus-container,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus-container,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-bonus-container,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-bonus-container,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-bonus-container,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-bonus-container,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-bonus-container,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-bonus-container {
    background: #2a3140;
    box-shadow: inset 0 1px 0 0 #373f52, inset 0 -1px 0 0 #0d121c;
    border-radius: 4px;
    width: 122px;
    display: inline-flex;
    margin: 8px auto;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-cta,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-cta,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-cta,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-cta,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-cta,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-cta {
    background: #619e00;
    box-shadow: inset 0 1px 0 0 #7ec40e, inset 0 -1px 0 0 #497700;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    height: 25px;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: 122px;
    font-weight: 700;
    transition: .2s ease;
    color: #fff
}

.preload .column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-cta,
.preload .column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta,
.preload .column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-cta,
.preload .column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-cta,
.preload .column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-cta,
.preload .column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta,
.preload .column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-cta,
.preload .column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-cta {
    transition: initial !important
}

.column-AKDpuvvHMBWhwcEp-box.etbx .column-oxVVUdvP123Gazx-box-cta:hover,
.column-AKDpuvvHMBWhwcEp-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta:hover,
.column-AKDpuvvHMBWhwcEp-box.onestav .column-oxVVUdvP123Gazx-box-cta:hover,
.column-AKDpuvvHMBWhwcEp-box.onex .column-oxVVUdvP123Gazx-box-cta:hover,
.column-euvSWYMDm4JzUCnc-box.etbx .column-oxVVUdvP123Gazx-box-cta:hover,
.column-euvSWYMDm4JzUCnc-box.hpoujlijfd .column-oxVVUdvP123Gazx-box-cta:hover,
.column-euvSWYMDm4JzUCnc-box.onestav .column-oxVVUdvP123Gazx-box-cta:hover,
.column-euvSWYMDm4JzUCnc-box.onex .column-oxVVUdvP123Gazx-box-cta:hover {
    background: #538800
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav {
    background-color: #005c8f
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-top,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-top {
    background-color: #00334f
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-top,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-top {
    background-color: #00334f;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match {
    border: 2px solid #00334f;
    background-color: #005c8f
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match.live-match,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match.live-match {
    border: 2px solid #4aacff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-matchup-link,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-matchup-link {
    background-color: #619e00;
    box-shadow: inset 0 1px 0 0 #7ec40e, inset 0 -1px 0 0 #497700
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-matchup-link:hover,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-matchup-link:hover {
    background: #538800;
    cursor: pointer;
    color: #fff !important
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-team-row,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-team-row {
    color: hsla(0, 0%, 100%, .85)
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-team-row.selected,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-team-row:hover,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-team-row.selected,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-team-row:hover {
    background-color: #00b5ff;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-team-row,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-top,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-team-row,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-top {
    border-bottom: 2px solid #00334f
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-team-row:last-child,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-match-top:last-child,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-team-row:last-child,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-match-top:last-child {
    border-bottom: 0
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-bottom-input input,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-bottom-input input {
    background-color: #4984a7;
    border: 2px solid #4984a7;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-bottom-input input:focus,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-bottom-input input:focus {
    border: 2px solid #00b5ff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-bottom,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-bottom {
    background-color: #00334f;
    color: #00b5ff
}

.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-etbx .accumulator-bottom-right,
.accumulator-oxVVUdvP123Gazx.oxVVUdvP123Gazx-on-stav .accumulator-bottom-right {
    text-transform: uppercase
}

.smartphone-top-widget.onexbe {
    --ctaColor: #619e00;
    --ctaTextColor: #fff;
    --rowColor: #fff;
    --rowTextColor: #000;
    --backgroundColor: #000;
    background: #0c314e url(/img/newwidgets/stavka/bg.png) no-repeat;
    background-size: cover
}

.smartphone-top-widget.onexbe:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    display: block;
    background: radial-gradient(50% 1575312.45% at 50% 50.05%, #0bb0e6 0, rgba(248, 255, 19, 0) 100%)
}

.desktop-top-widget.pari,
.smartphone-top-widget.pari {
    --ctaColor: #a159d7;
    --rowColor: rgba(161, 89, 215, 0.7019607843137254);
    --ctaTextColor: #fff;
    --rowTextColor: #fff;
    --backgroundColor: #000;
    background: #000 url(/img/newwidgets/pari/pari_widget_bg.png) no-repeat;
    background-size: cover
}

.ggbe-firstcol-box {
    height: 280px;
    overflow: hidden;
    background: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 160px
}

@media (max-width:500px) {
    .ggbe-firstcol-box {
        margin: 0 auto
    }
}

.ggbe-firstcol-box .mid {
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    top: 62px
}

.ggbe-firstcol-box .bg {
    position: absolute;
    width: 100%
}

.ggbe-firstcol-box .bottom-cta {
    position: relative;
    top: 189px;
    z-index: 1
}

.ggbe-firstcol-box .bottom-cta .cta-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.ggbe-firstcol-box .bottom-cta .cta-wrapper .cta {
    transform: skew(-11deg);
    width: calc(100% - 20px);
    height: 7.5px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-size: 13px
}

.ggbe-firstcol-box .bottom-cta .cta-wrapper .cta:hover {
    color: #fff !important;
    text-shadow: 0 0 13px #fff
}

.ggbe-firstcol-box .team-name {
    color: #fff !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.ggbe-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.ggbe-firstcol-box .teamodds .team-odds {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(104, 29, 3, .6);
    border-radius: 4px;
    height: 52px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.ggbe-firstcol-box .teamodds .team-odds:last-child {
    position: absolute;
    top: 106px
}

.ggbe-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.ggbe-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 10px);
    text-align: center;
    background-color: rgba(25, 6, 0, .6);
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff
}

.ggbe-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.ggbe-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ggbe-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.ggbe-firstcol-box .bottom {
    display: flex;
    width: calc(100% - 10px);
    justify-content: center;
    height: 29px;
    background-color: #4e4ad8;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 4px;
    align-items: center
}

.ggbe-firstcol-box .bottom:hover {
    background-color: #544fe3;
    cursor: pointer
}

.beboom-firstcol-box {
    height: 280px;
    overflow: hidden;
    background: #000;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 160px
}

@media (max-width:500px) {
    .beboom-firstcol-box {
        margin: 0 auto
    }
}

.beboom-firstcol-box .bg {
    position: absolute;
    width: 100%
}

.beboom-firstcol-box .mid {
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    top: 62px
}

.beboom-firstcol-box .bottom-cta {
    position: relative;
    top: 177px;
    z-index: 1
}

.beboom-firstcol-box .bottom-cta .cta-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.beboom-firstcol-box .bottom-cta .cta-wrapper .cta {
    background-color: #ff7d00;
    transform: skew(-11deg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: calc(100% - 20px);
    height: 31px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-size: 14px
}

.beboom-firstcol-box .team-name {
    color: #fff !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.beboom-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.beboom-firstcol-box .teamodds .team-odds {
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    height: 52px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.beboom-firstcol-box .teamodds .team-odds:last-child {
    position: absolute;
    top: 106px
}

.beboom-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.beboom-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 10px);
    text-align: center;
    background-color: #f8e800;
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #000
}

.beboom-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.beboom-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.beboom-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.beboom-firstcol-box .bottom {
    display: flex;
    width: calc(100% - 10px);
    justify-content: center;
    height: 29px;
    background-color: #4e4ad8;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 4px;
    align-items: center
}

.beboom-firstcol-box .bottom:hover {
    background-color: #544fe3;
    cursor: pointer
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container {
    background-color: #1d212a;
    background-size: 100%;
    color: #fff;
    height: 331px
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .provider {
    text-align: center
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .provider img {
    margin-top: 16px;
    width: 120px;
    margin-bottom: 16px
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .vs-box {
    text-align: center;
    font-size: 18px;
    margin: 8px 0;
    font-weight: 700;
    font-style: italic;
    position: relative
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .vs-box:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background-color: #ff7d00 !important;
    top: -1px;
    left: 30px
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .vs-box:after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background-color: #ff7d00 !important;
    bottom: -1px;
    left: 30px
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .team-1,
.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .team-2 {
    text-align: center
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .team-1 .team-logo,
.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .team-2 .team-logo {
    max-width: 65px;
    max-height: 65px;
    width: 65px;
    height: 65px;
    display: block;
    margin: 0 auto
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .team-2 {
    margin-top: 16px
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .bet-box {
    color: #fff !important;
    margin-top: 8px;
    display: inline-block;
    width: 85px;
    margin-bottom: 8px;
    border-radius: 38px;
    background-color: #ff7d00 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700
}

.single-oxVVUdvP123Gazx-ggbet .vertical-container .bets .bet-box:hover {
    filter: brightness(130%)
}

.matchesTallWidget.ggbe {
    --mainWidgetColor: #32394b;
    --secondaryWidgetColor: #13171d;
    --widgetButtonColor: #ff7d00;
    --widgetButtonTextColor: #fff
}

.matchesTallWidget.ggbe .matchesTallWidgetHeader {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.oxVVUdvP123Gazx-ggbet {
    background: #13171d !important
}

.oxVVUdvP123Gazx-ggbet .oxVVUdvP123Gazx-logo img {
    width: 100%
}

.oxVVUdvP123Gazx-ggbet .oxVVUdvP123Gazx-cta {
    background: #ff7d00 !important;
    border-radius: 6px;
    padding-top: 2px;
    padding-bottom: 3px
}

.oxVVUdvP123Gazx-ggbet .match-time {
    background: #ff7d00 !important
}

.oxVVUdvP123Gazx-ggbet .team1,
.oxVVUdvP123Gazx-ggbet .team2 {
    background-image: none !important;
    background-color: #1d212a;
    transition: .2s ease
}

.preload .oxVVUdvP123Gazx-ggbet .team1,
.preload .oxVVUdvP123Gazx-ggbet .team2 {
    transition: initial !important
}

.oxVVUdvP123Gazx-ggbet .team1 {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #2a3040 !important
}

.oxVVUdvP123Gazx-ggbet .team2 {
    border-radius: 0 0 4px 4px
}

.oxVVUdvP123Gazx-ggbet .team-odds {
    border-left: 1px solid #2a3040 !important
}

.oxVVUdvP123Gazx-ggbet .oxVVUdvP123Gazx-upcoming-match:hover .team1,
.oxVVUdvP123Gazx-ggbet .oxVVUdvP123Gazx-upcoming-match:hover .team2 {
    background: #475577
}

.oxVVUdvP123Gazx-ggbet .match-time {
    border-radius: 2px !important
}

.column-scrollable-oxVVUdvP123Gazx {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #13171d;
    overflow: hidden;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column
}

.column-scrollable-oxVVUdvP123Gazx:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 40px;
    height: 20px;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0, transparent);
    pointer-events: none
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-match {
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-bottom: 4px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-match:hover {
    cursor: pointer;
    filter: brightness(1.3);
    color: inherit !important
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-match:last-child {
    margin-bottom: 0
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-match-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #32394b;
    height: 18px;
    font-size: 9px;
    opacity: .6;
    padding: 0 4px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team {
    display: flex;
    flex-direction: row;
    height: 24px;
    background-color: #242934;
    align-items: center;
    margin-top: 1px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-name {
    flex: 1 auto;
    padding: 0 4px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-number {
    color: #ff7d02;
    font-weight: 700;
    padding-right: 4px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-logo-container {
    flex: 0 0 36px;
    background-color: #32394b;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-team-logo {
    max-height: 18px;
    max-width: 18px
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container {
    flex: 1;
    overflow-y: scroll;
    position: relative
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container::-webkit-scrollbar {
    display: none
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #2b3040;
    border-top: 1px solid #363f5a
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container-bottom-text {
    color: #fff;
    background: #ff7d02;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149;
    border-radius: 4px;
    padding: 4px 8px;
    text-align: center;
    transition: .2s ease;
    font-weight: 700
}

.column-scrollable-oxVVUdvP123Gazx .column-scrollable-container-bottom-text:hover {
    color: #fff !important;
    cursor: pointer;
    background-color: #e67203
}

.column-rising-falling-oxVVUdvP123Gazx {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 336px;
    background-color: #13171d;
    overflow: hidden;
    color: #fff;
    position: relative
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-container {
    height: 245px;
    overflow: hidden
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-match {
    display: flex;
    margin-bottom: 5px
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-match:hover {
    cursor: pointer;
    filter: brightness(1.3);
    color: inherit !important
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-teamname {
    z-index: 1;
    font-weight: 700;
    width: 100%
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-team {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    text-align: center
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-team:first-child {
    border-right: 1px solid #13171d
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-team-name {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 28px;
    background-color: #32394b
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-team-logo-container {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    opacity: .2;
    transform: translate(-50%, -50%)
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-number {
    background-color: #242934;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    color: #ff7d02;
    font-weight: 700;
    font-size: 14px
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-number.rising:after {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 4px;
    color: #38b200
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-number.falling:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 4px;
    color: #b20000
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-container-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #2b3040;
    border-top: 1px solid #363f5a
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-container-bottom-text {
    color: #fff;
    background: #ff7d02;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149;
    border-radius: 4px;
    padding: 4px 8px;
    text-align: center;
    transition: .2s ease;
    font-weight: 700
}

.column-rising-falling-oxVVUdvP123Gazx .column-rising-falling-container-bottom-text:hover {
    color: #fff !important;
    cursor: pointer;
    background-color: #e67203
}

.column-accumulator-oxVVUdvP123Gazx {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 336px;
    background-color: #13171d;
    overflow: hidden;
    color: #fff;
    position: relative
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-matches-container {
    display: flex;
    flex-direction: column
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-match {
    display: flex;
    flex-direction: column;
    padding: 5px 5px 0
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-header {
    display: flex;
    justify-content: space-between;
    background-color: #2b3040;
    height: 28px;
    padding: 0 4px;
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team {
    display: flex;
    align-items: center;
    height: 28px;
    background-color: #474e64;
    border: 2px solid #2b3040;
    padding: 0 4px;
    font-weight: 700
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team:hover {
    background-color: #2b3040;
    cursor: pointer
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team.selected {
    background-color: #ff7d02;
    color: #323332
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team:last-child {
    border-top: 0
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team-name {
    flex: 1 auto
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team-logo-container {
    display: flex;
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    margin-right: 4px
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-bottom-container {
    margin: 5px;
    display: flex;
    flex-direction: column;
    background-color: #474e64
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-input-container,
.column-accumulator-oxVVUdvP123Gazx .column-accumulator-input-return {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-input-container {
    justify-content: space-between
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-return-number {
    margin-right: 4px;
    font-weight: 700
}

.column-accumulator-oxVVUdvP123Gazx .Input {
    width: 50px;
    margin-right: 4px;
    text-align: right;
    font-weight: 700;
    margin-top: 4px;
    background-color: #777d92;
    border: 2px solid #ff7d14;
    color: #fff
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-sub-text {
    font-size: 14px;
    color: #ff7d02;
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0 4px;
    font-weight: 700
}

.column-accumulator-oxVVUdvP123Gazx .column-accumulator-bottom-button {
    color: #fff;
    background: #ff7d02;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149;
    padding: 4px 8px;
    text-align: center;
    transition: .2s ease;
    font-weight: 700
}

.column-AKDpuvvHMBWhwcEp-box.gg {
    background-color: #1d212a;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer
}

.column-AKDpuvvHMBWhwcEp-box.gg .flex {
    display: flex !important
}

.column-AKDpuvvHMBWhwcEp-box.gg a:hover {
    color: #fff !important
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-header {
    padding: 0 8px;
    background-color: #2b3040;
    border-bottom: 1px solid #363f5a;
    height: 50px;
    display: flex;
    align-items: center
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-header-text {
    opacity: .75;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: -6px
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-header-img {
    max-width: 100%
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-content {
    padding-top: 16px;
    display: flex;
    flex-direction: column
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-content-teams {
    display: flex;
    flex-direction: row;
    margin-top: 1px
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-team {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-bonus {
    font-size: 14px;
    color: #ff7d02;
    text-align: center;
    font-weight: 700
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-bonus-text {
    opacity: .65;
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -3px;
    text-align: center
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-odds {
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    color: #fff;
    margin: 8px auto;
    transition: .2s ease
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-odds.rising:after {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 4px;
    color: #38b200
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-odds.falling:after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 4px;
    color: #b20000
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-bonus-container {
    background: #2b3040;
    box-shadow: inset 0 1px 0 0 #373f52, inset 0 -1px 0 0 #0d121c;
    border-radius: 4px;
    width: 122px;
    display: inline-flex;
    margin: 8px auto;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-cta {
    background: #ff7d02;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    height: 25px;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: 122px;
    font-weight: 700;
    transition: .2s ease;
    color: #fff
}

.column-AKDpuvvHMBWhwcEp-box.gg .column-oxVVUdvP123Gazx-box-cta:hover {
    color: #fff !important;
    cursor: pointer;
    background-color: #e67203
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx {
    background-color: #1d212a;
    height: 185px
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-top {
    background-color: #2b3040;
    border-bottom: 1px solid #363f5a
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-top {
    background-color: #2b3040;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-provider-logo {
    max-height: 25px
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match {
    border: 2px solid #2b3040;
    background-color: #005c8f
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-team-row {
    color: hsla(0, 0%, 100%, .85);
    background-color: #474e64
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-team-row.selected,
.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-team-row:hover {
    background-color: #ff7d02;
    color: #000
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-team-row,
.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-top {
    border-bottom: 2px solid #2b3040
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-team-row:last-child,
.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-match-top:last-child {
    border-bottom: 0
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-bottom-right {
    background: #ff7d02;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-bottom-input input {
    background-color: #777d92;
    border: 2px solid #ff7d02;
    color: #fff
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-bottom-input input:focus {
    border: 2px solid #ff7d02
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-bottom {
    background-color: #474e64;
    color: #ff7d02
}

.accumulator-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .accumulator-bottom-right {
    text-transform: uppercase
}

.article-bet-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx {
    background-color: #1d212a
}

.article-bet-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .article-bet-oxVVUdvP123Gazx-logo-container {
    background-color: #2b3040;
    border-bottom: 1px solid #363f5a
}

.article-bet-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .article-bet-oxVVUdvP123Gazx-bet-button {
    border-radius: 0 !important;
    background: #ff7d02 !important;
    box-shadow: inset 0 -1px 0 0 #df7a1a, inset 0 1px 0 0 #ffa149 !important
}

.article-bet-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .article-bet-oxVVUdvP123Gazx-vs-button {
    color: #fff;
    background-color: #619e00 !important;
    box-shadow: inset 0 1px 0 0 #7ec40e, inset 0 -1px 0 0 #497700 !important;
    opacity: 1;
    transition: .2s ease;
    cursor: pointer
}

.article-bet-oxVVUdvP123Gazx.gg-oxVVUdvP123Gazx .article-bet-oxVVUdvP123Gazx-vs-button:hover {
    background-color: #619e00
}

.matchpage-match-widget-old.matchpage-ggbe {
    background-image: url(/img/newwidgets/ggbet/ggbe-background.png);
    background-size: cover
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-teamname {
    color: #ff9c00
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-logo-container {
    background-color: #14171d
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-odds {
    background-color: #363f53
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-team {
    background-color: #1f242e
}

@media (max-width:500px) {
    .matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-team {
        gap: 3px
    }
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-team:hover {
    background-color: #3d4452
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-team:hover .matchpage-match-widget-old-odds {
    background-color: #444f67
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-cta {
    background: linear-gradient(90deg, #4154f7, #1e34ec)
}

.matchpage-match-widget-old.matchpage-ggbe .matchpage-match-widget-old-cta:hover {
    filter: brightness(110%)
}

.smartphone-top-widget.ggbe {
    --ctaColor: #ff4800;
    --ctaTextColor: #fff;
    --rowColor: rgb(255 72 0/30%);
    --rowTextColor: #fff;
    --backgroundColor: #000;
    background-color: #182129;
    background-image: url(/img/newwidgets/ggbet/ggbe-bg-top-mobile.png);
    background-size: cover
}

.smartphone-bottom-widget.ggbe {
    --ctaColor: #ff4800;
    --ctaTextColor: #fff;
    --rowColor: rgb(255 72 0/30%);
    --rowTextColor: #fff;
    background: #000 url(/img/newwidgets/ggbet/ggbe-bg-bottom-mobile.png) no-repeat;
    background-size: cover
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing {
    background-color: #e53935;
    padding: 3px 4px
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-matches-text {
    margin-bottom: -5px
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-logo {
    max-height: 28px
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team1,
.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team2 {
    background-image: none !important;
    background-color: #3f4048
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-upcoming-match {
    border-radius: 2px;
    margin-top: 11px
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team1 {
    border-bottom: 1px solid #54555f !important
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team-odds {
    border-left: 1px solid #54555f !important
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .oxVVUdvP123Gazx-cta {
    background-color: #ffa114;
    border-radius: 2px;
    color: #fff
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team-name {
    width: 102px !important
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .team-name .oxVVUdvP123Gazx-logo img {
    height: 28px
}

.oxVVUdvP123Gazx-unikrn.oxVVUdvP123Gazx-match-listing .match-time {
    background-color: #5b5c65 !important;
    color: #fff !important
}

.oxVVUdvP123Gazx-unikrn .bonuscode-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: hsla(0, 0%, 100%, .65);
    font-size: 9px;
    background-color: #3f4048;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-top: -4px
}

.oxVVUdvP123Gazx-unikrn .bonuscode-container .line2 {
    margin-top: -2px
}

.oxVVUdvP123Gazx-unikrn .bonuscode-container .bonuscode-cta {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #e53935;
    width: 87px;
    margin: 0 auto;
    border-radius: 4px;
    transition: .2s ease;
    line-height: 16px
}

.preload .oxVVUdvP123Gazx-unikrn .bonuscode-container .bonuscode-cta {
    transition: initial !important
}

.oxVVUdvP123Gazx-unikrn .bonuscode-container .bonuscode-cta:hover {
    background-color: #c62828
}

.oxVVUdvP123Gazx-unikrn .line5 {
    font-size: 10px;
    text-align: center;
    margin-top: -3px;
    margin-bottom: -4px
}

.bg1 {
    background-image: url(/img/newwidgets/ggking/ggking-bg-1.jpg) !important
}

.bg2 {
    background-image: url(/img/newwidgets/ggking/ggking-bg-2.jpg) !important
}

.bg3 {
    background-image: url(/img/newwidgets/ggking/ggking-bg-3.jpg) !important
}

.bg4 {
    background-image: url(/img/newwidgets/ggking/ggking-bg-4.jpg) !important
}

.bg5 {
    background-image: url(/img/newwidgets/ggking/ggking-bg-5.jpg) !important
}

.ggking-banner {
    width: 145px;
    margin-bottom: 8px;
    height: 240px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #000 no-repeat 50%;
    background-size: 145px 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff
}

.ggking-banner .ggking-banner-logo {
    width: 140px
}

.ggking-banner .ggking-banner-info {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

.ggking-banner .ggking-banner-info .ggking-title {
    margin-bottom: 1rem;
    color: #0078ff;
    color: #fff;
    font-size: 18pt;
    font-family: impact, open-sans, sans-serif;
    text-shadow: 4px 0 3px rgba(255, 0, 120, .75), -4px 0 3px rgba(0, 120, 255, .75);
    line-height: 1.3
}

.ggking-banner .ggking-banner-info .ggking-message {
    font-size: 9pt;
    line-height: 1.5;
    font-weight: 700;
    text-shadow: 3px 3px 3px #000;
    color: #fff
}

.ggking-banner .ggking-button {
    margin-bottom: 1rem;
    display: inline-block;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 11pt;
    text-transform: uppercase;
    background: #0078ff;
    border: 2px solid #0078ff;
    padding: .312rem .75rem;
    border-radius: 3px;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    position: relative
}

.preload .ggking-banner .ggking-button {
    transition: initial !important
}

.ggking-banner .ggking-button:hover {
    background: #0066d9;
    border-color: #3393ff;
    color: #fff !important
}

.ggking-banner .ggking-button:after,
.ggking-banner .ggking-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ggking-new {
    width: 145px;
    height: 230px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #000 no-repeat 50%;
    background-size: 145px 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    background-image: url(/img/newwidgets/ggking/ggking-bg-1.jpg) !important;
    margin-bottom: 8px;
    position: relative
}

.ggking-new .ggking-banner-logo {
    width: 140px
}

.ggking-new .ggking-banner-info {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

.ggking-new .ggking-banner-info .ggking-title {
    margin-top: -2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 4px 0 3px rgba(255, 0, 120, .75), -4px 0 3px rgba(0, 120, 255, .75);
    line-height: 1.3;
    letter-spacing: 1.2px
}

.ggking-new .ggking-banner-info .ggking-message {
    font-size: 9pt;
    line-height: 1.5;
    font-weight: 700;
    text-shadow: 3px 3px 3px #000;
    color: #fff
}

.ggking-new .ggking-button {
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    background: #0078ff;
    border: 2px solid #0078ff;
    border-radius: 3px;
    height: 24px;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center
}

.preload .ggking-new .ggking-button {
    transition: initial !important
}

.ggking-new .ggking-button:hover {
    background: #0066d9;
    border-color: #3393ff;
    color: #fff !important
}

.ggking-new .ggking-button:after,
.ggking-new .ggking-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ggking-new .bottom {
    width: 100%;
    position: absolute;
    bottom: 8px
}

.ggking-new .top {
    height: 66px
}

.ggking-new .top img {
    height: 60px
}

.ggking-new .mid {
    display: flex;
    width: 100%;
    margin-top: 16px
}

.ggking-new .mid .team {
    flex: 0 0 50%;
    height: 96px
}

.ggking-new .mid .team .team-odds {
    margin-top: 16px;
    font-weight: 700;
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-size: 11pt;
    text-transform: uppercase;
    background: #0078ff;
    border: 2px solid #0078ff;
    border-radius: 3px;
    height: 26px;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center
}

.preload .ggking-new .mid .team .team-odds {
    transition: initial !important
}

.ggking-new .mid .team .team-odds:hover {
    background: #0066d9;
    border-color: #3393ff;
    color: #fff !important
}

.ggking-new .mid .team .team-odds:after,
.ggking-new .mid .team .team-odds:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ggking-new .mid .team .team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.ggking-new .mid .team .team-logo-container .teamLogo {
    max-width: 100%;
    max-height: 100%
}

.eoodset-firstcol-box {
    width: 100%;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #1a4e98;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
    position: relative
}

.eoodset-firstcol-box .team-odds-odds {
    border: 1px solid #1a4e98;
    border-radius: 4px;
    width: calc(100% - 16px)
}

.eoodset-firstcol-box:after {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    content: "X";
    color: #fff;
    font-size: 370px;
    left: -48px;
    top: -190px;
    opacity: .1;
    z-index: 1;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.eoodset-firstcol-box .team-name-container {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
    align-items: center;
    width: calc(100% - 8px);
    text-align: center;
    justify-content: center
}

.eoodset-firstcol-box .eoddset-banner-logo {
    width: 100%;
    margin-top: -1px
}

.eoodset-firstcol-box .eoddset-banner-info {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

.eoodset-firstcol-box .eoddset-banner-info .eoddset-title {
    margin-top: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1.2px
}

.eoodset-firstcol-box .eoddset-button {
    margin-top: 8px;
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    background: #c35716;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db722e", endColorstr="#c15514");
    background: -ms-linear-gradient(top, #db722e 0, #c15514 100%);
    border: 1px solid #e38e57;
    border-radius: 3px;
    height: 24px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center
}

.eoodset-firstcol-box .eoddset-button:hover {
    background: linear-gradient(180deg, #ef8846 0, #d8641e);
    color: #fff !important
}

.eoodset-firstcol-box .eoddset-button:after,
.eoodset-firstcol-box .eoddset-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.eoodset-firstcol-box .bottom {
    width: 100%;
    z-index: 2
}

.eoodset-firstcol-box .top {
    margin-top: 0;
    height: 62px;
    z-index: 2
}

.eoodset-firstcol-box .top img {
    min-height: 42px
}

.eoodset-firstcol-box .mid {
    display: flex;
    width: 100%;
    margin-top: -3px;
    z-index: 2;
    flex-direction: column
}

.eoodset-firstcol-box .mid .team {
    flex: 0 0 50%;
    height: 96px
}

.eoodset-firstcol-box .mid .team .team-odds {
    background: #eaeaea;
    background: -ms-linear-gradient(top, #fff 0, #e6e6e6 100%);
    color: #1b4e99;
    line-height: 24px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    display: flex;
    text-decoration: none;
    z-index: 1;
    height: 62px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center;
    flex-direction: column
}

.eoodset-firstcol-box .mid .team .team-odds:hover .team-odds-odds {
    color: #eaeaea;
    background: #295ca7;
    background: linear-gradient(180deg, #0c408a 0, #295ca7)
}

.eoodset-firstcol-box .mid .team .team-odds:after,
.eoodset-firstcol-box .mid .team .team-odds:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.eoodset-firstcol-box .mid .team .team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.eoodset-firstcol-box .mid .team .team-logo-container .teamLogo {
    max-width: 100%;
    max-height: 100%
}

.eoodset-firstcol-box .eoddset-disclaimer {
    font-size: 7px;
    line-height: 8px;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center;
    margin-left: 37px
}

.eoodset-firstcol-box .eoddset-disclaimer:before {
    display: inline-block;
    content: "";
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background-image: url(/img/static/logos/spillemyndigheden.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 8px;
    margin-top: 3px
}

.sts-box {
    width: 100%;
    height: 230px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background: #0052c1;
    background: linear-gradient(180deg, #0169c8 0, #004298);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-bottom: 8px;
    position: relative
}

.sts-box .sts-banner-logo {
    margin-top: 8px
}

.sts-box .sts-banner-info {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

.sts-box .sts-banner-info .sts-title {
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1.2px
}

.sts-box .sts-banner-info .sts-message {
    font-size: 9pt;
    line-height: 1.5;
    font-weight: 700;
    text-shadow: 3px 3px 3px #000;
    color: #fff
}

.sts-box .sts-button {
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    background: #4d7fbd;
    transition: .2s ease;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 25px;
    border: 1px solid #8cabd3
}

.preload .sts-box .sts-button {
    transition: initial !important
}

.sts-box .sts-button:hover {
    background: #5d8ecb;
    color: #fff !important
}

.sts-box .sts-button:after,
.sts-box .sts-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.sts-box .bottom {
    width: 100%;
    margin-top: -4px
}

.sts-box .top {
    height: 64px
}

.sts-box .top img {
    height: 52px
}

.sts-box .mid {
    display: flex;
    width: 100%;
    margin-top: 16px
}

.sts-box .mid .team {
    flex: 0 0 50%;
    height: 96px
}

.sts-box .mid .team .team-odds {
    margin-top: 7px;
    font-weight: 700;
    display: flex;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    font-size: 11pt;
    text-transform: uppercase;
    background: #f80;
    height: 26px;
    transition: .2s ease;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center
}

.preload .sts-box .mid .team .team-odds {
    transition: initial !important
}

.sts-box .mid .team .team-odds:hover {
    background: #ff9c2a;
    color: #fff !important
}

.sts-box .mid .team .team-odds:after,
.sts-box .mid .team .team-odds:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.sts-box .mid .team .team-logo-container {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50px;
    margin: 0 auto
}

.sts-box .mid .team .team-logo-container .teamLogo {
    max-width: 100%;
    max-height: 100%
}

.sts-box .sts-disclaimer {
    font-size: 7px;
    line-height: 8px;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center
}

.cyber-horizontal-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 90px;
    max-width: 728px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 130px auto 130px;
    grid-gap: 8px;
    margin: 8px auto 0;
    background: linear-gradient(90deg, #2d3844 50%, #0039e0 0);
    color: #929a9e
}

.cyber-horizontal-container:hover {
    color: #929a9e !important;
    filter: brightness(95%)
}

@media (max-width:500px) {
    .cyber-horizontal-container {
        height: 100px;
        grid-template-rows: 8px 70px 26px;
        background: #2d3844 !important;
        grid-template-columns: none;
        grid-gap: 2px !important
    }

    .cyber-horizontal-container .cyber-top {
        position: relative
    }

    .cyber-horizontal-container .cyber-team-odds:before {
        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important
    }

    .cyber-horizontal-container .cyber-team-odds {
        padding: 0 8px !important
    }

    .cyber-horizontal-container .cyber-disclaimer {
        position: absolute;
        right: 8px;
        font-size: 8px !important;
        top: 8px;
        opacity: .85
    }

    .cyber-horizontal-container .cyber-center {
        padding: 0 !important
    }

    .cyber-horizontal-container .cyber-center:after {
        content: inherit !important
    }

    .cyber-horizontal-container .cyber-cta-text {
        background-color: #0039e0;
        border-radius: 100px !important;
        font-size: 14px !important;
        margin: -12px 8px 0 !important
    }

    .cyber-horizontal-container .cyber-center-bottom {
        display: none
    }

    .cyber-horizontal-container .cyber-provider-logo-container {
        height: 22px;
        margin: 0 auto;
        text-align: center
    }

    .cyber-horizontal-container .cyber-provider-logo {
        max-height: 100%;
        right: 0 !important
    }

    .cyber-horizontal-container .cyber-left {
        display: none !important
    }

    .cyber-horizontal-container .cyber-meta {
        display: flex;
        align-items: center
    }

    .cyber-horizontal-container .cyber-team-name,
    .cyber-horizontal-container .cyber-team-odds {
        font-size: 11px !important
    }

    .cyber-horizontal-container .cyber-icon {
        height: 10px !important;
        width: 10px !important;
        margin-right: 8px !important
    }

    .cyber-horizontal-container .cyber-day {
        margin-top: 0 !important;
        font-size: 10px;
        margin-left: 8px
    }

    .cyber-horizontal-container .cyber-time {
        font-size: 10px !important
    }

    .cyber-horizontal-container .cyber-team-name {
        padding: 0 !important;
        width: 100%
    }

    .cyber-horizontal-container .cyber-team-2 .cyber-team-name {
        text-align: right
    }

    .cyber-horizontal-container .cyber-center-top {
        margin: 0 8px;
        align-items: center
    }

    .cyber-horizontal-container .cyber-team-odds {
        width: calc(100% - 16px);
        text-align: center
    }

    .cyber-horizontal-container .cyber-team-flag-container {
        display: none !important
    }

    .cyber-horizontal-container .cyber-team-container {
        flex-direction: column !important;
        align-items: flex-start !important
    }
}

.cyber-horizontal-container .cyber-provider-logo-container {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 8px
}

.cyber-horizontal-container .cyber-team-flag-container {
    height: 24px;
    width: 24px;
    flex: 0 0 24px;
    margin: 0 8px
}

.cyber-horizontal-container .cyber-right {
    color: #fff !important
}

.cyber-horizontal-container .cyber-disclaimer {
    text-align: center;
    font-size: 10px;
    margin-top: -4px
}

.cyber-horizontal-container .cyber-cta-text {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-top: -1px
}

.cyber-horizontal-container .cyber-center-bottom {
    text-align: center;
    font-size: 15px;
    font-weight: 700
}

.cyber-horizontal-container .cyber-provider-logo {
    max-width: 100%;
    position: relative;
    right: -4px
}

.cyber-horizontal-container .cyber-icon {
    height: 24px;
    width: 24px;
    margin-right: 16px
}

.cyber-horizontal-container .cyber-center-top {
    display: grid;
    grid-template-columns: 1fr 16px 1fr;
    grid-gap: 8px;
    flex: 1 auto
}

.cyber-horizontal-container .cyber-team-name {
    font-weight: 700;
    font-size: 14px
}

.cyber-horizontal-container .cyber-team-container {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.cyber-horizontal-container .cyber-team-odds {
    background-color: #fcee21;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 8px;
    position: relative
}

.cyber-horizontal-container .cyber-team-odds:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1
}

.cyber-horizontal-container .cyber-team-vs {
    align-items: center;
    display: flex
}

.cyber-horizontal-container .cyber-team-2 {
    flex-direction: row-reverse;
    padding-left: 12px
}

.cyber-horizontal-container .cyber-team-2 .cyber-team-odds:before {
    left: -12px;
    top: 0;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-right: 1rem solid #fcee21
}

.cyber-horizontal-container .cyber-team-2 .cyber-team-name {
    padding-right: 8px
}

.cyber-horizontal-container .cyber-team-1 {
    padding-right: 12px
}

.cyber-horizontal-container .cyber-team-1 .cyber-team-odds:before {
    right: -12px;
    top: 0;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-left: 1rem solid #fcee21
}

.cyber-horizontal-container .cyber-team-1 .cyber-team-name {
    padding-left: 8px
}

.cyber-horizontal-container .cyber-center {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 8px 0
}

.cyber-horizontal-container .cyber-center:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #364250;
    top: 0;
    transform: skewX(-22deg);
    z-index: -1
}

.cyber-horizontal-container .cyber-time {
    font-weight: 700;
    font-size: 14px
}

.cyber-horizontal-container .cyber-day {
    opacity: .65;
    margin-top: -4px
}

.cyber-horizontal-container .cyber-left {
    display: flex;
    align-items: center;
    justify-content: center
}

.column-oxVVUdvP123Gazx-bonus-box.cyberbe {
    height: 230px !important;
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 0 33px;
    background-image: url(/img/newwidgets/cyberbet/bg.png)
}

.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-content-teams {
    margin-bottom: 8px;
    margin-top: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 2px
}

.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 50px !important;
    width: 50px !important
}

.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-odds {
    margin-top: 10px !important
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe {
    height: 145px;
    overflow: hidden;
    background-color: #032383;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .flex,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .flex {
    display: flex !important
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe a:hover,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe a:hover {
    color: #fff !important
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-header,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #2250cf;
    background: linear-gradient(90deg, #1e4ece, #3461d3)
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-header-text,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-header-text {
    opacity: .75;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: -6px
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-header-img,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-header-img {
    max-width: 122px;
    padding: 8px 5px 2px 8px
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-content,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-content {
    display: flex;
    flex-direction: column;
    background-size: cover
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-content-teams,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-content-teams {
    display: flex;
    flex-direction: row;
    margin-top: 1px
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team:first-child .column-oxVVUdvP123Gazx-box-odds:before,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team:first-child .column-oxVVUdvP123Gazx-box-odds:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    right: -10px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 12px solid #fcee21
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team:first-child .column-oxVVUdvP123Gazx-box-odds:hover:before,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team:first-child .column-oxVVUdvP123Gazx-box-odds:hover:before {
    border-left: 12px solid #668cff
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team:last-child .column-oxVVUdvP123Gazx-box-odds:before,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team:last-child .column-oxVVUdvP123Gazx-box-odds:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 12px solid #fcee21
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team:last-child .column-oxVVUdvP123Gazx-box-odds:hover:before,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team:last-child .column-oxVVUdvP123Gazx-box-odds:hover:before {
    border-right: 12px solid #668cff
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team-logo-container,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team-logo-container {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 35px;
    margin: 4px auto 0
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-team-logo,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-team-logo {
    max-height: 100%;
    max-width: 100%
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus {
    font-size: 14px;
    color: #fcee21;
    text-align: center;
    font-weight: 700
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus-text,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus-text {
    opacity: .65;
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -3px;
    text-align: center
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-odds,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-odds {
    display: inline-block;
    text-align: center;
    background-color: #fcee21;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin: 6px auto;
    position: relative;
    box-shadow: inset 0 1px 0 0 #fffbc8, inset 0 -1px 0 0 #6b6509
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-odds:hover,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-odds:hover {
    background-color: #668cff
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus-container,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-bonus-container {
    background: #2a3140;
    box-shadow: inset 0 1px 0 0 #373f52, inset 0 -1px 0 0 #0d121c;
    border-radius: 4px;
    width: 122px;
    display: inline-flex;
    margin: 8px auto;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-cta,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-cta {
    background-color: #fcee21;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    height: 25px;
    align-self: center;
    justify-content: center;
    align-items: center;
    width: 122px;
    font-weight: 700;
    color: #000;
    box-shadow: inset 0 1px 0 0 #fffbc8, inset 0 -1px 0 0 #6b6509
}

.column-AKDpuvvHMBWhwcEp-box.cyberbe .column-oxVVUdvP123Gazx-box-cta:hover,
.column-oxVVUdvP123Gazx-bonus-box.cyberbe .column-oxVVUdvP123Gazx-box-cta:hover {
    background-color: #668cff
}

.vulkan-ru.column-multiple-oxVVUdvP123Gazx .gg-oxVVUdvP123Gazx-logo-container {
    width: 100%;
    background-color: #1b1f2d !important
}

.vulkan-ru.column-multiple-oxVVUdvP123Gazx .versus {
    background-color: #ff1e00 !important
}

.vulkan-ru.column-multiple-oxVVUdvP123Gazx .odds:after {
    border: 3px solid #ff1e00 !important
}

.smartphone-top-widget.vulkan {
    --ctaColor: #ff1700;
    --ctaTextColor: #fff;
    --rowColor: rgba(103, 88, 179, 0.66);
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: linear-gradient(90deg, #170e7b, #4c11ad)
}

.gamdon-crash-game-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 600px;
    width: 160px;
    background-color: #232c31;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.gamdon-crash-game-container .gamdom-top {
    background-color: #36474f;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.gamdon-crash-game-container .gamdom-top .gamdom-logo-container {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    justify-content: center
}

.gamdon-crash-game-container .gamdom-top .gamdom-logo {
    max-width: 100%;
    max-height: 100%
}

.gamdon-crash-game-container .gamdom-endgame-text,
.gamdon-crash-game-container .gamdom-midgame-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px
}

.gamdon-crash-game-container .gamdom-endgame-text .line1 {
    color: #cf3737;
    font-weight: 700
}

.gamdon-crash-game-container .line1,
.gamdon-crash-game-container .line2 {
    height: 21px
}

.gamdon-crash-game-container .gamdom-middle {
    position: relative;
    height: 100%
}

.gamdon-crash-game-container .gamdom-middle .gamdom-canvas-container {
    padding: 8px;
    height: calc(100% - 16px);
    display: flex;
    align-items: flex-end
}

.gamdon-crash-game-container .gamdom-middle .gamdom-text {
    position: absolute;
    top: 8px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.gamdon-crash-game-container .gamdom-start-button {
    height: 30px;
    border: 2px solid #50e07a;
    color: #50e07a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 16px
}

.gamdon-crash-game-container .gamdom-start-button:hover {
    background-color: #50e07a;
    color: #003f12;
    cursor: pointer
}

.gamdon-crash-game-container .gamdom-stop-button {
    height: 30px;
    border: 2px solid #fde833;
    color: #fde833;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 16px
}

.gamdon-crash-game-container .green-btn {
    background-color: #50e07a;
    color: #003f12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px
}

.gamdon-crash-game-container .green-btn:hover {
    cursor: pointer;
    background-color: #6ef194
}

.gamdon-crash-game-container .gamdom-cta {
    height: 40px;
    margin-top: 16px
}

.gamdon-crash-game-container .gamdom-sub {
    color: hsla(0, 0%, 100%, .65);
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    flex-direction: column
}

.gamdon-crash-game-container .gamdom-bottom {
    background-color: #36474f;
    height: 255px;
    padding: 16px
}

.gamdon-crash-game-container .gamdom-bottom-row:first-child {
    margin-bottom: 16px
}

.gamdon-crash-game-container .gamdom-row-title {
    color: #7292a1;
    font-size: 12px;
    margin-bottom: 4px
}

.gamdon-crash-game-container .gamdom-input {
    border-radius: 4px;
    background-color: #242b31;
    border: 0;
    height: 30px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 0 8px;
    width: calc(100% - 8px)
}

.midnite-firstcol-box {
    height: 230px;
    overflow: hidden;
    border: 4px solid #544fe3;
    background: #20252c;
    position: relative;
    display: flex;
    flex-direction: column
}

.midnite-firstcol-box .top {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 12px
}

.midnite-firstcol-box .midnite-banner-info {
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.midnite-firstcol-box .midnite-button,
.midnite-firstcol-box .midnite-button:hover {
    color: #fff !important
}

.midnite-firstcol-box .mid {
    margin-bottom: 8px
}

.midnite-firstcol-box .midnite-img-container {
    margin: 0 auto;
    text-align: center;
    position: relative;
    bottom: 8px
}

.midnite-firstcol-box .bottom-disclaimer {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.midnite-firstcol-box .team-name {
    color: #fff !important;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 1px;
    max-width: 100%
}

.midnite-firstcol-box .midnite-offer-container {
    display: flex
}

.midnite-firstcol-box .midnite-offer {
    height: 26px;
    width: 114px;
    margin: -2px auto 6px
}

.midnite-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.midnite-firstcol-box .teamodds .team-odds {
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #2b3037;
    border-radius: 4px;
    height: 52px
}

.midnite-firstcol-box .teamodds .team-odds:first-child {
    margin-bottom: 6px
}

.midnite-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.midnite-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 16px);
    text-align: center;
    background-color: #363c44;
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #4e4ad8
}

.midnite-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.midnite-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.midnite-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.midnite-firstcol-box .bottom {
    display: flex;
    width: calc(100% - 16px);
    justify-content: center;
    height: 29px;
    background-color: #4e4ad8;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 4px;
    align-items: center
}

.midnite-firstcol-box .bottom:hover {
    background-color: #544fe3;
    cursor: pointer
}

.bitskins {
    --bitskins-green: #00bc8c;
    --bitskins-blue: #3a87ad
}

.right2Col .bitskins-col-box .bitskins-price-container .bitskins-discount {
    font-size: 10px;
    display: flex;
    align-items: center;
    padding: 0 4px
}

.right2Col .bitskins-col-box .bitskins-price {
    margin-right: 3px;
    font-size: 17px
}

.bitskins-wide-container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 118px;
    width: 100%;
    background-color: #303030;
    display: flex;
    flex-direction: row;
    color: #fff;
    overflow: hidden;
    justify-content: space-between;
    padding: 8px;
    box-sizing: border-box;
    gap: 16px
}

.bitskins-wide-container:hover {
    color: #fff !important
}

.bitskins-wide-container .bitskins-wide-right {
    flex: 1 auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bitskins-wide-container .bitskins-wide-right:hover {
    color: #fff !important
}

.bitskins-wide-container .bitskins-price-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.bitskins-wide-container .bitskins-price {
    font-size: 18px;
    margin-right: 4px;
    font-weight: 700
}

.bitskins-wide-container .bitskins-currency {
    color: var(--bitskins-green)
}

.bitskins-wide-container .bitskins-discount {
    background-color: var(--bitskins-blue);
    font-size: 12px;
    border-radius: 100px;
    padding: 0 6px;
    height: 19px
}

.bitskins-wide-container .bitskins-cta-container {
    height: 23px;
    text-align: center;
    font-weight: 700;
    margin-top: 4px
}

.bitskins-wide-container .bitskins-cta-container .bitskins-cta {
    background-color: var(--bitskins-green);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 14px;
    padding: 0 8px
}

.bitskins-wide-container .bitskins-cta-container .bitskins-cta:hover {
    cursor: pointer;
    background-color: #008966;
    border-color: #007f5e
}

.bitskins-wide-container .fa-check {
    color: var(--bitskins-green);
    margin-right: 4px
}

.bitskins-wide-container .biskins-wide-logo {
    max-width: 100%
}

.bitskins-wide-container .bitskins-wide-extra-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.bitskins-wide-container .bitskins-wide-item-image-container {
    flex: 0 0 100px;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.bitskins-wide-container .bitskins-wide-item-image-container:after {
    content: "";
    height: 200px;
    width: 200px;
    display: block;
    position: absolute;
    left: -80px;
    top: -50px;
    background: radial-gradient(50% 50% at 50% 50%, #09bc8e 0, rgba(70, 69, 69, 0) 100%);
    opacity: .35
}

.bitskins-wide-container .bitskins-wide-item-image {
    max-height: 100%;
    max-width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-46%);
    z-index: 1
}

.bitskins-wide-container .bitskins-wide-item-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.bitskins-wide-container .bitskins-wide-item-container {
    flex: 0 1 260px;
    background-color: #232a30;
    border-radius: 4px;
    height: 102px;
    overflow: hidden;
    position: relative;
    display: flex;
    box-shadow: 0 1px 1px #171f25, 0 -1px 0 rgba(0, 188, 140, .18), 0 2px 10px rgba(0, 0, 0, .35)
}

.bitskins-wide-container .bitskins-wide-item-container:hover {
    color: #fff !important
}

.bitskins-top-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 60px;
    width: 470px;
    background-color: #232a30;
    display: flex;
    flex-direction: row;
    color: #fff;
    overflow: hidden
}

.bitskins-top-box:hover {
    color: #fff !important
}

.bitskins-top-box .bitskins-logo-container {
    text-align: right;
    margin-right: 8px;
    margin-top: 4px
}

.bitskins-top-box .bitskins-logo {
    height: 23px;
    position: relative;
    top: 4px
}

.bitskins-top-box .bitskins-end-container {
    flex: 1 auto
}

.bitskins-top-box .bitskins-description-container {
    display: flex;
    flex-direction: row;
    margin-right: 8px;
    margin-bottom: 4px;
    height: 23px;
    justify-content: flex-end;
    position: relative;
    top: 2px
}

.bitskins-top-box .bitskins-description-container.bitskins-top-banner {
    margin-left: 4px;
    white-space: nowrap;
    margin-top: 2px
}

.bitskins-top-box .bitskins-description {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    justify-content: center;
    font-size: 10px;
    align-items: center
}

.bitskins-top-box .bitskins-description:first-child {
    margin-right: 8px
}

.bitskins-top-box .bitskins-mid-container {
    flex: 150px 0 1
}

.bitskins-top-box .bitskins-cta-container {
    height: 23px;
    text-align: center;
    font-weight: 700
}

.bitskins-top-box .bitskins-cta-container .bitskins-cta {
    background-color: var(--bitskins-green);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 14px
}

.bitskins-top-box .bitskins-cta-container .bitskins-cta:hover {
    cursor: pointer;
    background-color: #008966;
    border-color: #007f5e
}

.bitskins-top-box .bitskins-price-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.bitskins-top-box .bitskins-price {
    font-size: 18px;
    margin-right: 4px
}

.bitskins-top-box .bitskins-currency {
    color: var(--bitskins-green)
}

.bitskins-top-box .bitskins-discount {
    background-color: var(--bitskins-blue);
    font-size: 12px;
    border-radius: 100px;
    padding: 0 6px;
    height: 19px
}

.bitskins-top-box .fa-check {
    color: var(--bitskins-green);
    margin-right: 4px
}

.bitskins-top-box .bitskins-weapon-container {
    width: 94px;
    position: relative;
    margin-right: 12px
}

.bitskins-top-box .bitskins-weapon-container:after {
    content: "";
    height: 145px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
    background: radial-gradient(50% 50% at 50% 50%, #09bc8e 0, rgba(70, 69, 69, 0) 100%);
    opacity: .5
}

.bitskins-top-box .bitskins-weapon {
    position: absolute;
    max-width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.bitskins-col-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 235px;
    background-color: #232a30;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    color: #fff;
    overflow: hidden
}

.bitskins-col-box:hover {
    color: #fff !important
}

.bitskins-col-box .bitskins-logo-container {
    height: 31px;
    background-color: #333a3f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    position: relative;
    z-index: 2
}

.bitskins-col-box .bitskins-weapon {
    position: absolute;
    max-width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.bitskins-col-box .bitskins-logo {
    max-height: 100%;
    max-width: 100%
}

.bitskins-col-box .bitskins-weapon-container {
    height: 110px;
    position: relative
}

.bitskins-col-box .bitskins-weapon-container:after {
    content: "";
    height: 145px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    background: radial-gradient(50% 50% at 50% 50%, #09bc8e 0, rgba(70, 69, 69, 0) 100%);
    opacity: .5
}

.bitskins-col-box .bitskins-price-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.bitskins-col-box .bitskins-price {
    font-size: 18px;
    margin-right: 4px
}

.bitskins-col-box .bitskins-currency {
    color: var(--bitskins-green)
}

.bitskins-col-box .bitskins-discount {
    background-color: var(--bitskins-blue);
    font-size: 12px;
    border-radius: 100px;
    padding: 0 6px;
    height: 19px
}

.bitskins-col-box .fa-check {
    color: var(--bitskins-green);
    margin-right: 4px
}

.bitskins-col-box .bitskins-description-container {
    margin-top: -4px
}

.bitskins-col-box .bitskins-description {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    justify-content: center;
    font-size: 10px;
    align-items: center
}

.bitskins-col-box .bitskins-cta-container {
    height: 23px;
    text-align: center;
    font-weight: 700;
    margin-top: 5px
}

.bitskins-col-box .bitskins-cta-container .bitskins-cta {
    background-color: var(--bitskins-green);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #01a077;
    font-size: 14px
}

.bitskins-col-box .bitskins-cta-container .bitskins-cta:hover {
    cursor: pointer;
    background-color: #008966;
    border-color: #007f5e
}

.luckbox-firstcol-box {
    height: 600px;
    overflow: hidden;
    background: #000;
    position: relative;
    display: flex;
    flex-direction: column
}

.luckbox-firstcol-box.luckbox-1 .team-odds:last-child {
    position: relative;
    top: 22px
}

.luckbox-firstcol-box.luckbox-2 .mid {
    top: 234px
}

.luckbox-firstcol-box.luckbox-2 .team-odds:last-child {
    position: relative;
    top: 26px
}

.luckbox-firstcol-box .mid {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 60px
}

.luckbox-firstcol-box .teamodds {
    display: flex;
    align-items: center;
    flex-direction: column
}

.luckbox-firstcol-box .teamodds .team-odds {
    width: calc(100% - 16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #2d313e;
    border-radius: 4px;
    height: 52px
}

.luckbox-firstcol-box .teamodds .team-odds:first-child {
    margin-bottom: 6px
}

.luckbox-firstcol-box .teamodds .team-odds:hover {
    cursor: pointer;
    filter: brightness(1.15)
}

.luckbox-firstcol-box .teamodds .team-odds-odds {
    margin-top: 2px;
    margin-bottom: 6px;
    width: calc(100% - 16px);
    text-align: center;
    background-color: #4ef690;
    border-radius: 4px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #000
}

.luckbox-firstcol-box .teamodds .team-vs {
    color: #544fe3;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.luckbox-firstcol-box .teamodds .team-logo-container {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.luckbox-firstcol-box .teamodds .team-name {
    font-weight: 700
}

.luckbox-firstcol-box .teamodds .team-logo {
    max-height: 100%;
    max-width: 100%
}

.luckbox-alt {
    position: relative;
    padding-top: 23.5109717868%;
    height: 0;
    overflow: hidden;
    margin-top: 16px;
    display: block;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844
}

@media (max-width:500px) {
    .luckbox-alt {
        display: none
    }
}

.luckbox-alt .luckbox-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.luckbox-alt .luckbox-numbers-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.luckbox-alt .luckbox-number {
    background-color: #303340;
    border-radius: 6px;
    position: absolute;
    height: 32%;
    width: 23%;
    top: 34%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 0 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.luckbox-alt .luckbox-number:hover {
    filter: brightness(120%)
}

.luckbox-alt .team-name {
    margin-top: -5px
}

.luckbox-alt .team-odds {
    background-color: #4ef690;
    border-radius: 6px;
    color: #092219;
    height: 20px
}

.luckbox-alt .luckbox-left {
    left: 19.5%
}

.luckbox-alt .luckbox-right {
    right: 19.5%
}

.streambe-oxVVUdvP123Gazx {
    background-color: #201c39
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    background-color: #241f41;
    border-color: #4c4673
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    background-color: #8867ff !important
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background-color: #7857ec !important
}

@media (max-width:500px) {
    .streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-text {
        width: 35px !important
    }
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button {
    background-color: inherit !important;
    border: 1px solid #8867ff !important;
    opacity: 1 !important;
    font-size: 10px !important
}

@media (max-width:500px) {
    .streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button {
        font-size: 7px !important
    }
}

@media (max-width:500px) {
    .streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-2 {
        width: 40px !important
    }
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team-name {
    height: 38px
}

.streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-extra-text {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {
    .streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team1 {
        margin-right: 4px !important
    }
}

@media (max-width:500px) {
    .streambe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team2 {
        margin-left: 4px !important
    }
}

.smartphone-top-widget.streambe {
    --ctaColor: #8867ff;
    --ctaTextColor: #fff;
    --rowColor: #1c1d26;
    --rowTextColor: #8867ff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #231d3d;
    background: #231d3d url(/img/newwidgets/streambet/smartphone-bg.png) no-repeat
}

.smartphone-top-widget.streambe .smartphone-top-widget-match-row {
    border: 1px solid #524292
}

.smartphone-top-widget.streambe .smartphone-top-widget-provider-logo {
    max-width: 135px !important
}

.sapphirebe-oxVVUdvP123Gazx {
    background-color: #0c1f73
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo-container {
    background-color: #0a195c;
    border-color: #182e90
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-logo {
    height: 30px !important;
    margin-top: 0 !important
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button {
    background-color: #0a195c !important;
    border-radius: 100px !important;
    border: 2px solid #d5a77c
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-button:hover {
    background-color: #d5a77c !important
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-text {
    width: 65px !important
}

@media (max-width:500px) {
    .sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-number-text {
        width: 40px !important
    }
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button {
    background-color: inherit !important;
    border: 1px solid #d5a77c !important;
    opacity: 1 !important;
    font-size: 10px !important
}

@media (max-width:500px) {
    .sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-vs-button {
        font-size: 7px !important
    }
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team-name {
    height: 38px
}

.sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-extra-text {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

@media (max-width:500px) {
    .sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-extra-text {
        font-size: 11px;
        margin: 0 8px
    }
}

@media (max-width:500px) {
    .sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team1 {
        margin-right: 4px !important
    }
}

@media (max-width:500px) {
    .sapphirebe-oxVVUdvP123Gazx .article-matches-oxVVUdvP123Gazx-team2 {
        margin-left: 4px !important
    }
}

.skinport-widget {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    background-color: #1d2021;
    display: flex;
    height: 133px;
    overflow: hidden;
    color: #fff
}

.skinport-widget:hover {
    color: #fff !important
}

.skinport-widget:hover .skinport-buy-now {
    background-color: #36809a
}

.skinport-widget:hover .skinport-right:after,
.skinport-widget:hover .skinport-right:before {
    opacity: .1
}

.skinport-widget:hover .skinport-logo {
    transform: scale(1.1)
}

.skinport-widget .skinport-left {
    flex: 0 0 160px;
    display: flex;
    padding: 16px;
    box-sizing: border-box;
    position: relative
}

.skinport-widget .skinport-left:before {
    display: block;
    content: "";
    background: linear-gradient(273deg, #000, transparent);
    position: absolute;
    height: 100%;
    width: 120px;
    right: 0;
    top: 0
}

.skinport-widget .skinport-logo {
    max-width: 100%;
    position: relative;
    transform: scale(1);
    transition: .2s ease
}

.skinport-widget .skinport-right {
    display: flex;
    flex: 1 auto;
    position: relative;
    overflow: hidden;
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.skinport-widget .skinport-right:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    right: 0;
    left: -50px;
    background: radial-gradient(50% 50% at 50% 50%, #848484 0, hsla(0, 0%, 84.7%, 0) 100%);
    opacity: .3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.skinport-widget .skinport-right:after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: linear-gradient(302.35deg, #fa490a, rgba(250, 73, 10, 0) 63.18%);
    opacity: .2
}

.skinport-widget .skinport-weapon-img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 1
}

.skinport-widget .skinport-right-left {
    position: relative;
    flex: 0 0 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.skinport-widget .skinport-right-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 16px;
    position: relative;
    flex: 1 auto
}

.skinport-widget .skinport-right-top {
    font-size: 11px;
    opacity: .65
}

.skinport-widget .skinport-right-bottom {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.skinport-widget .skinport-price {
    display: flex;
    font-weight: 700;
    font-size: 22px;
    align-items: center;
    flex: 1 auto
}

.skinport-widget .skinport-discount {
    font-size: 12px;
    position: relative;
    z-index: 1;
    margin-left: 8px;
    font-weight: inherit;
    padding: 0 5px;
    justify-content: center;
    align-items: center;
    display: flex
}

.skinport-widget .skinport-discount:before {
    background: linear-gradient(285.52deg, #fa490a 10.14%, #0073d5 88.99%);
    border-radius: 4px;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: skew(-15deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.skinport-widget .skinport-buy-now {
    flex: 0 0 84px;
    margin-right: 16px;
    background-color: #4db5da;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.sidebar-skin-small-1.skinport {
    --background-color: linear-gradient(302.35deg, #7e4d3d, #2b2f30 63.18%);
    --rowColor: #1d2021;
    --ctaColor: #4db5da;
    --discount-bg-color: linear-gradient(135deg, #0073d5, #fa490a)
}

.skin-news-widget.skinbaron,
.skin-widget-wide.skinbaron {
    --background-color: #5447b3;
    --alternate-background-color: #191630;
    --cta-color: #eed54a;
    --cta-text-color: #000
}

.skin-news-widget .skin-news-widget-top-left,
.skin-news-widget .skin-news-widget-top-right,
.skin-news-widget .skin-widget-wide-top-left,
.skin-news-widget .skin-widget-wide-top-right,
.skin-widget-wide .skin-news-widget-top-left,
.skin-widget-wide .skin-news-widget-top-right,
.skin-widget-wide .skin-widget-wide-top-left,
.skin-widget-wide .skin-widget-wide-top-right {
    position: relative;
    z-index: 1
}

.skin-news-widget .skin-news-widget-top,
.skin-widget-wide .skin-news-widget-top {
    position: relative
}

.skin-news-widget .skin-news-widget-top:after,
.skin-widget-wide .skin-news-widget-top:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(148.81deg, #403686 -23.25%, #2c2844 60.51%)
}

.skin-news-widget .skin-widget-wide-top,
.skin-widget-wide .skin-widget-wide-top {
    position: relative
}

.skin-news-widget .skin-widget-wide-top:after,
.skin-widget-wide .skin-widget-wide-top:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: linear-gradient(231deg, #0d0c10 6.75%, #433a82 90.51%)
}

.skinbaron-banner {
    max-height: 100%;
    max-width: 100%
}

.skinbaron-widget {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    background-color: #2d3844;
    height: 118px;
    width: 100%;
    background: #000 url(/img/newwidgets/skinbaron/skinbaron-widget.png);
    background-size: cover;
    overflow: hidden;
    position: relative;
    display: block
}

.skinbaron-widget .skinbaron-widget-content {
    position: absolute;
    right: 2%;
    top: 14px;
    width: 48%;
    height: 90px
}

.skinbaron-widget .skinbaron-widget-img-container {
    width: 38%;
    height: 100%;
    margin-left: -8px;
    float: right
}

.skinbaron-widget .skinbaron-widget-img {
    max-height: 100%;
    max-width: 100%
}

.skinbaron-widget .skinbaron-widget-name {
    height: 49%;
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 2px;
    left: 16px;
    width: 60%;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px
}

.skinbaron-widget .skinbaron-lineclamp {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden
}

.skinbaron-widget .skinbaron-price-text {
    position: absolute;
    color: #fff;
    top: -1px;
    left: 16px;
    width: 60%
}

.skinbaron-widget .skinbaron-price-container {
    position: absolute;
    color: #fff;
    top: 18px;
    left: 16px;
    width: 60%;
    font-size: 12px;
    font-weight: 700
}

.skinbaron-widget .skinbaron-price {
    color: #181430;
    background: #fbe175;
    border-radius: 4px;
    padding: 0 8px;
    display: inline-block
}

.smartphone-top-widget.betwinner {
    --dateColor: #fff;
    --timeColor: #fff;
    --ctaColor: #ffce06;
    --ctaTextColor: #303634;
    --rowColor: #303634;
    --rowTextColor: #ffce06;
    --backgroundColor: #13503a;
    background: #13503a url(/img/newwidgets/betwinner/mobile-bg.jpg) no-repeat
}

.firstcol-small-box.betwinner {
    background: #13503a url(/img/newwidgets/betwinner/widget-bg.jpg) no-repeat;
    background-size: cover
}

.firstcol-small-box.betwinner .team-odds:hover {
    filter: brightness(100%)
}

.firstcol-small-box.betwinner .team-odds:hover .team-odds-odds {
    background-color: #e2b709 !important
}

.firstcol-small-box.betwinner .top-logo {
    background-color: transparent
}

.firstcol-small-box.betwinner .team-odds-odds {
    background-color: #ffce06;
    border-radius: 4px;
    border: 0;
    color: #303634
}

.betsafe.smartphone-top-widget {
    --dateColor: #fff;
    --timeColor: #fff;
    --ctaColor: #a60000;
    --ctaTextColor: #fff;
    --rowColor: #232323;
    --rowTextColor: #fff;
    --backgroundColor: #312e25;
    background: #312e25 url(/img/newwidgets/betsafe/betsafe-mobiletop-bg.png) no-repeat
}

.betsafe.smartphone-top-widget .smartphone-top-widget-match-row {
    border: 1px solid var(--ctaColor);
    border-radius: 4px
}

.betsafe.smartphone-top-widget .smartphone-top-widget-match-odds {
    border-radius: 0 4px 4px 0;
    border: 1px solid var(--ctaColor)
}

.betsafe.smartphone-bottom-widget {
    --ctaColor: #a60000;
    --ctaTextColor: #fff;
    --rowColor: #232323;
    --rowTextColor: #fff;
    background: #000 url(/img/newwidgets/betsafe/betsafe-mobilebottom-bg.png) no-repeat;
    background-size: cover
}

.betsafe.smartphone-bottom-widget .smartphone-bottom-widget-match-row {
    border: 1px solid var(--ctaColor);
    border-radius: 4px
}

.betsafe.smartphone-bottom-widget .smartphone-bottom-widget-match-odds {
    border-radius: 0 4px 4px 0;
    border: 1px solid var(--ctaColor)
}

.matchpage-besafe.matchpage-match-widget-old {
    grid-template-rows: auto 10px;
    background: #312e25 url(/img/newwidgets/betsafe/widgetBg.png) 0 bottom no-repeat
}

@media (max-width:500px) {
    .matchpage-besafe.matchpage-match-widget-old {
        grid-template-rows: auto auto auto
    }
}

.matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-cta {
    background: none;
    font-size: 8px;
    color: hsla(0, 0%, 100%, .6);
    height: 12px
}

.matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-team {
    justify-content: center
}

.matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-odds {
    background: #a60000
}

.matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-team {
    background: #232323
}

.matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
    background: #161616
}

@media (max-width:500px) {
    .matchpage-besafe.matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
        margin-top: 0;
        background: none
    }
}

.nordicbe.smartphone-top-widget {
    --dateColor: #fff;
    --timeColor: #fff;
    --ctaColor: #006eb5;
    --ctaTextColor: #fff;
    --rowColor: #232323;
    --rowTextColor: #fff;
    --backgroundColor: #312e25;
    background: #312e25 url(/img/newwidgets/nordicbet/widgetBg.png) no-repeat
}

.nordicbe.smartphone-top-widget .smartphone-top-widget-match-row {
    border: 1px solid var(--ctaColor);
    border-radius: 4px
}

.nordicbe.smartphone-top-widget .smartphone-top-widget-match-odds {
    border-radius: 0 4px 4px 0;
    border: 1px solid var(--ctaColor)
}

.matchpage-nordicbe.matchpage-match-widget-old {
    grid-template-rows: auto 10px;
    background: #312e25 url(/img/newwidgets/nordicbet/widgetBg.png) 0 bottom no-repeat
}

@media (max-width:500px) {
    .matchpage-nordicbe.matchpage-match-widget-old {
        grid-template-rows: auto auto auto
    }
}

.matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-cta {
    background: none;
    font-size: 8px;
    color: hsla(0, 0%, 100%, .6);
    height: 12px
}

.matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-team {
    justify-content: center
}

.matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-odds {
    background: #006eb5
}

.matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-team {
    background: #232323
}

.matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
    background: #161616
}

@media (max-width:500px) {
    .matchpage-nordicbe.matchpage-match-widget-old .matchpage-match-widget-old-logo-container {
        margin-top: 0;
        background: none
    }
}

.uSrGQNfoxo.beboom {
    background-color: #343842 !important
}

.uSrGQNfoxo.beboom .featured-matches-top-match {
    flex-direction: column
}

.uSrGQNfoxo.beboom .featured-matches-top-middle-container {
    justify-content: flex-start !important;
    margin-left: 4px !important;
    flex: 0 0 14px !important
}

.uSrGQNfoxo.beboom .featured-matches-top-team-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.uSrGQNfoxo.beboom .featured-matches-top-team {
    flex-direction: row !important;
    align-self: flex-start !important;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 4px
}

.uSrGQNfoxo.beboom .flag {
    margin-right: 2px
}

.uSrGQNfoxo.beboom .featured-matches-top-team-name {
    max-width: 55px;
    font-size: 11px;
    width: 100%;
    text-align: left
}

.uSrGQNfoxo.beboom .featured-matches-top-team-number {
    background-color: #f8e800 !important;
    color: #000 !important
}

.uSrGQNfoxo.beboom .featured-matches-provider:after {
    background-color: #121620 !important;
    height: calc(100% + 18px) !important;
    top: -9px !important
}

.beboom.column-multiple-oxVVUdvP123Gazx.beboom-single {
    background: url(/img/newwidgets/betboom/beboom_first_col_single_bg.png) no-repeat;
    height: 145px;
    padding-top: 29px;
    background-size: cover
}

.beboom.column-multiple-oxVVUdvP123Gazx.beboom-quadruple {
    background: url(/img/newwidgets/betboom/beboom_first_col_multi_bg.jpg) no-repeat;
    padding-top: 80px;
    height: 600px;
    background-size: cover
}

.beboom.column-multiple-oxVVUdvP123Gazx .gg-oxVVUdvP123Gazx-logo-container {
    display: none
}

.beboom.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .versus {
    background-color: #f8ea03;
    color: #000;
    line-height: 31px
}

.beboom.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds {
    color: #000
}

.beboom.column-multiple-oxVVUdvP123Gazx .column-multiple-oxVVUdvP123Gazx-odds .odds-container .odds:after {
    border: 3px solid #f8ea03;
    background: #f8ea03;
    color: #000
}

.smartphone-top-widget.picklebe {
    --ctaColor: #57d43c;
    --ctaTextColor: #fff;
    --rowColor: #435c50;
    --rowTextColor: #57d43c;
    --backgroundColor: #162423;
    background: linear-gradient(55.84deg, #3d8e31 -21%, #162126 42%)
}

.firstcol-small-box.layout-2.ewinner {
    background: #0b1459 url(/img/newwidgets/ewinner/widget-bg.jpg) no-repeat;
    background-size: cover
}

.firstcol-small-box.layout-2.ewinner .team-odds:hover .team-odds-odds {
    background: #ffb50c
}

.firstcol-small-box.layout-2.ewinner .team-odds-odds {
    background-color: #fec135;
    color: #0b1459;
    border: 0;
    border-radius: 4px
}

.firstcol-small-box.layout-2.ewinner .team-odds-odds:hover {
    background: #ffb50c
}

.firstcol-small-box.layout-2.ewinner .top-logo {
    background-color: transparent
}

.matchpage-match-widget-old.matchpage-vie {
    background-color: #121318
}

.matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-team {
    background-color: #24252e
}

.matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-odds {
    background: hsla(0, 0%, 100%, .1)
}

@media (max-width:500px) {
    .matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-logo {
        max-height: 22px
    }
}

.matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-logo-container {
    background-color: transparent
}

.matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-cta {
    background-color: #eb1f25
}

.matchpage-match-widget-old.matchpage-vie .matchpage-match-widget-old-cta:hover {
    background-color: #db2326
}

.smartphone-top-widget.vie {
    --ctaColor: #eb1f25;
    --ctaTextColor: #fff;
    --rowColor: #24252e;
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #121318
}

.smartphone-top-widget.vie .smartphone-top-widget-provider-logo {
    max-height: 50px
}

.smartphone-top-widget.lvbe {
    --ctaColor: #fbcb00;
    --ctaTextColor: #000;
    --rowColor: #313137;
    --rowTextColor: #fff;
    --dateColor: #fff;
    --timeColor: #fff;
    --backgroundColor: #0f0e11
}

.smartphone-top-widget.lvbe .smartphone-top-widget-match-row {
    border-radius: 4px;
    overflow: hidden
}

.pixel-tracking {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute
}