.form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.form__item {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 24px;
    color: #fff;
}

@media(max-width:575px) {
    .form__item {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

.form__item:last-child {
    margin-right: 0;
}

.form__item--w {
    background: #41ad15;
}

.form__item--d {
    background: #979797;
}

.form__item--l {
    background: #fb0606;
}

.playersComposition {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 216.22517%;
    background: url(/build/images/pitch_full.2b92059c.svg) no-repeat top;
    background-size: contain;
}

.playersComposition__formation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    font-size: 1.2rem;
    font-weight: 700;
}

@media(min-width:576px) {
    .playersComposition__formation {
        padding: 20px;
    }
}

.playersComposition__formation a {
    display: flex;
    align-items: center;
}

.playersComposition__formation img {
    margin-right: 8px;
}

@media(min-width:576px) {
    .playersComposition__formation img {
        margin-right: 10px;
    }
}

.playersComposition__formation span {
    flex-shrink: 0;
}

.playersComposition__team {
    flex-direction: column;
    justify-content: space-between;
    height: 50%;
}

.playersComposition__team,
.playersComposition__team__logo {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;
}

.playersComposition__team__logo {
    z-index: 1;
    justify-content: center;
    height: 100%;
    opacity: .1;
    pointer-events: none;
}

.playersComposition__team--home {
    padding: 5px 0 15px;
}

@media(min-width:576px) {
    .playersComposition__team--home {
        padding: 6.25px 0 18.75px;
    }
}

.playersComposition__team--home .playersComposition__raw--1 .playersComposition__player--1 {
    z-index: 1;
}

.playersComposition__team--home .playersComposition__player__number {
    color: #004fff;
    background: #fff;
}

.playersComposition__team--away {
    top: 50%;
    flex-direction: column-reverse;
    padding: 8px 0 4px;
}

@media(min-width:576px) {
    .playersComposition__team--away {
        padding: 10px 0 5px;
    }
}

.playersComposition__team--away .playersComposition__player {
    flex-direction: column-reverse;
}

.playersComposition__team--away .playersComposition__player__number {
    color: #fb0653;
    background: #fff;
}

.playersComposition__team--away .playersComposition__player__rating {
    top: 22px;
}

.playersComposition__team--away .playersComposition__player > a,
.playersComposition__team--away .playersComposition__player > span {
    flex-direction: column-reverse;
}

.playersComposition__player,
.playersComposition__player > a,
.playersComposition__player > span {
    display: flex;
    position: relative;
    flex: 1;
    flex-direction: column;
    align-items: center;
}

.playersComposition__player__identity {
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
}

.playersComposition__player__identity,
.playersComposition__player__name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.playersComposition__player__name {
    margin: 6px 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    color: #1e1e1e;
}

@media(max-width:319px) {
    .playersComposition__player__name {
        display: none;
    }
}

.playersComposition__player__number {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    background: #1e1e1e;
}

.playersComposition__player__rating {
    display: none;
    z-index: 1;
    position: absolute;
    top: -7px;
    left: 50%;
    width: 24px;
    height: 16px;
    margin-left: -31px;
    border-radius: 2px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
}

.playersComposition__player__rating--bad {
    background: #fb0606;
}

.playersComposition__player__rating--medium {
    background: orange;
}

.playersComposition__player__rating--good {
    background: #41ad15;
}

.playersComposition__player__events {
    position: absolute;
    top: -4px;
    width: 28px;
    height: 28px;
    margin: 4px;
}

@media(min-width:576px) {
    .playersComposition__player__events {
        margin: 5px;
    }
}

.playersComposition__player--1 {
    z-index: 5;
}

.playersComposition__player--2 {
    z-index: 4;
}

.playersComposition__player--3 {
    z-index: 3;
}

.playersComposition__player--4 {
    z-index: 2;
}

.playersComposition__player--5 {
    z-index: 1;
}

.playersComposition__raw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.playersComposition__raw--reverse {
    flex-direction: row-reverse;
}

@media(max-width:479px) {
    .playersComposition__raw--count4 .playersComposition__player__name {
        display: inline-block;
        max-width: 64px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media(max-width:319px) {
    .playersComposition__raw--count4 .playersComposition__player__name {
        display: none;
    }
}

@media(max-width:479px) {
    .playersComposition__raw--count5 .playersComposition__player__name {
        display: inline-block;
        max-width: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media(max-width:319px) {
    .playersComposition__raw--count5 .playersComposition__player__name {
        display: none;
    }
}

.darkmode .playersComposition {
    background: url(/build/images/pitch_full_dark.ec50080b.svg) no-repeat top;
}

.darkmode .playersComposition__player__name {
    color: #e8e8e8;
}

.darkmode .playersComposition__player__number {
    color: #fff;
    background: #004fff;
}

.darkmode .playersComposition .event--goal {
    color: #e8e8e8;
}

.darkmode .playersComposition__team--away .playersComposition__player__number {
    color: #fff;
    background: #fb0653;
}

.playersCompositionName {
    margin-bottom: 4px;
    text-align: center;
    font-weight: 600;
}

@media(min-width:576px) {
    .playersCompositionName {
        margin-bottom: 5px;
    }
}

.playersComposition .playersComposition__team--4-3-3 .playersComposition__raw--3 {
    width: 80%;
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--2 .playersComposition__player--1,
.playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--2 .playersComposition__player--4 {
    margin-top: 20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--2 .playersComposition__player--1,
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--2 .playersComposition__player--4 {
        margin-top: 25px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--2 {
    margin-top: -20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--2 {
        margin-top: -25px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--4 .playersComposition__player--2 {
    margin-top: 10px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--home .playersComposition__raw--4 .playersComposition__player--2 {
        margin-top: 12.5px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--away {
    padding-top: 28px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--away {
        padding-top: 35px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--2 .playersComposition__player--1,
.playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--2 .playersComposition__player--4 {
    margin-top: -20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--2 .playersComposition__player--1,
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--2 .playersComposition__player--4 {
        margin-top: -25px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--2 {
    margin-top: 20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--2 {
        margin-top: 25px;
    }
}

.playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--4 .playersComposition__player--2 {
    margin-top: -10px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-3-3.playersComposition__team--away .playersComposition__raw--4 .playersComposition__player--2 {
        margin-top: -12.5px;
    }
}

.playersComposition .playersComposition__team--4-2-2-2 .playersComposition__raw--3 {
    width: 80%;
}

.playersComposition .playersComposition__team--4-2-2-2 .playersComposition__raw--4 .playersComposition__player--1 {
    padding-right: 80px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--4-2-2-2 .playersComposition__raw--4 .playersComposition__player--1 {
        padding-right: 100px;
    }
}

.playersComposition .playersComposition__team--4-2-2-2 .playersComposition__raw--5,
.playersComposition .playersComposition__team--4-4-2 .playersComposition__raw--4 {
    width: 70%;
}

.playersComposition .playersComposition__team--3-5-2 .playersComposition__raw--2 {
    width: 90%;
}

.playersComposition .playersComposition__team--3-5-2 .playersComposition__raw--4 {
    width: 70%;
}

.playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--1,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--5 {
    margin-top: -20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--1,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--5 {
        margin-top: -25px;
    }
}

.playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--2,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--3,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--4 {
    margin-top: 20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--2,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--3,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--home .playersComposition__raw--3 .playersComposition__player--4 {
        margin-top: 25px;
    }
}

.playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--1,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--5 {
    margin-top: 20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--1,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--5 {
        margin-top: 25px;
    }
}

.playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--2,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--3,
.playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--4 {
    margin-top: -20px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--2,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--3,
    .playersComposition .playersComposition__team--3-5-2.playersComposition__team--away .playersComposition__raw--3 .playersComposition__player--4 {
        margin-top: -25px;
    }
}

.playersComposition .playersComposition__team--4-2-3-1 .playersComposition__raw--3 {
    width: 80%;
}

.playersComposition .playersComposition__team--3-4-2-1 .playersComposition__raw--3 {
    flex-basis: 23%;
}

.playersComposition .playersComposition__team--3-4-2-1 .playersComposition__raw--3 .playersComposition__player--2,
.playersComposition .playersComposition__team--3-4-2-1 .playersComposition__raw--3 .playersComposition__player--3 {
    margin-top: 15px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--3-4-2-1 .playersComposition__raw--3 .playersComposition__player--2,
    .playersComposition .playersComposition__team--3-4-2-1 .playersComposition__raw--3 .playersComposition__player--3 {
        margin-top: 18.75px;
    }
}

.playersComposition .playersComposition__team--4-4-1-1 .playersComposition__raw--4,
.playersComposition .playersComposition__team--4-4-1-1 .playersComposition__raw--5 {
    flex-basis: 15%;
}

.playersComposition .playersComposition__team--5-3-2.playersComposition__team--home .playersComposition__raw--4 .playersComposition__player--2 {
    margin-top: -16px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--5-3-2.playersComposition__team--home .playersComposition__raw--4 .playersComposition__player--2 {
        margin-top: -20px;
    }
}

.playersComposition .playersComposition__team--5-3-2.playersComposition__team--away .playersComposition__raw--4 .playersComposition__player--2 {
    margin-top: 16px;
}

@media(min-width:576px) {
    .playersComposition .playersComposition__team--5-3-2.playersComposition__team--away .playersComposition__raw--4 .playersComposition__player--2 {
        margin-top: 20px;
    }
}

.playersComposition .playersComposition__team--5-3-2 .playersComposition__raw--4 {
    width: 85%;
}

.playersComposition .playersComposition__team--5-3-2 .playersComposition__raw--3 {
    justify-content: space-between;
}

.playersComposition .playersComposition__team--5-3-2 .playersComposition__raw--3 .playersComposition__player {
    flex: 0 20%;
}

.playersComposition .playersComposition__team--5-3-2 .playersComposition__raw--2 {
    width: 85%;
}

.playersComposition .event {
    position: absolute;
}

.playersComposition .event--substitute {
    right: -14px;
    bottom: 1px;
}

.playersComposition .event--card {
    top: -6px;
    right: -6px;
}

.playersComposition .event--goal {
    display: flex;
    right: 24px;
    bottom: 1px;
    flex-direction: row;
    align-items: center;
    font-size: 1rem;
    color: #1e1e1e;
}

.playersComposition .event--goal .event__count {
    margin-right: 2px;
    font-weight: 700;
}

@media(min-width:576px) {
    .playersComposition .event--goal .event__count {
        margin-right: 2.5px;
    }
}

.playersComposition .event--assist {
    display: flex;
    right: 24px;
    bottom: 2px;
    flex-direction: row;
    align-items: center;
    font-size: 1rem;
    color: #1e1e1e;
}

.playersComposition .event--assist .event__count {
    margin-right: 2px;
    font-weight: 700;
}

@media(min-width:576px) {
    .playersComposition .event--assist .event__count {
        margin-right: 2.5px;
    }
}

.playersComposition .event--assistWithGoals {
    right: 46px;
}

.playersComposition .event__icon {
    display: flex;
}

.playersComposition__team--away .playersComposition__player__events {
    top: auto;
    bottom: -6px;
}

.playersComposition__team--away .event--substitute {
    bottom: -3px;
}

.playersComposition__team--away .event--card {
    bottom: -2px;
}

.playersComposition__team--away .event--goal {
    bottom: -3px;
}

.playersComposition__team--away .event--assist {
    bottom: -6px;
}

.compositionType {
    width: 100%;
}

.compositionType .playersComposition {
    height: 50%;
    padding-top: 109%;
    background: url(/build/images/pitch_full.2b92059c.svg) no-repeat top;
    background-size: cover;
}

.compositionType .playersComposition__team {
    height: 100%;
}

.darkmode .compositionType .playersComposition {
    height: 50%;
    padding-top: 109%;
    background: url(/build/images/pitch_full_dark.ec50080b.svg) no-repeat top;
    background-size: cover;
}

.playersSubstitute {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

@media(min-width:1110px) {
    .playersSubstitute {
        flex-direction: column;
    }
}

.playersSubstitute__list {
    width: calc(50% - 8px);
}

@media(min-width:576px) {
    .playersSubstitute__list {
        width: calc(50% - 10px);
    }
}

@media(min-width:1110px) {
    .playersSubstitute__list {
        width: 100%;
    }
}

@media(min-width:1110px) {
    .playersSubstitute__list--home {
        display: flex;
        flex-direction: column-reverse;
        height: 571px;
        margin-top: 18px;
    }

    .playersSubstitute__list--home .playersSubstitute__listTitle {
        order: 1;
    }

    .playersSubstitute__list--home .playersSubstitute__coach {
        margin-top: 16px;
    }
}

@media(min-width:1110px) {
    .playersSubstitute__list--away {
        border-top: 1px solid #e8e8e8;
    }

    .playersSubstitute__list--away .playersSubstitute__coach .playersSubstitute__player {
        margin-top: 8px;
    }
}

.playersSubstitute__listTitle {
    display: block;
    margin: 16px 0;
    font-size: 1.4rem;
    font-weight: 700;
}

@media(min-width:576px) {
    .playersSubstitute__listTitle {
        margin: 20px 0;
    }
}

.playersSubstitute__coach {
    margin-top: 16px;
}

@media(min-width:1110px) {
    .playersSubstitute__coach {
        margin-top: 0;
    }
}

.playersSubstitute__player {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px;
    min-height: 32px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 5px 7px 0 rgba(30,30,30,.05);
}

@media(min-width:576px) {
    .playersSubstitute__player {
        margin-bottom: 10px;
        padding: 10px;
        min-height: 40px;
    }
}

@media(min-width:1002px) {
    .playersSubstitute__player {
        width: calc(50% - 8px);
    }
}

@media(min-width:1110px) {
    .playersSubstitute__player {
        width: calc(33% - 10px);
    }
}

.playersSubstitute__player.comparatorTrigger {
    cursor: pointer;
}

.playersSubstitute__photo {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #979797;
    border-radius: 100%;
    overflow: hidden;
}

.playersSubstitute__photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: contain;
}

.playersSubstitute__infos {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #979797;
}

.playersSubstitute__name {
    display: block;
    margin-top: 2px;
    text-align: center;
    font-weight: 700;
    color: #1e1e1e;
}

@media(min-width:576px) {
    .playersSubstitute__name {
        margin-top: 2.5px;
    }
}

@media(min-width:1002px) {
    .playersSubstitute__players {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.playersSubstitute .event {
    display: flex;
    position: absolute;
    flex-direction: row;
    align-items: center;
}

.playersSubstitute .event--substitute {
    top: 20px;
    left: calc(50% + 42px);
    width: 54px;
    transform: translateX(-50%);
}

.playersSubstitute .event--substitute .event__info {
    margin-left: 2px;
}

.playersSubstitute .event--card {
    top: 8px;
    left: calc(50% - 24px);
    transform: translateX(-50%);
}

.playersSubstitute .event--goal {
    top: 28px;
    right: calc(50% + 8px);
    font-size: 1rem;
    transform: translateX(-50%);
}

.playersSubstitute .event--goal svg {
    margin-left: 2px;
}

@media(min-width:576px) {
    .playersSubstitute .event--goal svg {
        margin-left: 2.5px;
    }
}

.playersSubstitute .event__info__minute {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #75fbf2;
    background: #1e1e1e;
}

@media(min-width:576px) {
    .playersSubstitute .event__info__minute {
        padding: 2.5px 5px;
    }
}

.darkmode .playersSubstitute__player {
    background: #1e1e1e;
}

.darkmode .playersSubstitute__name {
    color: #fff;
}

.darkmode .playersSubstitute__infos {
    color: #5e5e5e;
}

@media(min-width:1110px) {
    .darkmode .playersSubstitute__list--away {
        border-top-color: #2d2f2f;
    }
}

.darkmode .playersSubstitute .event {
    color: #fff;
}

.darkmode .playersSubstitute .event__info__minute {
    background: #121212;
}

.headerCard {
    position: relative;
    width: 100%;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    color: #fff;
    background: url(/build/images/venue.d574fe0a.jpg) 50% 50% no-repeat;
    background-size: cover;
}

@media(min-width:576px) {
    .headerCard {
        padding: 20px;
    }
}

.headerCard:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(56deg,#1e1e1e,rgba(30,30,30,.9) 35%,rgba(43,43,43,.85) 55%,rgba(43,43,43,.65) );
}

.headerCard--blue:after {
    background: linear-gradient(56deg,#0037b3,rgba(0,55,179,.85) 35%,rgba(0,79,255,.85) 55%,rgba(0,79,255,.7) );
}

.headerCard--red:after {
    background: linear-gradient(56deg,#6e0b0b,rgba(110,11,11,.9) 35%,rgba(133,13,13,.75) 55%,rgba(133,13,13,.65) );
}

.headerCard__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.headerCard__subject,
.headerCard__title,
.headerCard__value {
    z-index: 1;
    position: relative;
}

.headerCard__title {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-weight: 700;
    white-space: nowrap;
}

@media(min-width:576px) {
    .headerCard__title {
        margin-bottom: 20px;
    }
}

.headerCard__title--withSubtitle {
    margin-bottom: 6px;
}

@media(min-width:576px) {
    .headerCard__title--withSubtitle {
        margin-bottom: 7.5px;
    }
}

.headerCard__subtitle {
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1;
    color: #979797;
}

.headerCard__subject {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.headerCard__subject a.active,
.headerCard__subject a:active,
.headerCard__subject a:focus,
.headerCard__subject a:hover,
.headerCard__subject a:link,
.headerCard__subject a:visited {
    color: #fff;
}

.headerCard__subject a:hover {
    opacity: .8;
}

.headerCard__value {
    display: grid;
    flex-shrink: 0;
    padding: 4px;
    min-height: 32px;
    min-width: 32px;
    border-radius: 4px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: #75fbf2;
    background: #1e1e1e;
    place-items: center;
}

.headerCard__subValue {
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
}

.headerCard .identity__title {
    color: #fff;
}

.headerCard .identity__subtitle {
    color: #e8e8e8;
}

.matchEvent {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 1.2rem;
}

@media(min-width:576px) {
    .matchEvent {
        margin-bottom: 15px;
    }
}

.matchEvent__minute,
.matchEvent__number {
    width: 30px;
    font-size: 1.1rem;
    color: #979797;
}

.matchEvent__playerName {
    font-weight: 500;
}

.matchEvent__icon {
    height: 14px;
    margin: 0 8px;
}

@media(min-width:576px) {
    .matchEvent__icon {
        height: 17.5px;
        margin: 0 10px;
    }
}

.matchEvent__extra {
    margin: 0 4px;
    color: #5e5e5e;
}

@media(min-width:576px) {
    .matchEvent__extra {
        margin: 0 5px;
    }
}

.matchEvent--away {
    flex-direction: row-reverse;
}

.matchEvent--away .matchEvent__minute,
.matchEvent--away .matchEvent__number {
    text-align: right;
}

.matchEvent--last {
    margin-bottom: 0;
}

.matchEvent--penalty_shot {
    margin-bottom: 8px;
}

@media(min-width:576px) {
    .matchEvent--penalty_shot {
        margin-bottom: 10px;
    }
}

.matchEvent--goal .matchEvent__minute i {
    margin-left: -4px;
    padding: 1px 4px;
    border-radius: 4px;
    color: #fff;
    background: #004fff;
}

@media(min-width:576px) {
    .matchEvent--goal .matchEvent__minute i {
        margin-left: -5px;
        padding: 1.25px 5px;
    }
}

.matchEvent--goal.matchEvent--away .matchEvent__minute i {
    margin-right: -4px;
    margin-left: 0;
    background: #fb0653;
}

@media(min-width:576px) {
    .matchEvent--goal.matchEvent--away .matchEvent__minute i {
        margin-right: -5px;
    }
}

.darkmode .matchEvent__extra {
    color: #979797;
}

.standings {
    padding: 8px 16px;
    font-size: 1.2rem;
}

@media(min-width:576px) {
    .standings {
        padding: 10px 20px;
    }
}

.standings thead {
    border-bottom: 1px solid #f5f5f4;
}

.standings td,
.standings th {
    padding: 8px 0;
    text-align: center;
    font-weight: 400;
    color: #979797;
}

@media(min-width:576px) {
    .standings td,
    .standings th {
        padding: 10px 0;
    }
}

.standings td.standings__player,
.standings td.standings__team,
.standings th.standings__player,
.standings th.standings__team {
    padding-left: 8px;
    text-align: left;
    font-weight: 500;
    color: #1e1e1e;
}

@media(min-width:576px) {
    .standings td.standings__player,
    .standings td.standings__team,
    .standings th.standings__player,
    .standings th.standings__team {
        padding-left: 10px;
    }
}

.standings td.standings__player a,
.standings td.standings__team a,
.standings th.standings__player a,
.standings th.standings__team a {
    display: inline-block;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.standings td.standings__player a img,
.standings td.standings__team a img,
.standings th.standings__player a img,
.standings th.standings__team a img {
    flex-shrink: 0;
    margin-right: 8px;
}

.standings td.standings__acronym,
.standings th.standings__acronym {
    width: 26px;
}

@media(min-width:1002px) {
    .standings td.standings__acronym,
    .standings th.standings__acronym {
        width: 36px;
    }
}

.standings td.standings__evolution,
.standings th.standings__evolution {
    width: 30px;
    padding: 0;
}

@media(min-width:1002px) {
    .standings td.standings__evolution,
    .standings th.standings__evolution {
        width: 40px;
    }
}

.standings td.standings__highlight,
.standings th.standings__highlight {
    width: 26px;
    font-weight: 500;
    color: #fb0653;
}

@media(min-width:1002px) {
    .standings td.standings__highlight,
    .standings th.standings__highlight {
        width: 36px;
    }
}

.standings td.standings__rank,
.standings th.standings__rank {
    width: 20px;
    padding-right: 8px;
    text-align: right;
    font-weight: 500;
    color: #1e1e1e;
}

@media(min-width:576px) {
    .standings td.standings__rank,
    .standings th.standings__rank {
        padding-right: 10px;
    }
}

.standings .standings__match {
    width: 50px;
    font-size: 1.1rem;
}

@media(max-width:319px) {
    .standings .standings__match {
        width: auto;
        white-space: nowrap;
    }
}

@media(min-width:576px) {
    .standings .standings__match {
        width: 62.5px;
    }
}

.standings .standings__match--next {
    font-weight: 700;
}

.standings .standings__match__date,
.standings .standings__match__status {
    color: #979797;
}

.standings .standings__live {
    min-width: 60px;
}

@media(min-width:576px) {
    .standings .standings__live {
        min-width: 75px;
    }
}

.standings .standings__live a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.standings .standings__live a img {
    margin-left: 4px;
}

.standings td {
    padding: 8px 4px;
}

@media(min-width:576px) {
    .standings td {
        padding: 10px 5px;
    }
}

.standings tr.active td {
    background: #f5f5f4;
}

.standings tr.inactive td {
    opacity: .6;
}

.standings__evolution .standings__icon {
    width: 11px;
}

@media(min-width:576px) {
    .standings__evolution .standings__icon {
        width: 13.75px;
    }
}

.standings__evolution .standings__icon.up {
    fill: #41ad15;
}

.standings__evolution .standings__icon.down {
    transform: rotate(180deg);
    fill: #fb0606;
}

.standings__img {
    width: 14px;
    text-align: center;
    vertical-align: top;
}

@media(min-width:576px) {
    .standings__img {
        width: 17.5px;
    }
}

.standings__img img {
    max-width: 40px;
}

@media(min-width:576px) {
    .standings__img img {
        max-width: 50px;
    }
}

.standings tr.ranking--qualifying {
    border-left: 3px solid #004fff;
}

.standings tr.ranking--qualifying--2 {
    border-left: 3px solid #6695ff;
}

.standings tr.ranking--qualifying--3 {
    border-left: 3px solid #99b9ff;
}

.standings tr.ranking--qualifying--4 {
    border-left: 3px solid #ccdcff;
}

.standings tr.ranking--relegation {
    border-left: 3px solid #fb0606;
}

.standings tr.ranking--relegation--2 {
    border-left: 3px solid #fd6a6a;
}

.standings tr.ranking--relegation_playoff {
    border-left: 3px solid #fd9d9d;
}

.standings__legend {
    padding: 16px;
}

@media(min-width:576px) {
    .standings__legend {
        padding: 20px;
    }
}

.standings__legend li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    color: #2d2f2f;
}

@media(min-width:576px) {
    .standings__legend li {
        margin-bottom: 5px;
    }
}

.standings__legend li:before {
    content: "";
    display: inline-flex;
    width: 2px;
    height: 30px;
    margin-right: 16px;
}

@media(min-width:576px) {
    .standings__legend li:before {
        margin-right: 20px;
    }
}

.standings__legend li.ranking--qualifying:before {
    background: #004fff;
}

.standings__legend li.ranking--qualifying--2:before {
    background: #6695ff;
}

.standings__legend li.ranking--qualifying--3:before {
    background: #99b9ff;
}

.standings__legend li.ranking--qualifying--4:before {
    background: #ccdcff;
}

.standings__legend li.ranking--relegation:before {
    background: #fb0606;
}

.standings__legend li.ranking--relegation_playoff:before {
    background: #fd9d9d;
}

.standings__legend li.ranking--relegation--2:before {
    background: #fd6a6a;
}

.standings__help {
    padding: 16px;
    color: #2d2f2f;
}

@media(min-width:576px) {
    .standings__help {
        padding: 20px;
    }
}

.standings--longMode {
    position: relative;
    width: 100%;
    padding-right: 0;
    overflow: hidden;
}

@media(min-width:768px) {
    .standings--longMode {
        padding-right: 20px;
    }
}

.standings--longMode .table {
    width: 100%;
    min-width: 400px;
}

@media(min-width:576px) {
    .standings--longMode .table {
        min-width: 500px;
    }
}

.standings--longMode .tableWrapper {
    padding-bottom: 8px;
    overflow-x: scroll;
}

@media(min-width:576px) {
    .standings--longMode .tableWrapper {
        padding-bottom: 10px;
    }
}

@media(min-width:768px) {
    .standings--longMode .tableWrapper {
        overflow: visible;
    }
}

.standings--longMode:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: linear-gradient(270deg,rgba(0,0,0,.05) 0,transparent);
}

@media(min-width:768px) {
    .standings--longMode:after {
        content: none;
    }
}

.standings--longMode td.standings__player,
.standings--longMode td.standings__team,
.standings--longMode th.standings__player,
.standings--longMode th.standings__team {
    min-width: 140px;
}

@media(max-width:319px) {
    .standings--shortMode {
        position: relative;
        width: 100%;
        padding-right: 0;
    }

    .standings--shortMode:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 100%;
        background: linear-gradient(270deg,rgba(0,0,0,.05) 0,transparent);
    }
}

.standings--shortMode .table {
    min-width: 100%;
}

@media(max-width:319px) {
    .standings--shortMode .tableWrapper {
        overflow-x: scroll;
    }
}

.standings--shortMode .table tbody tr {
    border-left-width: 0;
}

.standings--shortMode .standings__evolution {
    display: none;
}

.standings--shortMode .standings__acronym,
.standings--shortMode .standings__highlight {
    width: 24px;
}

@media(min-width:576px) {
    .standings--shortMode .standings__acronym,
    .standings--shortMode .standings__highlight {
        width: 30px;
    }
}

.darkmode .standings thead {
    border-bottom-color: #121212;
}

.darkmode .standings td.standings__player,
.darkmode .standings td.standings__player a.active,
.darkmode .standings td.standings__player a:active,
.darkmode .standings td.standings__player a:focus,
.darkmode .standings td.standings__player a:hover,
.darkmode .standings td.standings__player a:link,
.darkmode .standings td.standings__player a:visited,
.darkmode .standings td.standings__rank,
.darkmode .standings td.standings__rank a.active,
.darkmode .standings td.standings__rank a:active,
.darkmode .standings td.standings__rank a:focus,
.darkmode .standings td.standings__rank a:hover,
.darkmode .standings td.standings__rank a:link,
.darkmode .standings td.standings__rank a:visited,
.darkmode .standings td.standings__team,
.darkmode .standings td.standings__team a.active,
.darkmode .standings td.standings__team a:active,
.darkmode .standings td.standings__team a:focus,
.darkmode .standings td.standings__team a:hover,
.darkmode .standings td.standings__team a:link,
.darkmode .standings td.standings__team a:visited,
.darkmode .standings th.standings__player,
.darkmode .standings th.standings__player a.active,
.darkmode .standings th.standings__player a:active,
.darkmode .standings th.standings__player a:focus,
.darkmode .standings th.standings__player a:hover,
.darkmode .standings th.standings__player a:link,
.darkmode .standings th.standings__player a:visited,
.darkmode .standings th.standings__rank,
.darkmode .standings th.standings__rank a.active,
.darkmode .standings th.standings__rank a:active,
.darkmode .standings th.standings__rank a:focus,
.darkmode .standings th.standings__rank a:hover,
.darkmode .standings th.standings__rank a:link,
.darkmode .standings th.standings__rank a:visited,
.darkmode .standings th.standings__team,
.darkmode .standings th.standings__team a.active,
.darkmode .standings th.standings__team a:active,
.darkmode .standings th.standings__team a:focus,
.darkmode .standings th.standings__team a:hover,
.darkmode .standings th.standings__team a:link,
.darkmode .standings th.standings__team a:visited {
    color: #fff;
}

.darkmode .standings td.standings__player a:hover,
.darkmode .standings td.standings__rank a:hover,
.darkmode .standings td.standings__team a:hover,
.darkmode .standings th.standings__player a:hover,
.darkmode .standings th.standings__rank a:hover,
.darkmode .standings th.standings__team a:hover {
    opacity: .8;
}

.darkmode .standings tr.active td {
    background: #121212;
}

.darkmode .standings__help,
.darkmode .standings__legend li {
    color: #e8e8e8;
}

.statGauge {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #1e1e1e;
}

.statGauge__title {
    font-size: 1.4rem;
    font-weight: 600;
}

@media(min-width:768px) {
    .statGauge__title {
        font-weight: 500;
    }
}

.statGauge__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.statGauge__wrapper > span {
    width: 40px;
}

@media(min-width:576px) {
    .statGauge__wrapper > span {
        width: 50px;
    }
}

.statGauge__wrapper > span:first-child {
    text-align: left;
}

.statGauge__wrapper > span:last-child {
    text-align: right;
}

.statGauge__gauge {
    position: relative;
    width: 100%;
    height: 8px;
    margin: 0 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #fb0653;
}

@media(min-width:576px) {
    .statGauge__gauge {
        height: 10px;
        margin: 0 10px;
    }
}

.statGauge__gauge > div {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    border-right: 2px solid #fff;
    background: #004fff;
}

.statGauge span {
    font-weight: 600;
}

@media(min-width:768px) {
    .statGauge span {
        font-weight: 500;
    }
}

.statGauge + div {
    margin-top: 16px;
}

@media(min-width:576px) {
    .statGauge + div {
        margin-top: 20px;
    }
}

.statShoot + .statGauge {
    margin-top: 16px;
}

@media(min-width:576px) {
    .statShoot + .statGauge {
        margin-top: 20px;
    }
}

.darkmode .statGauge {
    color: #fff;
}

.statInline {
    display: flex;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid #f5f5f4;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #1e1e1e;
}

@media(min-width:576px) {
    .statInline {
        padding-bottom: 10px;
    }
}

@media(min-width:768px) {
    .statInline {
        font-weight: 500;
    }
}

.statInline:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.statInline__title {
    flex: 1;
}

.statInline__valueWrapper {
    display: flex;
    align-items: center;
    width: 42px;
}

.statInline__valueWrapper--withPercent {
    width: 60px;
}

@media(min-width:576px) {
    .statInline__valueWrapper--withPercent {
        width: 80px;
    }
}

@media(min-width:576px) {
    .statInline__valueWrapper {
        width: 70px;
    }
}

.statInline__value.statInline__value--active {
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;
    background: #004fff;
}

@media(min-width:576px) {
    .statInline__value.statInline__value--active {
        padding: 2.5px 5px;
    }
}

.statInline__valueWrapper--right {
    justify-content: flex-end;
}

.statInline__valueWrapper--right .statInline__value--active {
    background: #fb0653;
}

.statInline__percentage {
    margin: 0 4px;
    font-weight: 400;
    color: #979797;
}

.statInline + .statInline {
    margin-top: 8px;
}

@media(min-width:576px) {
    .statInline + .statInline {
        margin-top: 10px;
    }
}

.statShoot + .statInline {
    margin-top: 16px;
}

@media(min-width:576px) {
    .statShoot + .statInline {
        margin-top: 20px;
    }
}

.darkmode .statInline {
    border-bottom: 1px solid #121212;
    color: #fff;
}

.darkmode .statInline:last-child {
    border-bottom: none;
}

.darkmode .statInline__value.statInline__value--active {
    color: #fff;
    background: #4c8beb;
}

.darkmode .statInline__valueWrapper--right .statInline__value--active {
    color: #fff;
    background: #fb0653;
}

.statShoot {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #1e1e1e;
}

.statShoot__title {
    font-size: 1.2rem;
    font-weight: 600;
}

.statShoot__wrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    margin-top: 8px;
}

@media(min-width:576px) {
    .statShoot__wrapper {
        margin-top: 10px;
    }
}

.statShoot__wrapper > span:first-child {
    width: 40px;
}

@media(min-width:576px) {
    .statShoot__wrapper > span:first-child {
        width: 50px;
    }
}

.statShoot__wrapper > span:last-child {
    width: 40px;
}

@media(min-width:576px) {
    .statShoot__wrapper > span:last-child {
        width: 50px;
    }
}

.statShoot__shoot {
    position: relative;
    width: 100%;
    margin: 0 8px;
    color: #fff;
}

@media(min-width:576px) {
    .statShoot__shoot {
        margin: 0 10px;
    }
}

.statShoot .outside {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 76px;
}

@media(min-width:576px) {
    .statShoot .outside {
        height: 95px;
    }
}

@media(max-width:319px) {
    .statShoot .outside {
        height: 56px;
    }
}

.statShoot .outside__left,
.statShoot .outside__right {
    position: relative;
    width: 50%;
}

.statShoot .outside__center {
    position: relative;
    width: 100%;
}

.statShoot .outside span {
    position: absolute;
    top: 20px;
    width: 40px;
    text-align: center;
}

@media(min-width:576px) {
    .statShoot .outside span {
        top: 25px;
        width: 50px;
    }
}

@media(max-width:319px) {
    .statShoot .outside span {
        top: 8px;
    }
}

.statShoot .outside__left {
    background: rgba(0,79,255,.5);
}

.statShoot .outside__left span {
    left: 8px;
}

.statShoot .outside__center {
    background: rgba(251,6,6,.5);
}

.statShoot .outside__center span {
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
}

@media(min-width:576px) {
    .statShoot .outside__center span {
        top: 10px;
    }
}

.statShoot .outside__right {
    background: rgba(251,6,83,.5);
}

.statShoot .outside__right span {
    right: 8px;
}

@media(min-width:576px) {
    .statShoot .outside__right span {
        right: 10px;
    }
}

.statShoot .inside {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    flex-direction: row;
    justify-content: center;
    width: 50%;
    height: 50px;
    border: solid #fff;
    border-width: 3px 3px 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    transform: translateX(-50%);
}

@media(min-width:576px) {
    .statShoot .inside {
        height: 62.5px;
    }
}

@media(max-width:319px) {
    .statShoot .inside {
        height: 30px;
    }
}

.statShoot .inside__left,
.statShoot .inside__right {
    width: 50%;
    padding-top: 12px;
    font-size: 1.6rem;
}

@media(min-width:576px) {
    .statShoot .inside__left,
    .statShoot .inside__right {
        padding-top: 15px;
    }
}

@media(max-width:319px) {
    .statShoot .inside__left,
    .statShoot .inside__right {
        padding-top: 4px;
    }
}

.statShoot .inside__left {
    background: #004fff;
}

.statShoot .inside__center {
    width: 100%;
    padding-top: 12px;
    background: #41ad15;
}

@media(min-width:576px) {
    .statShoot .inside__center {
        padding-top: 15px;
    }
}

@media(max-width:319px) {
    .statShoot .inside__center {
        padding-top: 6px;
    }
}

.statShoot .inside__right {
    background: #fb0653;
}

.statShoot span {
    font-size: 1.4rem;
    font-weight: 600;
}

.darkmode .statShoot,
.darkmode .statShoot__shoot {
    color: #fff;
}

.statCircle {
    position: relative;
    width: 85px;
    text-align: center;
    font-size: 1.2rem;
}

@media(min-width:576px) {
    .statCircle {
        width: 106.25px;
    }
}

.statCircle__circle {
    margin: 0 10px;
    border-radius: 100%;
    text-align: center;
}

@media(min-width:576px) {
    .statCircle__circle {
        margin: 0 12.5px;
    }
}

.statCircle__value {
    position: absolute;
    top: 23px;
    width: 100%;
    text-align: center;
}

@media(min-width:576px) {
    .statCircle__value {
        top: 28.75px;
    }
}

@media(max-width:319px) {
    .statCircle__value {
        top: 14px;
    }
}

.statCircle__title {
    margin-top: 4px;
    font-weight: 700;
}

@media(min-width:576px) {
    .statCircle__title {
        margin-top: 5px;
    }
}

.statCircle--red .statCircle__value {
    color: #fb0653;
}

.statCircle--red .circle {
    stroke: #fb0653;
}

.statCircle--blue .statCircle__value {
    color: #004fff;
}

.statCircle--blue .circle {
    stroke: #004fff;
}

.statCircle--gray .statCircle__value {
    color: #5e5e5e;
}

.statCircle--gray .circle {
    stroke: #5e5e5e;
}

.statVerticalBar {
    width: 100%;
}

.statVerticalBar__title {
    margin-bottom: 8px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #121212;
}

@media(min-width:576px) {
    .statVerticalBar__title {
        margin-bottom: 10px;
    }
}

.statVerticalBar__wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    height: 80px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #f5f5f4;
}

@media(min-width:576px) {
    .statVerticalBar__wrapper {
        height: 100px;
        padding: 5px 7.5px;
    }
}

.statVerticalBar__left,
.statVerticalBar__right {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: calc(50% - 2px);
    height: 100%;
}

@media(min-width:576px) {
    .statVerticalBar__left,
    .statVerticalBar__right {
        width: calc(50% - 2.5px);
    }
}

@media(min-width:1002px) {
    .statVerticalBar__left,
    .statVerticalBar__right {
        width: calc(50% - 2.5px);
    }
}

.statVerticalBar__left span,
.statVerticalBar__right span {
    margin-bottom: 4px;
    font-size: 1.2rem;
    color: #121212;
}

@media(min-width:576px) {
    .statVerticalBar__left span,
    .statVerticalBar__right span {
        margin-bottom: 5px;
    }
}

.statVerticalBar__leftBar {
    background: #004fff;
}

.statVerticalBar__rightBar {
    background: #fb0653;
}

.statVerticalBar__leftBar,
.statVerticalBar__rightBar {
    width: 100%;
    max-height: 100%;
    min-height: 2px;
    border-radius: 2px;
}

.statVerticalBar__leftBar--success,
.statVerticalBar__rightBar--success {
    background: #41ad15;
}

.statVerticalBar__leftBar--error,
.statVerticalBar__rightBar--error {
    background: #fb0606;
}

.statVerticalBarList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.statVerticalBarList .statVerticalBar {
    width: calc(33% - 8px);
    margin-bottom: 24px;
}

@media(min-width:576px) {
    .statVerticalBarList .statVerticalBar {
        width: calc(33% - 10px);
        margin-bottom: 30px;
    }
}

@media(min-width:1002px) {
    .statVerticalBarList .statVerticalBar {
        width: calc(33% - 10px);
    }
}

.darkmode .statVerticalBar__title {
    color: #f5f5f4;
}

.darkmode .statVerticalBar__wrapper {
    background: #121212;
}

.darkmode .statVerticalBar__left span,
.darkmode .statVerticalBar__right span {
    color: #f5f5f4;
}

.darkmode .statVerticalBar__leftBar {
    background: #4c8beb;
}

.darkmode .statVerticalBar__rightBar {
    background: #fb0653;
}

.darkmode .statVerticalBar__leftBar--success,
.darkmode .statVerticalBar__rightBar--success {
    background: #41ad15;
}

.darkmode .statVerticalBar__leftBar--error,
.darkmode .statVerticalBar__rightBar--error {
    background: #fb0606;
}

.venue__image {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.venue__image img {
    max-height: 160px;
    object-fit: cover;
    object-position: 50% 50%;
}

.venue__title {
    padding: 16px 16px 8px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1e1e1e;
}

@media(min-width:576px) {
    .venue__title {
        padding: 20px 20px 10px;
    }
}

.venue__content {
    padding: 0 16px 16px;
    font-size: 1.2rem;
    color: #5e5e5e;
}

@media(min-width:576px) {
    .venue__content {
        padding: 0 20px 20px;
    }
}

.venue__content li {
    padding: 2px 0;
}

@media(min-width:576px) {
    .venue__content li {
        padding: 2.5px 0;
    }
}

.venue__content li span {
    font-weight: 500;
}

.darkmode .venue__title {
    color: #fff;
}

.darkmode .venue__content {
    color: #979797;
}

.comparator__choicesSelector,
.comparator__results {
    padding: 16px;
}

@media(min-width:576px) {
    .comparator__choicesSelector,
    .comparator__results {
        padding: 20px;
    }
}

.comparator__choicesSelector__wrapper,
.comparator__results__wrapper {
    animation: fadeIn .3s ease-in-out;
}

.comparator__results {
    transition: opacity .2s ease-in-out;
}

.comparator__choices {
    z-index: 10;
    position: sticky;
    top: 0;
}

.comparator--loading .comparator__results {
    opacity: 0;
}

.comparatorSubChoices {
    display: flex;
}

.comparatorSubChoices__item {
    flex: 1;
}

.comparatorSubChoices__item + .comparatorSubChoices__item {
    margin-left: 8px;
}

@media(min-width:576px) {
    .comparatorSubChoices__item + .comparatorSubChoices__item {
        margin-left: 10px;
    }
}

.comparatorChoices {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}

.comparatorChoices__vs {
    z-index: 2;
    font-size: 1rem;
    font-weight: 700;
    color: #75fbf2;
}

.comparatorChoices__vs,
.comparatorChoices__vs:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.comparatorChoices__vs:before {
    content: "";
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #1e1e1e;
}

.comparatorChoice {
    display: flex;
    z-index: 1;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 16px 16px 12px;
    overflow: hidden;
    color: #1e1e1e;
    background: url(/build/images/venue.d574fe0a.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.comparatorChoice:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.85);
}

.comparatorChoice--selectedLeft {
    border-radius: 8px 0 0 0;
}

.comparatorChoice--selectedLeft:after {
    content: "";
    background: linear-gradient(56deg,#1e1e1e,rgba(30,30,30,.9) 35%,rgba(43,43,43,.85) 55%,rgba(43,43,43,.65) );
}

.comparatorChoice--selectedLeft svg {
    color: #fff;
}

.comparatorChoice--selectedRight {
    border-radius: 0 8px 0 0;
}

.comparatorChoice--selectedRight:after {
    content: "";
    background: linear-gradient(56deg,#1e1e1e,rgba(30,30,30,.9) 35%,rgba(43,43,43,.85) 55%,rgba(94,94,94,.65) );
    transform: rotateY(180deg);
}

.comparatorChoice--selectedRight svg {
    color: #fff;
}

.comparatorChoice__changeItem {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff;
}

.comparatorChoice__changeItem svg {
    width: 20px;
    height: 20px;
}

.comparatorChoice.comparatorChoice--right {
    border-top-right-radius: 10px;
}

.comparatorChoice.comparatorChoice--right .comparatorChoice__changeItem {
    right: 12px;
    left: auto;
}

.comparatorChoice__images {
    position: relative;
    line-height: 0;
}

.comparatorChoice__club {
    position: absolute;
    right: -6px;
    bottom: 0;
    width: 12px;
    height: 12px;
}

.comparatorChoice__name {
    margin-top: 8px;
    max-width: calc(100% - 8px);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1.2rem;
    white-space: nowrap;
    color: #fff;
}

@media(min-width:576px) {
    .comparatorChoice__name {
        margin-top: 10px;
    }
}

.comparatorChoice__shirtPosition {
    margin-top: 4px;
    text-align: center;
    font-size: 1rem;
    color: #979797;
}

.comparatorChoice__choose {
    margin-top: 8px;
}

@media(min-width:576px) {
    .comparatorChoice__choose {
        margin-top: 10px;
    }
}

.comparatorChoice__choose .button {
    padding: 6px;
    font-weight: 500;
}

.comparatorChoice--player .comparatorChoice__photo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.liveCommentary {
    color: #1e1e1e;
}

.liveCommentary__title {
    margin-bottom: 16px;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 900;
}

@media(min-width:576px) {
    .liveCommentary__title {
        margin-bottom: 20px;
    }
}

.liveCommentary__content {
    font-size: 1.2rem;
}

.liveCommentary__content .twitter-tweet {
    margin-right: auto;
    margin-left: auto;
}

.liveCommentary__content .twitter-tweet iframe {
    margin: auto;
    max-width: 340px;
}

.liveCommentary + .liveCommentary,
.liveCommentary .card + .card {
    margin-top: 16px;
}

@media(min-width:576px) {
    .liveCommentary + .liveCommentary,
    .liveCommentary .card + .card {
        margin-top: 20px;
    }
}

.liveCommentary .list {
    margin-top: 16px;
}

@media(min-width:576px) {
    .liveCommentary .list {
        margin-top: 20px;
    }
}

.liveCommentary .list li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.liveCommentary__content h1,
.liveCommentary__content h2,
.liveCommentary__content h3,
.liveCommentary__content h4,
.liveCommentary__content h5,
.liveCommentary__content p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
}

.liveCommentary__content h1 + p,
.liveCommentary__content h2 + p,
.liveCommentary__content h3+p,
.liveCommentary__content h4+p,
.liveCommentary__content h5+p {
    margin-top: 16px;
}

@media(min-width:576px) {
    .liveCommentary__content h1 + p,
    .liveCommentary__content h2 + p,
    .liveCommentary__content h3+p,
    .liveCommentary__content h4+p,
    .liveCommentary__content h5+p {
        margin-top: 20px;
    }
}

.liveCommentary__content ol + p,
.liveCommentary__content p + p,
.liveCommentary__content p img,
.liveCommentary__content ul+p {
    margin-top: 8px;
}

@media(min-width:576px) {
    .liveCommentary__content ol + p,
    .liveCommentary__content p + p,
    .liveCommentary__content p img,
    .liveCommentary__content ul+p {
        margin-top: 10px;
    }
}

.liveCommentary__content p img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 340px;
}

.liveCommentary__content a {
    text-decoration: underline;
}

.liveCommentary__content a.btn {
    display: inline-block;
    margin: 2px 0;
    padding: 4px;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    background: #004fff;
}

.liveCommentary__content ul li {
    list-style: disc inside;
}

.liveCommentary__content ol,
.liveCommentary__content ul {
    margin-top: 8px;
}

@media(min-width:576px) {
    .liveCommentary__content ol,
    .liveCommentary__content ul {
        margin-top: 10px;
    }
}

.liveCommentarySeparator {
    position: relative;
    margin: 32px 0 24px;
    text-align: center;
}

@media(min-width:576px) {
    .liveCommentarySeparator {
        margin: 40px 0 30px;
    }
}

.liveCommentarySeparator:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    /*background: #e8e8e8;*/
    transform: translateY(-50%);
}

.liveCommentarySeparator__container {
    display: inline-flex;
    z-index: 1;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 0 16px;
    background: #f5f5f4;
}

@media(min-width:576px) {
    .liveCommentarySeparator__container {
        padding: 0 20px;
    }
}

.liveCommentarySeparator__chrono {
    font-size: 1.2rem;
    font-weight: 700;
}

.liveCommentarySeparator__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    border-radius: 100%;
    line-height: 0;
    color: #fff;
    background: #1e1e1e;
}

.darkmode .liveCommentary {
    color: #fff;
}

.darkmode .liveCommentary__content a {
    color: #4c8beb;
}

.darkmode .liveCommentary__content a.btn {
    background: #4c8beb;
}

.darkmode .liveEventSeparator__container {
    background: #121212;
}

.darkmode .liveEventSeparator__icon {
    color: #1e1e1e;
    background: #fff;
}

.darkmode .liveCommentarySeparator:before {
    background: #2d2f2f;
}

.darkmode .liveCommentarySeparator__container {
    background: #121212;
}

.referee {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.referee__identity {
    max-width: 80%;
}

.referee__identity strong {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
}

.referee__identity span {
    display: block;
    font-size: 15px;
    color: #000;
}

.referee__stats {
    flex-shrink: 0;
    justify-content: space-between;
}

.referee__card,
.referee__stats {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.referee__card {
    justify-content: center;
    height: 38px;
    margin-left: 3px;
    padding: 0 4px;
    min-width: 36px;
    border-radius: 3px;
    font-size: 2rem;
    font-weight: 700;
}

@media(min-width:576px) {
    .referee__card {
        /*margin-left: 15px;*/
        padding: 0 5px;
    }
}

.referee__card--yellow {
    color: #1e1e1e;
    background: #fbc006;
}

.referee__card--green {
    color: #fff;
    background: #3aa757;
}

.referee__card--red {
    color: #fff;
    background: #fb0606;
}

.referee__caption {
    width: 100%;
    margin-top: 8px;
    text-align: right;
    font-size: 1rem;
    color: #979797;
}

@media(min-width:576px) {
    .referee__caption {
        margin-top: 10px;
    }
}

.darkmode .referee__identity span {
    color: #5e5e5e;
}

.darkmode .referee__card--yellow {
    color: #fff;
    background: #fbc006;
}

.darkmode .referee__card--red {
    color: #fff;
    background: #fb0606;
}

.darkmode .referee__caption {
    color: #5e5e5e;
}

.matchHeader {
    position: relative;
    background: #1e1e1e url(/build/images/venue.d574fe0a.jpg) 50% 50% no-repeat;
    background-size: cover;
}

@supports(padding-top:env(safe-area-inset-top) ) {
    .matchHeader {
        padding-right: env(safe-area-inset-right);
        padding-left: env(safe-area-inset-left);
    }
}

@media(min-width:1002px) {
    .matchHeader {
        /*width: calc(100% - 290px);*/
        /*transform: translateX(290px);*/
    }
}

.matchHeader:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0,rgba(30,30,30,.99), rgba(30,30,30,.95) );
}

.matchHeader > div {
    z-index: 1;
    position: relative;
}

.matchHeader__top {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

@media(min-width:576px) {
    .matchHeader__top {
        margin-bottom: 20px;
    }
}

.matchHeader__back {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.matchHeader__back svg {
    color: #fff;
    transform: rotate(180deg);
}

.matchHeader__competition {
    width: calc(100% - 160px);
    margin: 8px auto 0;
}

.matchHeader__competition span {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #979797;
}

.matchHeader__competition span:last-child {
    font-size: 1rem;
}

.matchHeader__actions {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.matchHeader button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
}

.matchHeader__infos {
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
}

@media(min-width:576px) {
    .matchHeader__infos {
        padding-bottom: 20px;
    }
}

.matchHeader__team {
    display: flex;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start;
}

.matchHeader__team__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
}

@media(min-width:576px) {
    .matchHeader__team__wrapper {
        width: 125px;
    }
}

.matchHeader__team__bloc {
    position: relative;
}

.matchHeader__team__bloc .favorite {
    position: absolute;
    left: -45px;
    width: 40px;
    height: 40px;
}

@media(min-width:576px) {
    .matchHeader__team__bloc .favorite {
        top: 8px;
        left: -56px;
    }
}

.matchHeader__team__bloc .favorite svg {
    width: 14px;
    height: 14px;
}

@media(min-width:576px) {
    .matchHeader__team__bloc .favorite svg {
        width: 17.5px;
        height: 17.5px;
    }
}

.matchHeader__team__bloc img {
    width: 48px;
    /*height: 48px;*/
}

@media(min-width:576px) {
    .matchHeader__team__bloc img {
        width: 60px;
        /*height: 60px;*/
    }
}

.matchHeader__team__name {
    margin: 8px 0 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
}

@media(min-width:576px) {
    .matchHeader__team__name {
        margin: 10px 0 0;
    }
}

.matchHeader__team__name a {
    font-size: 1.4rem;
}

.matchHeader__team__name a.active,
.matchHeader__team__name a:active,
.matchHeader__team__name a:focus,
.matchHeader__team__name a:hover,
.matchHeader__team__name a:link,
.matchHeader__team__name a:visited {
    color: #fff;
}

.matchHeader__team__name a:hover {
    opacity: .8;
}

.matchHeader__team--home {
    justify-content: flex-end;
}

.matchHeader__team--away .matchHeader__team__bloc .favorite {
    right: -45px;
    left: inherit;
}

@media(min-width:576px) {
    .matchHeader__team--away .matchHeader__team__bloc .favorite {
        right: -56px;
    }
}

.matchHeader__center {
    width: 90px;
    text-align: center;
    font-size: 1.2rem;
    color: #979797;
}

@media(min-width:576px) {
    .matchHeader__center {
        width: 112.5px;
    }
}

.matchHeader__date time {
    font-size: 1rem;
}

.matchHeader__date time:last-child {
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
}

.matchHeader__status {
    text-transform: capitalize;
}

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

.matchHeader__score {
    font-size: 2.4rem;
    color: #fff;
}

.matchHeader__vs {
    padding: 0 10px;
    font-size: 1.8rem;
}

@media(min-width:576px) {
    .matchHeader__vs {
        padding: 0 12.5px;
    }
}

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

.matchHeader__penalties__team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100px;
}

@media(min-width:576px) {
    .matchHeader__penalties__team {
        width: 125px;
    }
}

.matchHeader__penalties__score {
    width: 90px;
    text-align: center;
    font-size: 1.2rem;
    color: #979797;
}

@media(min-width:576px) {
    .matchHeader__penalties__score {
        width: 112.5px;
    }
}

.matchHeader__penalties .penalty {
    position: relative;
    width: 8px;
    height: 8px;
    margin: 4px;
    border-radius: 50%;
    background-color: #979797;
}

@media(min-width:576px) {
    .matchHeader__penalties .penalty {
        width: 10px;
        height: 10px;
        margin: 5px;
    }
}

.matchHeader__penalties .penalty--missed,
.matchHeader__penalties .penalty--saved {
    background-color: #fb0606;
}

.matchHeader__penalties .penalty--scored {
    background-color: #41ad15;
}

.matchHeader__penalties .penalty__player {
    display: none;
    position: absolute;
    top: -27px;
    left: -8px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 1rem;
    line-height: 20px;
    white-space: nowrap;
    color: #1e1e1e;
    background: #fff;
}

.matchHeader__penalties .penalty__player:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    margin-bottom: -8px;
    border: 4px solid transparent;
    border-top-color: #fff;
}

@media(min-width:576px) {
    .matchHeader__penalties .penalty__player:after {
        left: 10px;
        margin-bottom: -10px;
    }
}

.matchHeader__penalties .penalty:hover .penalty__player {
    display: block;
}

.matchEvents {
    display: flex;
    flex-direction: column;
}

.matchPeriod {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

@media(min-width:576px) {
    .matchPeriod {
        margin-bottom: 15px;
    }
}

.matchPeriod:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    /*background: #e8e8e8;*/
}

.matchPeriod__content {
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: #fff;
}

.matchPeriod__score,
.matchPeriod__type {
    font-size: 1.2rem;
    font-weight: 500;
}

.matchPeriod__score {
    margin-left: 4px;
    padding: 4px 8px;
    border-radius: 12px;
    line-height: 12px;
    color: #75fbf2;
    background: #1e1e1e;
}

@media(min-width:576px) {
    .matchPeriod__score {
        margin-left: 5px;
        padding: 5px 10px;
        line-height: 15px;
    }
}

.diffusion {
    display: flex;
    align-items: center;
}

.diffusion span {
    font-size: 1.2rem;
    color: #979797;
}

.diffusion div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}

.diffusion div img.diffusion__secondaryChannel {
    margin-left: 8px;
}

@media(min-width:576px) {
    .diffusion div img.diffusion__secondaryChannel {
        margin-left: 10px;
    }
}

.matchTeams {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 8px;
}

@media(min-width:576px) {
    .matchTeams {
        margin-bottom: 10px;
    }
}

.matchTeams:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 30px;
    /*background: #e8e8e8;*/
}

@media(min-width:576px) {
    .matchTeams:after {
        height: 37.5px;
    }
}

.formation {
    display: flex;
    position: relative;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 600;
}

.formation:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 30px;
    /*background: #e8e8e8;*/
}

@media(min-width:576px) {
    .formation:after {
        height: 37.5px;
    }
}

.formation__team {
    display: flex;
    flex: 1;
    align-items: center;
}

@media(max-width:319px) {
    .formation__team {
        flex-direction: column;
    }
}

.formation__team:first-child a {
    margin-right: 16px;
}

@media(min-width:576px) {
    .formation__team:first-child a {
        margin-right: 20px;
    }
}

@media(max-width:319px) {
    .formation__team:first-child a {
        margin-right: 0;
    }
}

.formation__team:last-child {
    justify-content: flex-end;
}

@media(max-width:319px) {
    .formation__team:last-child {
        flex-direction: column-reverse;
    }
}

.formation__team:last-child a {
    margin-left: 16px;
}

@media(min-width:576px) {
    .formation__team:last-child a {
        margin-left: 20px;
    }
}

@media(max-width:319px) {
    .formation__team:last-child a {
        margin-left: 0;
    }
}

.matchTeamsForm {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.matchTeamsForm:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 30px;
    background: #e8e8e8;
}

@media(min-width:576px) {
    .matchTeamsForm:after {
        height: 37.5px;
    }
}

#tabBet .goalsPerTimeSegment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#tabBet .goalsPerTimeSegment .statVerticalBar {
    width: calc(33% - 8px);
}

@media(min-width:576px) {
    #tabBet .goalsPerTimeSegment .statVerticalBar {
        width: calc(33% - 10px);
    }
}

@media(min-width:1002px) {
    #tabBet .goalsPerTimeSegment .statVerticalBar {
        width: calc(33% - 10px);
    }
}

#tabBet .goalsPerTimeSegment .statVerticalBar:first-child {
    margin-bottom: 16px;
}

@media(min-width:576px) {
    #tabBet .goalsPerTimeSegment .statVerticalBar:first-child {
        margin-bottom: 20px;
    }
}

@media(min-width:1110px) {
    .matchComposition {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .matchComposition .playersSubstitute,
    .matchComposition__field {
        width: calc(50% - 8px);
    }
}

.matchComposition.matchComposition--showRating .playersComposition__player__rating {
    display: block;
}

.darkmode .matchPeriod__content {
    background: #1e1e1e;
}

.darkmode .matchPeriod__score {
    color: #1e1e1e;
    background: #75fbf2;
}

.darkmode .formation:after,
.darkmode .matchPeriod:before,
.darkmode .matchTeams:after,
.darkmode .matchTeamsForm:after {
    background: #2d2f2f;
}