.standings-background-hero {
    position: relative;
    height: 64.3rem;
    background: #181733
}

.standings-background-hero+div .standings {
    margin-top: -60rem;
    border-radius: 1.6rem 1.6rem 0 0
}

.standings-background-hero:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75%;
    background: linear-gradient(0deg,#181733 20%,rgba(24,23,51,.45) 55%,rgba(24,23,51,0))
}

.standings-background-hero__pattern {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-out;
    transition-delay: .5s
}

.standings-background-hero__pattern img {
    width: 100%
}

.standings-background-hero__pattern.left {
    left: 0
}

.standings-background-hero__pattern.right {
    right: 0;
    text-align: right
}

.standings-background-hero__pattern.loaded {
    opacity: 1
}

@media (max-width: 640px) {
    .standings-background-hero+div .standings {
        margin-top:-61rem
    }

    .standings-background-hero__pattern {
        width: 100%;
        top: -8%
    }

    .standings-background-hero__pattern.right {
        display: none
    }
}

.standings-competition-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.standings-competition-nav__item {
    height: 6rem;
    border: .1rem solid #e8e8e8;
    background: #f8f8f8;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase
}

.standings-competition-nav__item:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 100%;
    height: .4rem;
    background: #154284;
    transform: scale(0);
    transition: transform .3s ease-in-out
}

.standings-competition-nav__item--active {
    background: #fff;
    cursor: default
}

.standings-competition-nav__item--active:after {
    transform: scale(1)
}

@media (min-width: 840px) {
    .standings-competition-nav__item:focus:after,.standings-competition-nav__item:hover:after {
        transform:scale(1)
    }
}

.standings-competition-nav__name {
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #727272
}

@media (max-width: 1025px) {
    .standings-competition-nav__name {
        font-size:1.2rem
    }
}

.standings-header {
    display: flex;
    justify-content: space-between;
    padding: 2.4rem 2.4rem .8rem;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.standings-header h1 {
    text-transform: uppercase;
    color: #000;
    font-family: fcb-condensed-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4rem
}

.standings-header__type {
    font-family: fcb-extra-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    padding-right: 1rem;
    line-height: 1.2
}

@media (max-width: 840px) {
    .standings-header {
        padding:1.6rem 2.4rem 1.6rem 1.6rem
    }

    .standings-header h1 {
        font-size: 3.2rem;
        line-height: 3.2rem
    }

    .standings-header__type {
        font-size: 1.6rem
    }
}

.standings-knockout {
    display: flex;
    flex-direction: column;
    transition: opacity .25s
}

.standings-knockout__fixture {
    position: relative;
    z-index: 10
}

.standings-knockout__fixture-wrapper {
    margin: 2.4rem 10.6rem 2.4rem 0;
    border: .2rem solid #154284;
    position: relative;
    order: 3
}

.standings-knockout__fixture-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    height: .4rem;
    top: 50%;
    left: -2.6rem;
    right: -13.2rem;
    margin-top: -.2rem;
    background: #154284
}

.standings-knockout__fixture-wrapper--barca {
    order: 1
}

.standings-knockout__fixture-wrapper--barca .knockout-fixture:focus .knockout-fixture__info .fixture-info__name {
    color: #154284
}

@media (min-width: 840px) {
    .standings-knockout__fixture-wrapper--barca .knockout-fixture:hover .knockout-fixture__info .fixture-info__name {
        color:#154284
    }
}

.standings-knockout__round-robin {
    display: none;
    opacity: 0;
    transition: opacity .25s;
    flex-direction: column
}

.standings-knockout__round-robin:last-child {
    display: flex;
    opacity: 1
}

.standings-knockout__round-robin.standings-knockout__round-robin--animate-in {
    opacity: 1
}

.standings-knockout__round-robin.standings-knockout__round-robin--animate-out {
    opacity: 0
}

.standings-knockout__winner {
    position: absolute;
    right: -11.5rem;
    top: 50%;
    margin-top: -3.15rem;
    padding: 0 .8rem;
    min-width: 8.8rem;
    text-align: center;
    background: #fff
}

.standings-knockout__winner svg {
    width: 4rem;
    height: 4rem
}

.standings-knockout__winner svg.default-badge {
    fill: #efefef
}

.standings-knockout__winner-label {
    max-width: 9.2rem;
    word-break: break-all;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: fcb-extra-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap
}

.standings-knockout__group {
    order: 2
}

.standings-knockout__group--barca {
    order: 1
}

.standings-knockout__group-title {
    width: 18rem;
    margin-bottom: 2rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-family: fcb-extra-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    color: #cd122d
}

@supports (-webkit-background-clip: text) or (-webkit-text-fill-color:transparent) {
    .standings-knockout__group-title {
        background:linear-gradient(90deg,#cd122d,#154284);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff
    }
}

.standings-knockout .knockout-fixture {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1.6rem;
    width: 100%;
    height: 8.7rem;
    background: #fff;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10
}

.standings-knockout .knockout-fixture__details-wrapper {
    width: 28rem
}

.standings-knockout .knockout-fixture__fixture-date {
    text-transform: uppercase;
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    margin-right: .4rem
}

.standings-knockout .knockout-fixture__info .fixture-info__name {
    font-size: 1.8rem;
    line-height: 2.2rem
}

.standings-knockout .knockout-fixture__info .fixture-info__name--mobile {
    display: none
}

.standings-knockout .knockout-fixture__info .fixture-info__score-container {
    position: relative
}

.standings-knockout .knockout-fixture__info .fixture-info__team-container--loss .fixture-info__name {
    color: #727272
}

.standings-knockout .knockout-fixture .fixture-info__time {
    font-size: 1.8rem;
    line-height: 2rem
}

.standings-knockout .knockout-fixture .fixture-result-list__aggregate {
    position: absolute;
    bottom: -1.6rem;
    width: 100%
}

.standings-knockout .knockout-fixture__location {
    font-size: 1.1rem;
    line-height: 1.3rem
}

.standings-knockout .knockout-fixture__chevron {
    position: absolute;
    top: 50%;
    right: .8rem;
    margin-top: -.7rem;
    width: 1.4rem;
    height: 1.4rem;
    fill: rgba(0,0,0,.5);
    transition: right .3s
}

.standings-knockout .knockout-fixture__primary-round-info {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #222
}

.standings-knockout .knockout-fixture__type {
    font-family: fcb-light,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222
}

.standings-knockout .knockout-fixture:focus .knockout-fixture__chevron {
    right: .6rem
}

@media (min-width: 840px) {
    .standings-knockout .knockout-fixture:hover .knockout-fixture__chevron {
        right:.6rem
    }
}

.standings-knockout__fixture--second-leg .knockout-fixture {
    background-color: #f8f8f8;
    border-top: .1rem solid #efefef
}

.standings-knockout__groups .branding-bar {
    margin: 4rem auto 4.8rem
}

.standings-knockout__barca-divider {
    margin: 3.4rem 0;
    order: 2
}

.standings-knockout .knockout-nav {
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #efefef
}

.standings-knockout .knockout-nav+.campeonato-liga {
    display: none;
    margin-top: 5rem
}

.standings-knockout .knockout-nav__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.standings-knockout .knockout-nav__item {
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    background: #f8f8f8;
    border-radius: .2px;
    box-shadow: 0 .1rem .2rem 0 rgba(0,0,0,.15);
    color: #222;
    margin: 0 .4rem;
    font-size: 1.2rem;
    min-width: 6.4rem;
    min-height: 3.2rem;
    height: auto;
    text-transform: uppercase;
    cursor: pointer;
    padding: .8rem 1.6rem;
    line-height: 1.4rem;
    text-align: center;
    transition: background .3s ease-in,color .3s ease-in;
    align-self: stretch
}

.standings-knockout .knockout-nav__item:not(.knockout-nav__item--active):focus {
    background: #154284;
    color: #fff
}

@media (min-width: 840px) {
    .standings-knockout .knockout-nav__item:not(.knockout-nav__item--active):hover {
        background:#154284;
        color: #fff
    }
}

.standings-knockout .knockout-nav__item--active {
    color: #fff;
    cursor: default;
    background: #154284
}

@media (max-width: 1100px) {
    .standings-knockout .knockout-fixture__info .fixture-info__name {
        width:16rem
    }
}

@media (max-width: 1025px) {
    .standings-knockout .knockout-fixture {
        flex-wrap:wrap;
        justify-content: center;
        align-content: flex-start;
        height: auto;
        padding-bottom: 1.4rem
    }

    .standings-knockout .knockout-fixture__details-wrapper {
        width: 100%;
        margin-bottom: .8rem;
        text-align: center
    }

    .standings-knockout .knockout-fixture__primary-round-info {
        display: block;
        margin-bottom: -.5rem
    }

    .standings-knockout .knockout-fixture__fixture-date,.standings-knockout .knockout-fixture__type {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1.4rem
    }

    .standings-knockout .knockout-fixture__fixture-date {
        margin-right: .1rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__name {
        font-size: 1.4rem;
        line-height: 1.8rem;
        min-width: 10rem;
        width: auto
    }

    .standings-knockout .knockout-fixture__info .fixture-info__badge {
        padding-top: .5rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__badge svg {
        width: 3rem;
        height: 3rem
    }

    .standings-knockout .knockout-fixture .fixture-info__time {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1.4rem
    }

    .standings-knockout .knockout-fixture .fixture-result-list__aggregate {
        bottom: -1.3rem
    }
}

@media (max-width: 840px) {
    .standings-knockout__fixture-wrapper {
        margin-left:1rem
    }

    .standings-knockout__fixture-wrapper:before {
        left: -1.2rem;
        right: -10.2rem
    }

    .standings-knockout__winner {
        right: -8.6rem;
        padding: 0 .4rem;
        margin-top: -1.8rem;
        min-width: 7.4rem
    }

    .standings-knockout__winner svg {
        width: 2.4rem;
        height: 2.4rem
    }

    .standings-knockout__winner-label {
        max-width: 6.4rem;
        font-size: .8rem;
        line-height: .8rem
    }

    .standings-knockout__group-title {
        padding-left: 1.2rem;
        margin-bottom: 1rem
    }

    .standings-knockout__groups .branding-bar {
        margin: 2.4rem auto 2rem;
        max-width: 94%
    }

    .standings-knockout .knockout-fixture__match-centre {
        min-width: 10.8rem
    }

    .standings-knockout .knockout-fixture__location {
        display: none
    }

    .standings-knockout .knockout-fixture__info .fixture-info__score {
        height: 2.6rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__score span {
        min-width: 6rem;
        font-size: 2rem;
        line-height: 2.6rem;
        height: auto;
        width: 100%;
        white-space: nowrap;
        padding-bottom: .2rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__badge {
        padding-top: .8rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__badge svg {
        margin-top: .3rem;
        width: 2rem;
        height: 2rem
    }

    .standings-knockout .knockout-fixture__info .fixture-result-list__aggregate {
        bottom: -1rem
    }

    .standings-knockout .knockout-nav+.campeonato-liga {
        margin-top: 1.6rem
    }
}

@media (max-width: 667px) {
    .standings-knockout__groups .campeonato-liga__mobile-scroll-indicator {
        position:absolute;
        top: 0;
        right: 0
    }

    .standings-knockout__group {
        position: relative
    }

    .standings-knockout__group-title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .standings-knockout .campeonato-liga .standings-table {
        padding-right: 1.1rem
    }

    .standings-knockout .campeonato-liga .standings-table__head .table-head {
        padding: 0 .8rem 1.4rem
    }

    .standings-knockout .campeonato-liga .standings-table__body .table-standings-row .table-stat-row {
        width: 6rem
    }
}

@media (max-width: 640px) {
    .standings-knockout .knockout-fixture {
        justify-content:center;
        padding: 0 .8rem .8rem
    }

    .standings-knockout .knockout-fixture__match-centre {
        display: none
    }

    .standings-knockout .knockout-fixture__info .fixture-info__name {
        min-width: auto;
        width: 12rem
    }

    .standings-knockout .knockout-fixture__info .fixture-result-list__aggregate {
        bottom: -.7rem
    }

    .standings-knockout__barca-divider {
        margin: 0 auto;
        max-width: 96%
    }
}

@media (max-width: 480px) {
    .standings-knockout .knockout-fixture__details-wrapper {
        margin-bottom:.4rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__name {
        width: 8.6rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__score {
        height: 2rem
    }

    .standings-knockout .knockout-fixture__info .fixture-info__score span {
        height: 100%;
        font-size: 1.2rem;
        line-height: 1.9rem;
        padding: 0 .5rem;
        min-width: 0
    }

    .standings-knockout .knockout-fixture .fixture-info__versus {
        padding: 0;
        font-size: 1.4rem
    }
}

@media (max-width: 460px) {
    .standings-knockout .knockout-fixture__info .fixture-info__name--from-mobile {
        display:none
    }

    .standings-knockout .knockout-fixture__info .fixture-info__name--mobile {
        display: block
    }
}

@media (max-width: 400px) {
    .standings-knockout .knockout-nav {
        position:relative
    }

    .standings-knockout .knockout-nav:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 4.8rem;
        background: linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))
    }

    .standings-knockout .knockout-nav__wrapper {
        display: block;
        padding: .6rem .8rem 0;
        overflow-x: scroll;
        white-space: nowrap
    }

    .standings-knockout .knockout-nav__item {
        display: inline-block;
        white-space: nowrap
    }

    .standings-knockout__fixture-wrapper {
        margin-right: 5rem
    }

    .standings-knockout__fixture-wrapper:before {
        right: -5.2rem
    }

    .standings-knockout__winner {
        right: -4.4rem;
        margin-top: -1.6rem;
        width: 3.2rem;
        min-width: auto
    }

    .standings-knockout__winner-label {
        display: none
    }

    .standings-knockout .knockout-fixture__chevron {
        right: .4rem
    }
}

.campeonato-liga {
    flex-direction: column;
    transition: opacity .25s
}

.campeonato-liga--animate-in,.campeonato-liga.standings-knockout__round-robin--animate-in {
    opacity: 1
}

.campeonato-liga--animate-out,.campeonato-liga.standings-knockout__round-robin--animate-out {
    opacity: 0
}

.campeonato-liga__mobile-scroll-indicator {
    display: none
}

.campeonato-liga__container {
    display: flex;
    flex-direction: column
}

.campeonato-liga__wrapper {
    order: 1
}

.campeonato-liga__wrapper--barca {
    order: 0
}

.campeonato-liga .standings-table {
    width: 100%;
    color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: linear-gradient(90deg,#181733,#8d1a17)
}

.campeonato-liga .standings-table__body .table-standings-row {
    border-bottom: .1rem solid #e8e8e8;
    height: 6.4rem
}

.campeonato-liga .standings-table__body .table-standings-row:nth-child(2n) {
    background-color: #fff
}

.campeonato-liga .standings-table__body .table-standings-row:nth-child(odd) {
    background-color: #f8f8f8
}

.campeonato-liga .standings-table__body .table-standings-row .badge-row {
    padding-left: 1.6rem
}

.campeonato-liga .standings-table__body .table-standings-row .badge-row__badge svg {
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto
}

.campeonato-liga .standings-table__body .table-standings-row .next-match__badge svg {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    height: 3rem
}

.campeonato-liga .standings-table__body .table-standings-row .table-stat-row {
    width: 8rem;
    font-size: 1.6rem;
    line-height: 1.6rem
}

.campeonato-liga .standings-table__body .table-standings-row .table-stat-row--points {
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400
}

.campeonato-liga .standings-table__body .table-standings-row .team-form {
    display: inline-flex;
    align-items: center;
    justify-content: space-around
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome {
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: .4rem;
    margin: 0 .2rem
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome abbr {
    position: relative;
    display: block;
    left: -.1rem;
    top: 0;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    font-style: italic;
    cursor: pointer
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--D,.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--draw {
    background: #727272
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--L,.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--loss {
    background: #cd122d
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--W,.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome--win {
    background: #01a54b
}

.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome:focus .form-tooltip {
    transform: scale(1)
}

@media (min-width: 840px) {
    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome:hover .form-tooltip {
        transform:scale(1)
    }
}

.campeonato-liga .standings-table__body .table-standings-row .team-row {
    display: flex;
    align-items: center;
    height: 6.4rem;
    line-height: 6.4rem
}

.campeonato-liga .standings-table__body .table-standings-row .team-row__name-container {
    font-family: fcb-semi-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.6rem;
    padding-left: 2.4rem
}

.campeonato-liga .standings-table__body .table-standings-row .team-row__name--short {
    display: none
}

.campeonato-liga .standings-table__body .table-standings-row--barca {
    color: #fff;
    background-color: transparent!important
}

.campeonato-liga .standings-table__body .table-standings-row--barca .position-row__direction--higher {
    border-color: transparent transparent #fff
}

.campeonato-liga .standings-table__body .table-standings-row--barca .team-form__outcome .form-tooltip {
    box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.2)
}

.campeonato-liga .standings-table__head {
    background-color: #fff
}

.campeonato-liga .standings-table__head .table-head {
    padding-bottom: 1.4rem
}

.campeonato-liga .standings-table__head .table-head__heading--short {
    display: none
}

.campeonato-liga .standings-table__head .table-head--team {
    text-align: left;
    padding-left: 2.4rem
}

.campeonato-liga .standings-table__head tr {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400
}

.campeonato-liga .standings-table td,.campeonato-liga .standings-table th {
    text-align: center
}

@media (max-width: 1280px) {
    .campeonato-liga .standings-table__body .table-standings-row .next-match {
        padding:0 .8rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row {
        padding-left: 1.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__direction {
        top: -.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__number {
        width: 1.6rem;
        font-size: 1.6rem;
        line-height: 1.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .table-stat-row {
        width: 6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row {
        margin-left: 1.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name-container {
        padding-left: 0;
        font-size: 1.5rem;
        line-height: 1.3rem
    }

    .campeonato-liga .standings-table__head .table-head {
        padding-bottom: 1.4rem
    }

    .campeonato-liga .standings-table__head .table-head__heading {
        display: none
    }

    .campeonato-liga .standings-table__head .table-head__heading--short {
        display: block
    }

    .campeonato-liga .standings-table__head .table-head--team {
        padding-left: 1.2rem
    }
}

@media (max-width: 1100px) {
    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip {
        height:3.2rem;
        width: 16.8rem;
        top: calc(100% - 6rem);
        left: -7.6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip__score {
        height: 1.8rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip__score span {
        min-width: 2rem;
        padding: 0 .6rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        height: 1.8rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip .fixture-info__score {
        height: 1.8rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip__team span {
        width: 2.4rem;
        font-size: 1rem;
        line-height: 1.4rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip__badge {
        height: 2rem
    }
}

@media (max-width: 1025px) {
    .campeonato-liga .standings-table__body .table-standings-row .next-match__badge svg,.campeonato-liga .standings-table__body .table-standings-row .team-form__outcome .form-tooltip__badge svg {
        width:2rem;
        height: 2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row {
        width: 5rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name {
        display: none
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name--short {
        display: block
    }
}

@media (max-width: 960px) {
    .campeonato-liga .standings-table__body .table-standings-row {
        height:5rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .badge-row__badge {
        align-items: center;
        height: 5rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .badge-row__badge.badge {
        height: auto
    }

    .campeonato-liga .standings-table__body .table-standings-row .badge-row__badge i {
        vertical-align: middle
    }

    .campeonato-liga .standings-table__body .table-standings-row .badge-row__badge svg {
        display: flex;
        width: 3.2rem;
        height: 3.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row {
        width: 4.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row--champions-league,.campeonato-liga .standings-table__body .table-standings-row .position-row--champions-league:after,.campeonato-liga .standings-table__body .table-standings-row .position-row--europa-league,.campeonato-liga .standings-table__body .table-standings-row .position-row--europa-league:after,.campeonato-liga .standings-table__body .table-standings-row .position-row--la-liga,.campeonato-liga .standings-table__body .table-standings-row .position-row--la-liga:after,.campeonato-liga .standings-table__body .table-standings-row .position-row--promotion,.campeonato-liga .standings-table__body .table-standings-row .position-row--promotion:after,.campeonato-liga .standings-table__body .table-standings-row .position-row--relegation,.campeonato-liga .standings-table__body .table-standings-row .position-row--relegation:after {
        height: 5rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__direction {
        width: .6rem;
        height: .6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__direction--higher {
        border-width: 0 .3rem .6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__direction--lower {
        border-width: .6rem .3rem 0
    }

    .campeonato-liga .standings-table__body .table-standings-row .position-row__number {
        font-size: 1.2rem;
        line-height: 1rem;
        width: 1.2rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .table-stat-row {
        min-width: 4.2rem;
        width: 4.2rem;
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome {
        width: 1.6rem;
        height: 1.6rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-form__outcome abbr {
        font-size: 1rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row {
        margin-left: .8rem;
        line-height: 5rem;
        height: 5rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name-container {
        font-size: 1.2rem;
        line-height: 1rem
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name {
        display: none
    }

    .campeonato-liga .standings-table__body .table-standings-row .team-row__name--short {
        display: block
    }

    .campeonato-liga .standings-table__head .table-head--team {
        padding-left: .8rem
    }
}

@media (max-width: 840px) {
    .campeonato-liga .standings-table__body .table-standings-row .badge-row {
        position:sticky;
        left: 0
    }
}

@media (max-width: 667px) {
    .campeonato-liga__mobile-scroll-indicator {
        display:flex;
        align-items: center;
        align-self: flex-end;
        justify-content: center;
        width: 2.4rem;
        height: 2.4rem;
        float: right;
        margin-right: .8rem;
        margin-bottom: 1.6rem;
        opacity: 0;
        animation: t 1.4s ease-in forwards;
        animation-delay: 2.5s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__arrow {
        width: 0;
        height: 0;
        border-style: solid
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__arrow--left {
        border-width: .5rem .4rem .5rem 0;
        border-color: transparent rgba(0,0,0,.2) transparent transparent
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__arrow--right {
        border-width: .5rem 0 .5rem .4rem;
        border-color: transparent transparent transparent rgba(0,0,0,.2)
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__arrow--active.mobile-scroll-indicator__arrow--left {
        border-color: transparent #000 transparent transparent
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__arrow--active.mobile-scroll-indicator__arrow--right {
        border-color: transparent transparent transparent #000
    }

    .campeonato-liga__mobile-scroll-indicator .mobile-scroll-indicator__circle {
        width: .4rem;
        height: .4rem;
        position: relative;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        margin: 0 .4rem
    }

    .campeonato-liga__table {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

    .standings-table__gap-filler {
        width: 100%
    }
}

.filters--single [data-dropdown-block=compSeason] {
    display: none
}

.standings-generic {
    border-radius: 1.6rem 1.6rem 0 0
}

.standings-generic.standings--margin-top {
    margin-top: 4rem
}

.standings-generic .standings-knockout,.standings-generic .campeonato-liga {
    display: flex
}

.standings-generic .standings-knockout .standings-pane-header__comp-logo,.standings-generic .campeonato-liga .standings-pane-header__comp-logo {
    height: 3.5rem
}

.standings-generic .knockout-fixture__info {
    margin: 0 auto
}

.standings-generic .fixture-info__score span {
    min-width: 15rem
}

.standings-generic .standings-knockout__groups:last-child,.standings-generic .standings-knockout__round-robin:last-child {
    display: flex;
    opacity: 1
}

.standings-generic .standings-knockout__groups:last-child.standings-knockout__round-robin--animate-in,.standings-generic .standings-knockout__round-robin:last-child.standings-knockout__round-robin--animate-in {
    opacity: 1
}

.standings-generic .standings-knockout__groups:last-child.standings-knockout__round-robin--animate-out,.standings-generic .standings-knockout__round-robin:last-child.standings-knockout__round-robin--animate-out {
    opacity: 0
}

.standings-generic__loader {
    position: fixed;
    display: flex;
    top: 0;
    background-color: rgba(0,0,0,.2);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 60;
    align-items: center;
    justify-content: center
}

.standings-generic__empty-message {
    text-align: center;
    display: block;
    padding: 5rem 0
}

@media (min-width: 1041px) {
    .standings-generic .knockout-fixture__location {
        margin-left:2rem;
        padding-top: .2rem
    }
}

@media (max-width: 840px) {
    .standings-generic .standings-knockout__fixture-wrapper:before {
        right:-10.8rem
    }

    .standings-generic .knockout-fixture__location {
        display: inline-block
    }

    .standings-generic .knockout-fixture__info .fixture-info__score {
        min-width: 9rem;
        width: 9rem;
        margin-left: 2rem;
        margin-right: 2rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__score span {
        width: 9rem
    }
}

@media (max-width: 640px) {
    .standings-generic .knockout-fixture__info .fixture-info__badge {
        padding:0
    }

    .standings-generic .knockout-fixture__info .fixture-info__name {
        font-size: 1.2rem;
        line-height: 1.4rem;
        text-align: center
    }

    .standings-generic .knockout-fixture__info .fixture-info__team-container {
        flex-direction: column-reverse;
        justify-content: center
    }

    .standings-generic .knockout-fixture__info .fixture-info__score {
        min-width: 8.4rem;
        width: 8.4rem;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__score span {
        width: 8.4rem
    }
}

@media (max-width: 480px) {
    .standings-generic .knockout-fixture__info .fixture-info__score {
        min-width:6rem;
        width: 6rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__score span {
        width: 6rem
    }
}

@media (max-width: 400px) {
    .standings-generic .knockout-fixture__info .fixture-info__badge svg {
        width:3rem;
        height: 3rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__name {
        font-size: 1rem;
        line-height: 1.2rem;
        width: 6.4rem
    }
}

@media (max-width: 360px) {
    .standings-generic .standings-knockout__fixture-wrapper {
        margin-right:6.6rem
    }

    .standings-generic .standings-knockout__fixture-wrapper:before {
        right: -6.8rem
    }

    .standings-generic .standings-knockout__winner {
        right: -5.8rem;
        width: 4.6rem;
        min-width: 4.6rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__badge svg {
        width: 3rem;
        height: 3rem
    }

    .standings-generic .knockout-fixture__info .fixture-info__name {
        font-size: 1rem;
        line-height: 1.2rem;
        width: 6.4rem
    }
}

.standings-knockout .standings-pane-header,.campeonato-liga .standings-pane-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 3.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.standings-knockout .standings-pane-header__comp-logo,.campeonato-liga .standings-pane-header__comp-logo {
    height: 6.4rem
}

.standings-knockout .standings-pane-header>div,.campeonato-liga .standings-pane-header>div {
    width: 100%
}

.standings-knockout .standings-pane-header__info,.campeonato-liga .standings-pane-header__info {
    text-align: center
}

.standings-knockout .standings-pane-header__info svg,.campeonato-liga .standings-pane-header__info svg {
    height: 6.4rem
}

.standings-knockout .standings-pane-header__last-updated,.campeonato-liga .standings-pane-header__last-updated {
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400;
    color: #727272;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.2rem
}

.standings-knockout .standings-pane-header__season-info,.campeonato-liga .standings-pane-header__season-info {
    font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 400
}

.standings-knockout .standings-pane-header__season-info-container,.campeonato-liga .standings-pane-header__season-info-container {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #222
}

.standings-knockout .standings-pane-header__time-info,.campeonato-liga .standings-pane-header__time-info {
    text-align: right
}

@media (max-width: 840px) {
    .standings-knockout .standings-pane-header__header,.campeonato-liga .standings-pane-header__header {
        margin-bottom:.6rem
    }

    .standings-knockout .standings-pane-header__header>div:first-child,.campeonato-liga .standings-pane-header__header>div:first-child {
        display: none
    }

    .standings-knockout .standings-pane-header__comp-logo,.campeonato-liga .standings-pane-header__comp-logo {
        height: 4rem
    }

    .standings-knockout .standings-pane-header__info,.campeonato-liga .standings-pane-header__info {
        text-align: left
    }

    .standings-knockout .standings-pane-header__info svg,.campeonato-liga .standings-pane-header__info svg {
        height: 4rem;
        width: 18rem
    }

    .standings-knockout .standings-pane-header__season-info-container,.campeonato-liga .standings-pane-header__season-info-container {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .standings-knockout .standings-pane-header__time-info,.campeonato-liga .standings-pane-header__time-info {
        padding-right: 1.6rem
    }
}

@media (max-width: 640px) {
    .standings-knockout .standings-pane-header,.campeonato-liga .standings-pane-header {
        margin:0 0 .8rem
    }

    .standings-knockout .standings-pane-header__comp-logo,.campeonato-liga .standings-pane-header__comp-logo {
        height: 2.8rem
    }

    .standings-knockout .standings-pane-header__spacer,.campeonato-liga .standings-pane-header__spacer {
        display: none
    }

    .standings-knockout .standings-pane-header__info svg,.campeonato-liga .standings-pane-header__info svg {
        height: 2.8rem;
        width: 12rem
    }

    .standings-knockout .standings-pane-header__last-updated,.campeonato-liga .standings-pane-header__last-updated {
        font-size: .8rem;
        line-height: .9rem
    }

    .standings-knockout .standings-pane-header__season-info-container,.campeonato-liga .standings-pane-header__season-info-container {
        font-size: 1.2rem;
        line-height: 1.4rem
    }
}

@media (max-width: 400px) {
    .standings-knockout .standings-pane-header__last-updated,.campeonato-liga .standings-pane-header__last-updated {
        font-size:.6rem;
        line-height: .8rem
    }
}

.standings {
    background: #fff
}

.standings__content {
    padding: 0 2.4rem 4rem
}

.standings__header {
    position: relative
}