
.seoAdWrapper {
    background-color: #00141e;
    overflow: hidden
}

.seoAdWrapper .adsenvelope {
    float: none;
    left: 6px;
    margin: 0 auto;
    padding-bottom: 10px
}

.non-responsive .seoAdWrapper .adsenvelope[class*=banx-responsive] {
    padding-bottom: 20px
}

.non-responsive .seoAdWrapper .adsenvelope[class*=banx-responsive] .ads__text {
    height: 20px
}

@media only screen and (max-width: 1048px) {
    .seoAdWrapper .adsenvelope {
        left:0
    }
}

.seoTop {
    color: #eee;
    display: grid
}

.seoTop__content {
    grid-area: content;
    overflow-x: auto
}

.seoTop h1 {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 7px 10px;
    white-space: nowrap
}

.seoTopHidden~.adsenvelope {
    padding-top: 10px
}

#lsid {
    display: none
}

.header {
    background-color: #001e28;
    display: grid
}

.header__bg {
    grid-area: content;
    height: 100%;
    max-height: 84px;
    max-width: 1048px;
    width: 100%
}

@media only screen and (max-width: 639px) {
    .header__bg {
        max-height:48px
    }
}

.header__promoBar {
    --promoBarContent-gridTemplate: " flag .   description .   languages     .                close " minmax(30px,auto)/auto 8px auto 8px max-content minmax(8px,1fr) auto;
    background-color: var(--color-highlight);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    display: grid;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: var(--zIndex-promoBar)
}

@media only screen and (max-width: 639px) {
    .header__promoBar {
        --promoBarContent-gridTemplate:" flag     .        description .        close   " " .        .        .           .        .       " 8px " languages   languages   languages      languages   languages  "/auto 8px 1fr 8px auto;
        box-shadow: none;
        position: fixed;
        transform: translateY(-100%)
    }
}

.header__content {
    grid-column-gap: 8px;
    align-items: center;
    background-color: #001e28;
    box-sizing: border-box;
    color: var(--color-white);
    display: grid;
    grid-area: content;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    grid-template-rows: 40px;
    padding: 24px 16px 20px;
    position: relative
}

.header__logoWrapper {
    display: flex;
    margin-right: auto;
    position: relative
}

.header__logo {
    height: 42px;
    width: 275px
}

._ss .header__logo {
    height: 18px
}

@media only screen and (max-width: 639px) {
    ._ss .header__logo {
        height:14px
    }
}

.header__block {
    display: flex;
    height: 100%;
    position: relative
}

.header__block--search {
    width: 40px
}

.header__block--user {
    width: auto
}

.header__block--menu {
    width: 40px
}

.header__block--active {
    background-color: var(--color-white);
    color: var(--color-secondary-3)
}

.header__icon {
    flex-shrink: 0;
    height: 20px;
    justify-self: center;
    width: 20px
}

.header__icon--search {
    height: 18px;
    width: 18px
}

.header__icon--user {
    height: 16px;
    width: 16px
}

.header__button {
    align-items: center;
    background-color: var(--color-secondary-3);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    grid-auto-flow: column;
    height: 100%;
    width: 100%
}

.header__button:hover {
    background-color: #00141e
}

.header__button--active,.header__button--active:hover {
    background-color: var(--color-support-5);
    color: var(--color-combination-1)
}

.header__button--user {
    column-gap: 8px;
    padding: 0 12px
}

.header__text {
    font-weight: 700
}

.header__text--user:not(.header__text--loggedIn) {
    text-transform: uppercase
}

.header__langBoxWrapper {
    display: none;
    position: relative
}

.header__langBoxWrapper--active {
    display: grid
}

.header__items {
    display: flex;
    overflow: hidden
}

.isWide .header__items {
    margin-left: 60px
}

@media only screen and (max-width: 1188px) {
    .isWide .header__items {
        margin-left:unset
    }
}

.header__item {
    color: #c8cdcd;
    cursor: pointer;
    display: grid;
    font-weight: 700;
    grid-template: " . .      .      . " 27px " . icon   text   . " 20px " . .      .      . " 28px " border border border border" 4px/14px max-content max-content 14px;
    place-items: center;
    position: relative
}

.header__item--active {
    background-color: #00141e
}

.header__item--active:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    content: "";
    grid-area: border;
    height: 100%;
    width: 100%
}

.header__itemIcon {
    grid-area: icon;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.header__itemText {
    align-items: center;
    display: flex;
    grid-area: text;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (max-width: 639px) {
    .header__content {
        grid-template-rows:32px;
        padding: 8px 8px 8px 12px
    }

    .header__logo {
        height: 24px;
        width: 180px
    }

    .header__button:hover {
        background-color: var(--color-secondary-3)
    }

    .header__button--active:hover {
        background-color: var(--color-support-5);
        color: var(--color-combination-1)
    }

    .header__button--user {
        padding: 0
    }

    .header__text--user {
        display: none
    }

    .header__block {
        width: 32px
    }

    .header__block--user {
        padding: initial;
        position: static
    }

    .header__icon {
        height: 16px;
        width: 16px
    }
}

@media only screen and (max-width: 330px) {
    .header__logo {
        height:24px;
        width: 170px
    }
}

._ff .header,._ff .header__content {
    background-color: #0d2748
}

._ff .header__button {
    background-color: rgba(0,0,0,.31)
}

._ff .header__button:hover {
    background-color: #000
}

@media only screen and (max-width: 639px) {
    ._ff .header__button:hover {
        background-color:rgba(0,0,0,.31)
    }
}

._ff .header__button--active,._ff .header__button--active:hover {
    background-color: var(--color-support-5)
}

.hasFsNews .header__content {
    grid-template-columns: max-content 1fr;
    padding: 24px 16px
}

.hasFsNews .header__logo {
    width: 225px;
    height: 40px;
}

.hasFsNews .header__item {
    grid-template: " . .      .      . " 34px " . icon   text   . " 20px " . .      .      . " 30px " border border border border" 4px/20px max-content max-content 20px
}

.hasFsNews .header__item--active,.hasFsNews .header__item:hover {
    color: #fff
}

@media only screen and (max-width: 1047px) {
    .hasFsNews .header__text--user {
        display:none
    }
}

@media only screen and (max-width: 799px) {
    .hasFsNews .header__content {
        grid-template-rows:32px
    }

    .hasFsNews .header__block {
        width: 32px
    }

    .hasFsNews .header__item {
        grid-template: " . .      .      . " 30px " . icon   text   . " 20px " . .      .      . " 26px " border border border border" 4px/8px max-content max-content 8px
    }

    .hasFsNews .header__button--user {
        padding: initial
    }
}

@media only screen and (max-width: 639px) {
    .hasFsNews .header__content {
        grid-column-gap:0;
        grid-template: " .             .             .              .              .             . " 8px " header__logo  .             header__search .              header__user  header__menu " 32px " .             .             .              .              .             . " 8px " header__items header__items header__items  header__items  header__items header__items " 44px/1fr 8px 32px 8px 32px min-content;
        padding: 0 12px
    }

    .hasFsNews .header__logoWrapper {
        grid-area: header__logo
    }

    .hasFsNews .header__logo {
        width: 176px
    }

    .hasFsNews .header__items {
        grid-area: header__items;
        margin: 0 -12px
    }

    .hasFsNews .header__block--search {
        grid-area: header__search
    }

    .hasFsNews .header__block--user {
        grid-area: header__user
    }

    .hasFsNews .header__block--menu {
        grid-area: header__menu;
        margin-left: 8px
    }

    .hasFsNews .header__item {
        grid-template: " . .      .      . " 12px " . icon   text   . " 16px " . .      .      . " 12px " border border border border" 4px/1fr max-content max-content 1fr;
        width: 50%
    }

    .hasFsNews .header__itemIcon {
        height: 16px;
        transform: translateZ(0);
        width: 16px
    }
}

.search__dropdown {
    --dropdown-height: 36px;
    --dropdown-position: static;
    --list-gridAutoRows: max-content;
    --list-minWidth: 164px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-self: end;
    min-width: 150px;
    padding: 0 8px;
    width: max-content
}

@media only screen and (max-width: 639px) {
    .search__dropdown {
        min-width:auto;
        padding: 0;
        width: 100%
    }
}

.search__dropdown .dropdown__selectedValue {
    background-color: transparent;
    border-radius: 8px;
    color: var(--color-support-4);
    font-size: 11px;
    height: auto;
    justify-content: center;
    padding: 4px 16px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 639px) {
    .search__dropdown .dropdown__selectedValue {
        height:100%;
        padding: 4px 8px
    }
}

.search__dropdown .dropdown__selectedValue--open,.search__dropdown .dropdown__selectedValue:hover {
    background-color: rgba(var(--color-support-2-rgb),.3);
    color: var(--color-support-4)
}

.search__dropdown .dropdown__list {
    height: calc(100% - 150px);
    max-width: 186px;
    right: 25px;
    top: 119px
}

@media only screen and (max-width: 639px) {
    .search__dropdown .dropdown__list {
        right:17px;
        top: 54px
    }
}

.search__dropdown .dropdown__option {
    min-height: 28px
}

.searchInput {
    border: 1px solid var(--color-support-2);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin: 24px 24px 20px
}

@media only screen and (max-width: 639px) {
    .searchInput {
        margin:16px
    }
}

.searchInput__input {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--color-combination-2);
    flex: 1;
    font-family: inherit;
    font-size: 13px;
    height: 36px;
    margin: 0;
    outline: 0;
    padding-left: 12px
}

.searchInput__moreResultsHint {
    background: var(--color-support-5);
    bottom: 0;
    color: var(--color-secondary-2);
    padding: 10px;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1
}

.searchHint {
    color: var(--color-secondary-2);
    margin: 0 32px 16px
}

@media only screen and (max-width: 639px) {
    .searchHint {
        margin:0 16px 16px
    }
}

.searchResults {
    margin-bottom: 16px;
    overflow-y: auto;
    padding: 0 24px
}

@media only screen and (max-width: 639px) {
    .searchResults {
        margin-bottom:8px;
        padding: 0 8px
    }
}

.searchResults__noResult {
    color: var(--color-combination-2);
    margin-top: 0;
    padding: 0 10px
}

@media only screen and (max-width: 639px) {
    .searchResults__noResult {
        margin-top:10px;
        padding: 0 20px
    }
}

.searchResults__section:not(:first-of-type) {
    margin-top: 10px
}

.searchResults__sectionTitle {
    align-items: center;
    color: var(--color-support-4);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    margin-bottom: 12px;
    padding-left: 8px;
    text-transform: uppercase
}

.searchResults__sportIcon {
    color: var(--color-white);
    grid-area: sportIcon;
    height: 24px;
    overflow: hidden;
    padding-right: 5px;
    width: 24px
}

.searchResults__sportName {
    color: var(--color-white);
    grid-area: sportName;
    text-transform: uppercase
}

.searchResult {
    grid-column-gap: 12px;
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    grid-template: " participantImage participantName     myTeamsIcon" " participantImage participantCategory myTeamsIcon"/min-content 1fr 32px;
    padding: 8px;
    width: 100%
}

.searchResult--selected,.searchResult:hover {
    background-color: rgba(var(--color-support-2-rgb),.2)
}

.searchResult__participantImageWrapper {
    align-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    display: flex;
    grid-area: participantImage;
    height: 36px;
    justify-content: center;
    width: 36px
}

.searchResult__participantImage {
    height: 30px;
    object-fit: cover;
    width: 30px
}

.searchResult__participantPlaceholder {
    color: var(--color-combination-17);
    height: 24px;
    width: 24px
}

.searchResult__participantName {
    color: var(--color-combination-2);
    font-size: 13px;
    font-weight: 700;
    grid-area: participantName
}

.searchResult__participantFlag {
    display: inline-block;
    height: 11px!important;
    margin-left: 5px;
    vertical-align: middle!important;
    width: 16px!important
}

.searchResult__participantCategory {
    color: var(--color-support-4);
    font-size: 11px;
    grid-area: participantCategory;
    text-transform: uppercase
}

.searchResult__myTeamsIcon {
    align-items: center;
    display: flex;
    grid-area: myTeamsIcon;
    justify-content: flex-start;
    margin: initial
}

.searchResult__myTeamsIcon .myTeamsIcon__myTeams {
    color: var(--color-yellow);
    height: 18px;
    width: 18px
}

.searchResult__myTeamsIcon .myTeamsIcon__myTeams:not(.myTeamsIcon--active) {
    --color-symbol-star-outline: var(--color-support-2);
    --color-symbol-star-fill: transparent
}

.searchResult__myTeamsIcon .pinnedIcon {
    cursor: pointer;
    display: flex;
    flex: 0 0 18px;
    height: 18px;
    position: relative;
    width: 18px
}

.searchResult__myTeamsIcon .pinnedIcon:before {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    height: 32px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    width: 32px
}

.searchResult__myTeamsIcon .pinnedIcon:hover:before {
    background-color: var(--color-support-3);
    opacity: .15
}

.searchResult__myTeamsIcon .pinnedIcon--active:hover:before {
    background-color: #1d89ec;
    opacity: .15
}

.searchSkeleton {
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 8px;
    width: 100%
}

.searchSkeleton__row {
    grid-column-gap: 12px;
    align-items: center;
    display: grid;
    grid-template-columns: 38px auto 18px
}

.searchSkeleton__row>div {
    height: 38px;
    margin: 6px 0
}

.searchSkeleton__row>div:first-of-type {
    border-radius: 8px
}

.searchSkeleton__row>div:last-of-type {
    height: 18px;
    width: 18px
}

.searchSkeleton__row:nth-child(2n)>div:nth-child(2) {
    width: 120px
}

.searchSkeleton__row:nth-child(odd)>div:nth-child(2) {
    width: 180px
}

.searchIcon {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.searchIcon svg {
    height: 18px;
    width: 18px
}

@media only screen and (max-width: 639px) {
    .searchIcon svg {
        height:16px;
        width: 16px
    }
}

#liveTableSettingsModal {
    color: var(--color-secondary-2);
    font-weight: 400
}

.langBoxModule {
    align-items: center;
    background-color: var(--color-highlight);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-combination-2);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 16px 42px 16px 16px;
    position: relative;
    row-gap: 4px;
    user-select: none
}

.langBoxModule__flag {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    grid-area: flag;
    margin-right: 8px;
    width: 20px
}

.langBoxModule__title {
    font-weight: 700;
    grid-area: title;
    margin-right: 1ex
}

.langBoxModule__description {
    grid-area: description;
    white-space: nowrap
}

.langBoxModule__description a {
    color: var(--color-combination-2);
    font-weight: 700;
    text-decoration: underline
}

.langBoxModule__description a:hover {
    text-decoration: none
}

.langBoxModule__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23999' d='M0 11.405 5.405 6 0 .595.594 0 6 5.405 11.406 0 12 .595 6.595 6 12 11.405l-.594.595L6 6.595.594 12z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 10px;
    width: 25px
}

.langBoxModule__close:hover {
    opacity: .6
}

.langBoxModule--mobile {
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    display: grid;
    gap: 8px;
    grid-template: " title title " max-content " flag description " max-content/max-content 1fr;
    position: fixed;
    top: 0;
    transform: translateY(var(--translate-y,0));
    transition: transform .35s;
    width: 100%;
    z-index: var(--zIndex-langBoxModule)
}

.legalFrance .langBoxModule--mobile {
    display: none
}

.langBoxModule--mobile .langBoxModule__close {
    top: 10px
}

.langBoxModule--mobile .langBoxModule__description {
    white-space: normal
}

.langBoxModule--mobile .langBoxModule__flag,.langBoxModule--mobile .langBoxModule__title {
    margin-right: 0
}

.responsive:not(.legalFrance) .langBoxModule--mobile~.boxOverContent--a.isSticky {
    position: static
}

.langBoxModule--mobile:not(.langBoxModule--mobileVisible) {
    --translate-y: -100%
}

.settings__heading {
    align-items: center;
    border-bottom: 1px solid var(--color-combination-8);
    color: var(--color-combination-2);
    display: none;
    padding: 16px 24px;
    position: relative
}

.settings__headline {
    font-size: 18px;
    font-weight: 700
}

.settings__container {
    display: grid;
    grid-auto-flow: row;
    padding: 0 24px
}

.settings__header {
    color: var(--color-combination-2);
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 12px
}

.settings__content {
    color: var(--color-secondary-2);
    padding: 24px 0
}

.settings__content:empty {
    display: none
}

.settings__content:not(:empty):not(:first-of-type) {
    border-top: 2px solid var(--color-combination-8)
}

.settings__area:not(:last-of-type) {
    margin-bottom: 18px
}

.settings__description {
    padding-bottom: 16px
}

.settings__options {
    grid-gap: 10px;
    display: grid
}

.settings__options--multiColumn {
    grid-template-columns: repeat(3,minmax(90px,20%))
}

.settings__label {
    column-gap: 8px;
    display: grid;
    grid-auto-flow: column;
    width: max-content
}

.settings__radio {
    margin-right: 8px
}

.settings__arrow {
    cursor: pointer;
    display: none;
    height: 16px;
    left: 0;
    padding: 20px 12px;
    position: absolute;
    top: calc(50% - 28px);
    width: 16px
}

.settings__arrow:hover {
    opacity: .7
}

@media only screen and (max-width: 639px) {
    .settings {
        box-shadow:none
    }

    .settings__close {
        display: none
    }

    .settings__heading {
        cursor: pointer;
        display: flex;
        padding-left: 40px
    }

    .settings__container {
        padding: 0 12px
    }

    .settings__options--multiColumn {
        grid-template-columns: none
    }

    .settings__arrow {
        display: flex
    }

    .settings__arrow:hover {
        opacity: .7
    }
}

.timeZone {
    display: flex
}

.timeZone__button {
    align-items: center;
    border: 1px solid var(--color-support-1);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-support-4);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
    position: relative;
    user-select: none
}

.timeZone--active .timeZone__button {
    background-color: rgba(var(--color-support-2-rgb),.3);
    border-color: transparent
}

.timeZone__arrow {
    height: 5px;
    margin-left: 4px;
    transform: rotate(180deg);
    width: 8px
}

.timeZone--active .timeZone__arrow {
    transform: rotate(0deg)
}

.timeZone__content {
    grid-row-gap: 4px;
    background: var(--color-support-5);
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
    box-sizing: border-box;
    cursor: default;
    display: none;
    font-size: 13px;
    grid-auto-flow: row;
    left: 0;
    letter-spacing: .4px;
    max-height: 320px;
    min-width: 100%;
    overflow: hidden auto;
    padding: 8px 8px 0;
    position: absolute;
    top: calc(100% + 2px);
    z-index: 1
}

.timeZone__content:after {
    content: "";
    height: 4px;
    width: 100%
}

.timeZone--active .timeZone__content {
    display: grid
}

.timeZone__link {
    align-items: center;
    border-radius: 4px;
    color: var(--color-combination-2);
    cursor: pointer;
    display: flex;
    font-weight: 400;
    height: 24px;
    padding: 0 8px;
    white-space: nowrap
}

.timeZone__link--default,.timeZone__link:not(.timeZone__link--active):not(.timeZone__link--default):hover {
    background-color: rgba(var(--color-support-2-rgb),.3)
}

.timeZone__link--active {
    background-color: var(--color-primary-2);
    color: #fff;
    cursor: default;
    font-weight: 700
}

.contextMenu {
    background-color: var(--color-support-5);
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
    color: var(--color-combination-4);
    display: none;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: calc(100% + 16px);
    user-select: none;
    z-index: var(--zIndex-contextMenu)
}

.contextMenu--active {
    display: grid
}

.contextMenu__content {
    align-content: start;
    display: grid;
    grid-auto-flow: row;
    padding: 8px
}

.contextMenu__content--hidden {
    display: none
}

.contextMenu__row {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 8px;
    color: var(--color-combination-4);
    cursor: pointer;
    display: grid;
    font-family: inherit;
    grid-template: " icon text               action " 52px/52px minmax(200px,1fr) 52px;
    margin: 0;
    padding: 0
}

.contextMenu__row:hover {
    background-color: rgba(var(--color-support-2-rgb),.2);
    color: var(--color-combination-4)
}

.contextMenu__row:hover .contextMenu__arrow {
    opacity: 1
}

.contextMenu__row--red {
    color: var(--color-red)
}

.contextMenu__icon {
    grid-area: icon;
    height: 20px;
    place-self: center;
    width: 20px
}

.contextMenu__text {
    font-size: 13px;
    font-weight: 700;
    grid-area: text;
    justify-self: flex-start
}

.contextMenu__arrow {
    grid-area: action;
    height: 14px;
    opacity: .7;
    place-self: center;
    transform: rotate(180deg);
    width: 14px
}

.contextMenu__toggle {
    grid-area: action;
    place-self: center
}

.contextMenu__header {
    grid-row-gap: 8px;
    border-bottom: 1px solid var(--color-support-1);
    display: none;
    padding: 16px
}

.contextMenu__email {
    color: var(--color-support-4);
    font-weight: 400;
    letter-spacing: .4px
}

.contextMenu__headline {
    color: var(--color-combination-4);
    font-size: 18px
}

@media only screen and (max-width: 639px) {
    .contextMenu {
        border-radius:8px 8px 0 0;
        position: fixed;
        width: 100%
    }

    .contextMenu--user {
        bottom: 0;
        top: 48px
    }

    .contextMenu--hamburger {
        display: none
    }

    .contextMenu__content {
        padding: 0
    }

    .contextMenu__header {
        display: grid
    }
}

.langMenu {
    background-color: var(--color-support-5);
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
    color: var(--color-combination-4);
    display: none;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 100%;
    user-select: none;
    z-index: var(--zIndex-contextMenu)
}

.langMenu--open,.langMenu.header__langBoxWrapper--active {
    display: block
}

.langMenu__close {
    align-items: center;
    border-bottom: 1px solid var(--color-support-1);
    cursor: pointer;
    display: grid;
    grid-template: " icon text " auto/36px 1fr;
    padding: 16px 24px
}

.langMenu__close:hover {
    opacity: .7
}

.langMenu__icon {
    grid-area: icon;
    height: 16px;
    justify-self: center;
    margin-right: 18px;
    width: 16px
}

.langMenu__row {
    grid-column-gap: 16px;
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-secondary-2);
    cursor: pointer;
    display: grid;
    grid-template: " flag text                radio " 20px/20px minmax(204px,1fr) 16px;
    padding: 10px 24px
}

.langMenu__row:first-of-type {
    margin-top: 10px
}

.langMenu__row:last-of-type {
    margin-bottom: 10px
}

.langMenu__flag {
    background-repeat: no-repeat;
    background-size: 20px;
    grid-area: flag;
    height: 13px;
    width: 20px
}

.langMenu__text {
    grid-area: text
}

.langMenu__radio {
    grid-area: radio
}

@media only screen and (max-width: 639px) {
    .langMenu {
        border-radius:12px 12px 0 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        right: 0;
        top: 0
    }

    .header__langBoxWrapper--active .langMenu {
        display: grid
    }

    .langMenu__close {
        grid-template: " icon text " auto/40px 1fr;
        padding: 16px 24px 16px 0
    }

    .langMenu__close .langMenu__text {
        font-size: 18px;
        font-weight: 700
    }

    .langMenu__icon {
        margin-right: 0
    }

    .langMenu__row {
        grid-template-rows: 32px;
        padding: 10px 16px;
        width: 100%
    }
}

.flag--cs {
    background-image: url(/res/_fs/build/cz.9b37275.png)
}

.flag--en {
    background-image: url(/res/_fs/build/world.b7d16db.png)
}

.flag--es {
    background-image: url(/res/_fs/build/es.4dc0e44.png)
}

.flag--es-ar {
    background-image: url(/res/_fs/build/ar.b8fb0f4.png)
}

.flag--es-cl {
    background-image: url(/res/_fs/build/cl.f344e7d.png)
}

.flag--es-co {
    background-image: url(/res/_fs/build/co.bd4004d.png)
}

.flag--es-mx {
    background-image: url(/res/_fs/build/mx.75fc59f.png)
}

.flag--es-pe {
    background-image: url(/res/_fs/build/pe.c9d12b3.png)
}

.flag--es-ve {
    background-image: url(/res/_fs/build/ve.77f931d.png)
}

.flag--pt {
    background-image: url(/res/_fs/build/pt.a6d8c88.png)
}

.flag--pt-br {
    background-image: url(/res/_fs/build/br.0773223.png)
}

.flag--de {
    background-image: url(/res/_fs/build/de.ae030da.png)
}

.flag--de-at {
    background-image: url(/res/_fs/build/at.1b5bf4a.png)
}

.flag--fr {
    background-image: url(/res/_fs/build/fr.8e1768e.png)
}

.flag--pl {
    background-image: url(/res/_fs/build/pl.4e85471.png)
}

.flag--ru,.flag--ru-kz {
    background-image: url(/res/_fs/build/world.b7d16db.png)
}

.flag--kk {
    background-image: url(/res/_fs/build/kk.ff7c698.png)
}

.flag--ge {
    background-image: url(/res/_fs/build/ge.caaface.png)
}

.flag--th {
    background-image: url(/res/_fs/build/th.3905d0c.png)
}

.flag--tr {
    background-image: url(/res/_fs/build/tr.4b3a6e6.png)
}

.flag--sk {
    background-image: url(/res/_fs/build/sk.f300fca.png)
}

.flag--da {
    background-image: url(/res/_fs/build/dk.43a3d53.png)
}

.flag--ro {
    background-image: url(/res/_fs/build/ro.e7e550c.png)
}

.flag--el {
    background-image: url(/res/_fs/build/gr.f567796.png)
}

.flag--hr {
    background-image: url(/res/_fs/build/hr.3094aac.png)
}

.flag--hu {
    background-image: url(/res/_fs/build/hu.15156c0.png)
}

.flag--fi {
    background-image: url(/res/_fs/build/fi.ef6ec7d.png)
}

.flag--nl {
    background-image: url(/res/_fs/build/nl.d5aaaf9.png)
}

.flag--sv {
    background-image: url(/res/_fs/build/se.61cc5af.png)
}

.flag--no {
    background-image: url(/res/_fs/build/no.07451f4.png)
}

.flag--sl {
    background-image: url(/res/_fs/build/si.3071988.png)
}

.flag--sr {
    background-image: url(/res/_fs/build/rs.1888ac6.png)
}

.flag--lt {
    background-image: url(/res/_fs/build/lt.a731423.png)
}

.flag--id {
    background-image: url(/res/_fs/build/id.c98128a.png)
}

.flag--ja {
    background-image: url(/res/_fs/build/jp.85adde7.png)
}

.flag--ms {
    background-image: url(/res/_fs/build/my.92e902e.png)
}

.flag--tl {
    background-image: url(/res/_fs/build/ph.9fd154a.png)
}

.flag--vi {
    background-image: url(/res/_fs/build/vn.22020a7.png)
}

.flag--it {
    background-image: url(/res/_fs/build/it.f6dbaba.png)
}

.flag--ko {
    background-image: url(/res/_fs/build/kr.9898914.png)
}

.flag--ka {
    background-image: url(/res/_fs/build/ge.caaface.png)
}

.flag--bg {
    background-image: url(/res/_fs/build/bg.732ac40.png)
}

.flag--ua {
    background-image: url(/res/_fs/build/ua.cac8d4d.png)
}

.flag--en-ae {
    background-image: url(/res/_fs/build/ae.b1cead9.png)
}

.flag--en-au {
    background-image: url(/res/_fs/build/au.af92b82.png)
}

.flag--en-ca {
    background-image: url(/res/_fs/build/ca.fc9cd74.png)
}

.flag--en-gh {
    background-image: url(/res/_fs/build/gh.66c35b7.png)
}

.flag--bn,.flag--en-india,.flag--hi,.flag--kn,.flag--ta,.flag--te {
    background-image: url(/res/_fs/build/in.309fc53.png)
}

.flag--en-ke {
    background-image: url(/res/_fs/build/ke.7996ce3.png)
}

.flag--en-ng {
    background-image: url(/res/_fs/build/ng.f640696.png)
}

.flag--en-usa {
    background-image: url(/res/_fs/build/us.af6ad60.png)
}

.flag--en-uk {
    background-image: url(/res/_fs/build/uk.744b9b5.png)
}

.flag--en-za {
    background-image: url(/res/_fs/build/za.ba6e79c.png)
}

.pid_207 .flag--fr,.pid_208 .flag--fr,.pid_209 .flag--fr,.pid_210 .flag--fr,.pid_211 .flag--fr,.pid_212 .flag--fr,.pid_213 .flag--fr,.pid_214 .flag--fr,.pid_215 .flag--fr,.pid_216 .flag--fr,.pid_217 .flag--fr,.pid_218 .flag--fr,.pid_219 .flag--fr,.pid_220 .flag--fr,.pid_221 .flag--fr {
    background-image: url(/res/_fs/build/nl.d5aaaf9.png)
}

.pid_207 .flag--sk,.pid_208 .flag--sk,.pid_209 .flag--sk,.pid_210 .flag--sk,.pid_211 .flag--sk,.pid_212 .flag--sk,.pid_213 .flag--sk,.pid_214 .flag--sk,.pid_215 .flag--sk,.pid_216 .flag--sk,.pid_217 .flag--sk,.pid_218 .flag--sk,.pid_219 .flag--sk,.pid_220 .flag--sk,.pid_221 .flag--sk {
    background-image: url(/res/_fs/build/pl.4e85471.png)
}

.pid_207 .flag--es,.pid_208 .flag--es,.pid_209 .flag--es,.pid_210 .flag--es,.pid_211 .flag--es,.pid_212 .flag--es,.pid_213 .flag--es,.pid_214 .flag--es,.pid_215 .flag--es,.pid_216 .flag--es,.pid_217 .flag--es,.pid_218 .flag--es,.pid_219 .flag--es,.pid_220 .flag--es,.pid_221 .flag--es {
    background-image: url(/res/_fs/build/ro.e7e550c.png)
}

.pid_207 .flag--pt-br,.pid_208 .flag--pt-br,.pid_209 .flag--pt-br,.pid_210 .flag--pt-br,.pid_211 .flag--pt-br,.pid_212 .flag--pt-br,.pid_213 .flag--pt-br,.pid_214 .flag--pt-br,.pid_215 .flag--pt-br,.pid_216 .flag--pt-br,.pid_217 .flag--pt-br,.pid_218 .flag--pt-br,.pid_219 .flag--pt-br,.pid_220 .flag--pt-br,.pid_221 .flag--pt-br {
    background-image: url(/res/_fs/build/pt.a6d8c88.png)
}

.userControls {
    border-bottom: 1px solid var(--color-support-1);
    display: none;
    grid-auto-flow: row;
    padding: 8px 0
}

.userControls__item {
    align-items: center;
    cursor: pointer;
    display: none;
    grid-template: " icon text action . " 52px/52px 1fr max-content 16px
}

.userControls__item--open {
    display: grid
}

.userControls #userNotifications {
    grid-template: " icon text notificationText action . " 52px/52px 1fr 1fr max-content 16px
}

.userControls__icon {
    grid-area: icon;
    height: 20px;
    justify-self: center;
    width: 20px
}

.userControls__text {
    grid-area: text
}

.userControls__arrow {
    color: var(--color-support-3);
    grid-area: action;
    height: 14px;
    transform: rotate(180deg);
    width: 14px
}

@media only screen and (max-width: 639px) {
    .userControls {
        background-color:var(--color-support-5);
        display: grid
    }
}

.userControls__textNotifications {
    color: var(--color-red);
    display: none;
    grid-area: notificationText
}

.userControls__textNotifications--open {
    display: grid
}

.menuTop {
    user-select: none
}

.menuTop,.menuTop__content {
    background-color: #001e28;
    display: grid
}

.menuTop__content {
    grid-area: content;
    grid-auto-flow: column;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: 48px;
    position: relative
}

.menuTop__items {
    display: flex;
    flex-flow: row wrap;
    overflow: hidden
}

.menuTop__item {
    color: #c8cdcd;
    cursor: pointer;
    display: grid;
    font-weight: 700;
    grid-template: " .    .           .           .                     ." var(--menu-topHeight,8px) " .    icon        text        number                ." 20px " .    .           .           .                     ." 16px " .    border      border      border                ." 4px /14px max-content max-content var(--match-count,0) 14px;
    place-items: center;
    position: relative
}

.menuTop__item:after {
    background-color: var(--color-support-2)
}

.menuTop.topScores .menuTop__item,.menuTop__item.menuTop__myfs {
    --match-count: 25px
}

.menuTop__item:hover {
    color: var(--color-white)
}

.menuTop__item:hover:after {
    background-color: var(--color-white)
}

.menuTop.topScores .menuTop__item:after,.menuTop__item.menuTop__myfs:after {
    border-radius: 4px;
    bottom: 22px;
    box-sizing: border-box;
    color: var(--color-secondary-1);
    content: attr(data-sport-count);
    font-size: 10px;
    font-weight: 700;
    grid-area: count;
    left: calc(100% - 35px);
    line-height: 12px;
    min-width: 16px;
    opacity: var(--opacity,0);
    padding: 2px;
    place-self: center;
    position: absolute;
    text-align: center;
    transition: opacity .25s
}

.menuTop__item[data-sport-count]:after {
    --opacity: 1
}

.menuTop__item--active {
    color: var(--color-white)
}

.menuTop__item--active:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    content: "";
    grid-area: border;
    height: 100%;
    width: 100%
}

.menuTop__item--active:after {
    background-color: var(--color-white)
}

.menuTop__icon {
    grid-area: icon;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.menuTop__text {
    grid-area: text;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (max-width: 639px) {
    .menuTop__content {
        grid-template-rows:64px
    }

    .menuTop__items {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(60px,1fr))
    }

    .menuTop__item {
        font-size: 10px;
        grid-template: " .      .                 .      .                 .     " var(--menu-topHeight,8px) " .      .                 icon   .                 .     " 20px " .      .                 .      .                 .     " 8px " .      text              text   text              .     " var(--menu-topText,16px) " .      .                 .      .                 .     " 8px " border border            border border            border" 4px /4px minmax(16px,1fr) 20px minmax(16px,1fr) 4px
    }

    .menuTop.topScores .menuTop__item {
        --menu-topHeight: 8px;
        --menu-topText: 16px
    }

    .hasFsNews .menuTop.topScores .menuTop__item {
        --menu-topHeight: 16px;
        --menu-topText: 12px
    }

    .menuTop__item:not(.menuTop__myfs):after {
        content: none
    }

    .menuTop.topScores .menuTop__item:after,.menuTop__item.menuTop__myfs:after {
        bottom: 48px;
        left: calc(100% - 21px)
    }

    .hasFsNews .menuTop.topScores .menuTop__item:after,.hasFsNews .menuTop__item.menuTop__myfs:after {
        bottom: 46px
    }

    .menuTop__text {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .menuTop__icon {
        margin-right: 0
    }
}

._ff .menuTop,.hasFsNews .menuTop {
    background-color: transparent
}

body:not(.background-add-on)._ff .menuTop,body:not(.background-add-on).hasFsNews .menuTop {
    border-bottom: 1px solid var(--color-combination-12)
}

._ff .menuTop__content,.hasFsNews .menuTop__content {
    background-color: var(--color-combination-7);
    grid-template-rows: 60px
}

.background-add-on._ff .menuTop__content,.background-add-on.hasFsNews .menuTop__content {
    border-bottom: 1px solid var(--color-combination-12)
}

@media only screen and (max-width: 639px) {
    ._ff .menuTop__content,.hasFsNews .menuTop__content {
        grid-template-rows:68px
    }
}

._ff .menuTop__item,.hasFsNews .menuTop__item {
    --menu-topHeight: 20px;
    color: var(--color-support-4)
}

._ff .menuTop__item:hover,.hasFsNews .menuTop__item:hover {
    color: var(--color-combination-2)
}

._ff .menuTop__item--active,._ff .menuTop__item--active:hover,.hasFsNews .menuTop__item--active,.hasFsNews .menuTop__item--active:hover {
    color: var(--color-primary)
}

._ff .menuTop__item--active:before,.hasFsNews .menuTop__item--active:before {
    transform: translateY(1px)
}

@media only screen and (max-width: 639px) {
    ._ff .menuTop__item,.hasFsNews .menuTop__item {
        --menu-topHeight:16px;
        --menu-topText: 12px
    }
}

._ff.theme--dark .menuTop__item--active,._ff.theme--dark .menuTop__item--active:hover,.hasFsNews.theme--dark .menuTop__item--active,.hasFsNews.theme--dark .menuTop__item--active:hover {
    color: var(--color-secondary-3-active)
}

.menuTopFF {
    border-bottom: 1px solid var(--color-combination-12);
    display: grid;
    user-select: none
}

.background-add-on .menuTopFF {
    border-bottom: none
}

.menuTopFF__content {
    background-color: var(--color-combination-7);
    display: grid;
    grid-area: content;
    grid-auto-flow: column;
    grid-template-columns: max-content 1fr;
    grid-template-rows: 60px;
    position: relative
}

.background-add-on .menuTopFF__content {
    border-bottom: 1px solid var(--color-combination-12)
}

.menuTopFF__item {
    align-items: center;
    color: var(--color-support-4);
    display: flex;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    margin: 0 14px;
    padding: 22px 24px 22px 0;
    position: relative
}

.menuTopFF__item:after {
    background-color: var(--color-white)
}

.menuTopFF__item:hover {
    color: var(--color-combination-2)
}

.menuTopFF__item.menuTopFF__myfs:after {
    border-radius: 4px;
    bottom: 22px;
    box-sizing: border-box;
    color: var(--color-secondary-1);
    content: attr(data-sport-count);
    font-size: 10px;
    font-weight: 700;
    grid-area: count;
    line-height: 12px;
    min-width: 16px;
    opacity: var(--opacity,0);
    padding: 2px;
    place-self: center;
    position: absolute;
    right: 0;
    text-align: center;
    transition: opacity .25s
}

.menuTopFF__item[data-sport-count]:after {
    --opacity: 1
}

.menuTopFF__item--active {
    color: var(--color-primary-2)
}

.menuTopFF__item--active:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.menuTopFF__icon {
    color: var(--color-primary-2);
    height: 20px;
    width: 20px
}

.menuTopFF__text {
    grid-area: text;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (max-width: 799px) {
    .menuTopFF__text {
        font-size:12px
    }
}

@media only screen and (max-width: 639px) {
    .menuTopFF__content {
        grid-template-rows:46px;
        padding-left: 14px
    }

    .menuTopFF__item {
        font-size: 12px;
        margin: 0;
        padding: 15px 20px 16px 0
    }

    .menuTopFF__item.menuTopFF__myfs:after {
        bottom: 15.5px;
        font-size: 10px;
        line-height: 12px;
        right: 0
    }

    .menuTopFF__text {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .menuTopFF__icon {
        display: none;
        margin-right: 0
    }
}

.menuMinority {
    box-sizing: border-box;
    font-weight: 700;
    text-transform: uppercase;
    user-select: none
}

.menuMinority__title {
    color: #c8cdcd;
    cursor: pointer;
    display: grid;
    grid-template: " . .      .      .      . " 8px " . text   .      arrow  . " 20px " . .      .      .      . " 16px " . border border border . " 4px/14px max-content 8px 12px 14px;
    place-items: center
}

.hasFsNews .menuMinority__title {
    color: var(--color-support-4);
    grid-template: " . .      .      .      . " 20px " . text   .      arrow  . " 20px " . .      .      .      . " 16px " . border border border . " 4px/14px max-content 8px 12px 14px
}

@media only screen and (max-width: 639px) {
    .hasFsNews .menuMinority__title {
        grid-template:" .      .      .      .      .      " 16px " .      .      arrow  .      .      " 20px " .      .      .      .      .      " 8px " .      text   text   text   .      " 12px " .      .      .      .      .      " 8px " border border border border border " 4px/4px minmax(16px,1fr) 20px minmax(16px,1fr) 4px
    }
}

.hasFsNews .menuMinority__title:hover {
    color: var(--color-combination-2)
}

.menuMinority__title--active,.menuMinority__title--open,.menuMinority__title:hover {
    color: var(--color-white)
}

.hasFsNews .menuMinority__title--active {
    color: var(--color-primary)
}

.theme--dark.hasFsNews .menuMinority__title--active {
    color: var(--color-white)
}

.hasFsNews .menuMinority__title--active:hover {
    color: var(--color-primary)
}

.theme--dark.hasFsNews .menuMinority__title--active:hover {
    color: var(--color-white)
}

.menuMinority__title--active:after {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    content: "";
    grid-area: border;
    height: 100%;
    width: 100%
}

.menuMinority__arrow {
    grid-area: arrow;
    height: 8px;
    place-self: center;
    width: 12px
}

.menuMinority__title--open .menuMinority__arrow {
    transform: rotate(180deg)
}

.menuMinority__text {
    -webkit-text-size-adjust: none;
    grid-area: text
}

.menuMinority__text:before {
    content: attr(data-text-long)
}

.menuMinority__content {
    background-color: var(--color-support-5);
    border-radius: 8px;
    box-shadow: 0 2px 25px 0 rgba(0,0,0,.1);
    column-count: 3;
    column-gap: 12px;
    display: none;
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% - 12px);
    z-index: var(--zIndex-menuMinority)
}

.menuMinority__sportCount {
    background-color: var(--color-support-1);
    border-radius: 4px;
    font-size: 10px;
    grid-area: count;
    padding: 2px;
    place-self: center
}

.menuMinority__item {
    align-items: center;
    border-radius: 8px;
    break-inside: avoid;
    color: var(--color-combination-5);
    cursor: pointer;
    display: grid;
    grid-template: " . .      .      .      .      .      . " 8px " . icon   .      text   .      count  . " 20px " . .      .      .      .      .      . " 8px/14px 20px 8px max-content 4px max-content 14px;
    margin-bottom: 5px;
    width: max-content
}

.menuMinority__item[data-sport-count]:after {
    background-color: rgba(var(--color-support-2-rgb),.4);
    border-radius: 4px;
    box-sizing: border-box;
    content: attr(data-sport-count);
    font-size: 10px;
    font-weight: 700;
    grid-area: count;
    line-height: 12px;
    min-width: 16px;
    padding: 2px;
    place-self: center;
    text-align: center
}

.menuMinority__item:hover {
    background-color: rgba(var(--color-support-2-rgb),.2);
    color: var(--color-combination-4)
}

.menuMinority__item:hover:after {
    background-color: var(--color-combination-4);
    color: var(--color-support-1)
}

.menuMinority__item--hidden {
    display: none
}

.menuMinority__icon {
    grid-area: icon;
    height: 100%;
    width: 100%
}

@media only screen and (max-width: 639px) {
    .menuMinority__title {
        font-size:10px;
        grid-template: " .      .      .      .      .      " 8px " .      .      arrow  .      .      " 20px " .      .      .      .      .      " 8px " .      text   text   text   .      " 16px " .      .      .      .      .      " 8px " border border border border border " 4px/4px minmax(16px,1fr) 20px minmax(16px,1fr) 4px
    }

    .menuMinority__item {
        border-radius: initial;
        grid-template-columns: 16px 20px 12px max-content 1fr max-content 18px;
        width: auto
    }

    .menuMinority__content {
        border-radius: initial;
        box-sizing: border-box;
        column-count: 1;
        padding: 16px 0 0;
        top: auto;
        width: 100%
    }

    .menuMinority__text:before {
        content: attr(data-text-short)
    }

    .menuMinority__arrow {
        height: 12px;
        width: 20px
    }
}

.bottomBorder {
    position: relative
}

.bottomBorder:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    transform: translateY(0);
    width: 100%
}

.topMenuSpecific {
    display: grid;
    position: relative
}

._ff .topMenuSpecific {
    display: block
}

body:not(.background-add-on) .topMenuSpecific {
    border-bottom: 1px solid var(--color-combination-12)
}

.topMenuSpecific__content {
    background-color: var(--color-combination-7);
    box-sizing: border-box;
    display: grid;
    grid-area: content;
    grid-auto-flow: column;
    grid-template-columns: 1fr max-content;
    grid-template-rows: 60px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

._ff .topMenuSpecific__content {
    padding: 0 14px
}

body.background-add-on .topMenuSpecific__content {
    border-bottom: 1px solid var(--color-combination-12)
}

.topMenuSpecific__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -14px;
    overflow: hidden
}

.topMenuSpecific__item {
    color: var(--color-support-4);
    cursor: pointer;
    font-weight: 700;
    line-height: 16px;
    margin: 0 14px;
    padding: 22px 0;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.topMenuSpecific__item:not(.topMenuSpecific__item--active):hover {
    color: var(--color-combination-2)
}

body:not(.fsNewsPage--detail) .topMenuSpecific__item--active {
    color: var(--color-primary);
    position: relative
}

body:not(.fsNewsPage--detail) .topMenuSpecific__item--active:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    transform: translateY(0);
    width: 100%
}

body:not(.fsNewsPage--detail).theme--dark .topMenuSpecific__item--active {
    color: #fff
}

.topMenuSpecific__more {
    align-items: center;
    color: var(--color-support-4);
    cursor: pointer;
    display: flex;
    font-weight: 700;
    line-height: 16px;
    margin-left: 28px;
    text-transform: uppercase
}

.topMenuSpecific__more:not(.topMenuSpecific__more--active):hover {
    color: var(--color-combination-2)
}

body:not(.fsNewsPage--detail) .topMenuSpecific__more--active {
    color: var(--color-primary);
    position: relative
}

body:not(.fsNewsPage--detail) .topMenuSpecific__more--active:before {
    background-color: var(--color-primary-2);
    border-radius: 1.5px 1.5px 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    transform: translateY(0);
    width: 100%
}

body:not(.fsNewsPage--detail).theme--dark .topMenuSpecific__more--active {
    color: #fff
}

.topMenuSpecific__more--open:not(.topMenuSpecific__more--active) {
    color: var(--color-combination-2)
}

.topMenuSpecific__moreIcon {
    height: 12px;
    margin-left: 8px;
    transform: rotate(-90deg);
    width: 12px
}

.topMenuSpecific__more--open .topMenuSpecific__moreIcon {
    transform: rotate(90deg)
}

.topMenuSpecific__dropdown {
    background: var(--color-support-5);
    border-radius: 8px;
    box-shadow: 0 2px 25px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: calc(100% - 16px);
    padding: 16px 20px;
    position: absolute;
    right: 0;
    top: 46px;
    z-index: var(--zIndex-menuMinority)
}

.topMenuSpecific__dropdownItem {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--color-combination-5);
    cursor: pointer;
    font-weight: 700;
    padding: 8px 12px;
    text-transform: uppercase
}

.topMenuSpecific__dropdownItem:hover,body:not(.fsNewsPage--detail) .topMenuSpecific__dropdownItem--active {
    background-color: rgba(var(--color-support-2-rgb),.2);
    color: var(--color-combination-3)
}

.topMenuSpecific__dropdownItem--hidden {
    display: none
}

@media only screen and (max-width: 1048px) {
    .topMenuSpecific__dropdown {
        right:8px
    }
}

@media only screen and (max-width: 1047px) {
    body:not(.background-add-on) .topMenuSpecific {
        border-bottom:unset
    }

    .topMenuSpecific__content {
        padding: 0 24px
    }
}

@media only screen and (max-width: 799px) {
    .topMenuSpecific__content {
        padding:0 20px
    }

    .topMenuSpecific__items:last-child {
        margin-right: 0
    }

    .topMenuSpecific__item {
        font-size: 12px
    }

    .topMenuSpecific__item:first-child {
        margin-left: 22px
    }

    .topMenuSpecific__more {
        font-size: 12px;
        margin-right: 8px
    }

    ._ff .topMenuSpecific__more {
        width: 20px
    }

    ._ff .topMenuSpecific__more span {
        display: none
    }

    ._ff .topMenuSpecific__moreIcon {
        margin: 0 auto
    }
}

@media only screen and (max-width: 639px) {
    .topMenuSpecific__content {
        grid-template-rows:46px;
        padding: 0 12px
    }

    .topMenuSpecific__items {
        margin: 0 -8px 0 -14px
    }

    .topMenuSpecific__item {
        margin: 0 8px;
        padding: 15px 0 16px
    }

    .topMenuSpecific__item:first-child {
        margin-left: 14px
    }

    .topMenuSpecific__more {
        margin-left: 16px;
        margin-right: 0
    }

    .topMenuSpecific__dropdown {
        top: 36px
    }
}
