.Iq {
    max-width: max-content;
    position: relative;
    width: 14px
}

.Iq svg {
    display: block;
    max-height: 14px;
    min-width: 14px
}

.Iq .Jq {
    align-items: center;
    background-color: #a00000;
    border-radius: 9999px;
    color: #fdfdfd;
    display: flex;
    font-size: 10px;
    font-weight: 100;
    height: 12px;
    justify-content: center;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 12px
}

.Yn {
    background-color: #399d39;
    padding: 1px 15px;
    margin: 0 auto;
    max-width: 564px
}

.Yn svg {
    height: 14px;
    width: 14px
}

.Yn .Zn {
    color: #fdfdfd;
    display: flex;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 14px
}

.Yn .Zn>:first-child {
    font-weight: 900;
    margin-right: 5px;
    text-transform: uppercase
}

.Yn .Zn>:last-child {
    font-weight: 400
}

.ao {
    flex: 1 1
}

.ao .bo {
    border: 1px solid #fdfdfd
}

.ao .co {
    flex: 1 1;
    text-align: center
}

.ao .co,.ao .co .do {
    display: flex;
    justify-content: center
}

.ao .co .do {
    align-items: center;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 700;
    height: 3rem;
    position: relative;
    width: 3rem
}

.ao .co .do.eo,.ao .co .do.fo {
    background-color: #111
}

.ao .co .do.go,.ao .co .do.ho {
    background-color: #fdfdfd;
    color: #000
}

.ao .co .do .io,.ao .co .do .jo,.ao .co .do .ko,.ao .co .do .lo {
    position: absolute
}

.ao .co .do .io {
    left: -4px;
    top: -4px
}

.ao .co .do .jo {
    right: -4px;
    top: -4px
}

.ao .co .do .ko {
    bottom: -4px;
    right: -4px
}

.ao .co .do .lo {
    bottom: -4px;
    left: -4px
}

.ao .co .do.bo {
    background-color: #111;
    color: #fdfdfd;
    font-size: 7px;
    font-weight: 500;
    height: 1rem;
    width: 1rem
}

.ao .co .do.bo svg {
    transform: scale(.6)
}

.ao .co .do.bo .io {
    left: -8px;
    top: -8px
}

.ao .co .do.bo .jo {
    right: -8px;
    top: -8px
}

.ao .co .do.bo .ko {
    bottom: -8px;
    right: -8px
}

.ao .co .do.bo .lo {
    bottom: -8px;
    left: -8px
}

.ao .mo {
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    margin-top: .25rem;
    text-align: center;
    line-height: 1.1
}

.no {
    background: repeating-linear-gradient(180deg,#399d39,#399d39 10%,#419f42 0,#419f42 20%);
    border: 2px solid #84c886;
    height: 708px;
    overflow: hidden;
    position: relative
}

.no .oo,.no .po {
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: space-between;
    padding: .5rem;
    position: absolute;
    width: 100%;
    z-index: 20
}

.no .oo .qo,.no .po .qo {
    align-items: flex-start;
    color: #fff;
    display: flex
}

.no .po {
    top: 50%
}

.no .ro {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.no .ro div {
    border: 2px solid #84c886;
    border-radius: 9999px;
    height: 2.5rem;
    position: absolute;
    width: 2.5rem
}

.no .ro .so {
    left: -20px;
    top: -20px
}

.no .ro .to {
    left: calc(100% - 20px);
    top: -20px
}

.no .ro .uo {
    bottom: -20px;
    right: -20px
}

.no .ro .vo {
    bottom: -20px;
    left: -20px
}

.no .wo {
    border: 1px solid #84c886;
    position: absolute;
    top: calc(50% - 2px);
    width: 100%
}

.no .xo {
    background-color: #84c886;
    border-radius: 9999px;
    height: 6px;
    left: calc(50% - 3px);
    top: calc(50% - 4px);
    width: 6px
}

.no .xo,.no .yo {
    position: absolute
}

.no .yo {
    border: 2px solid #84c886;
    border-radius: 9999px;
    height: 76px;
    left: calc(50% - 38px);
    top: calc(50% - 38px);
    width: 76px
}

.zo {
    height: 1.5rem
}

.Ao,.zo {
    border: 2px solid #84c886;
    left: 25%;
    position: absolute;
    width: 50%
}

.Ao {
    height: 10%;
    z-index: 19
}

.Ao.Bo {
    border-top: 2px solid #84c886;
    bottom: -2px;
    top: auto
}

.Ao.Co {
    top: -2px
}

.Ao.Bo .zo {
    border-top: 2px solid #84c886;
    bottom: -2px;
    top: auto
}

.Ao.Co .zo {
    top: -2px
}

.Do {
    border: 2px solid #84c886;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    height: 15px;
    left: calc(50% - 29px);
    position: absolute;
    width: 58px
}

.Do.Bo {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-width: 2px;
    bottom: 67px;
    top: auto
}

.Do.Co {
    top: 66px;
    transform: rotate(180deg)
}

.br {
    align-items: center;
    background-color: #111;
    border-radius: 3px;
    color: #fdfdfd;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    margin-top: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.cr {
    background-color: #181818;
    margin: 10px;
    width: calc(100% - 20px)
}

.dr {
    left: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.Eo {
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
    padding: 13px 15px;
    text-transform: uppercase
}

.Fo {
    border: 1px solid #222;
    border-radius: 8px;
    margin: 0 10px
}

.Fo:last-child {
    margin-bottom: 10px
}

.Go {
    width: 20px
}

.Ho {
    background-color: #111;
    border: solid #222;
    border-width: 0 0 1px;
    color: #aaa;
    display: flex;
    font-size: .7rem;
    font-size: 11px;
    margin: 0;
    padding: 12px 10px 12px 0
}

.Ho:first-child {
    border-radius: 8px 8px 0 0
}

.Ho:last-child {
    border-bottom-width: 0;
    border-radius: 0 0 8px 8px
}

.Ho:only-child {
    border-radius: 8px
}

.Ho .Io,.Ho .Jo {
    flex-basis: 50%;
    flex-basis: 1;
    width: 50%
}

.Ho .Io,.Ho .Jo,.Ho .Ko {
    align-items: center;
    display: flex
}

.Ho .Ko {
    justify-content: space-between;
    padding: 0
}

.Ho .Ko.Lo {
    width: 35px
}

.Ho .Ko .Mo {
    margin: 0;
    text-align: center;
    width: 50px
}

.Ho .Ko .No {
    margin-right: 10px
}

.Ho .Ko .Oo {
    height: 32px;
    justify-content: space-between;
    margin-right: 10px
}

.Ho .Ko .Oo,.Ho .Po {
    display: flex;
    flex-direction: column
}

.Ho .Po {
    height: 100%;
    justify-content: center;
    margin-top: 1px;
    overflow: hidden
}

.Ho .Po span {
    flex: 1 1;
    font-size: 11px;
    line-height: 1.3;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ho .Po span:nth-child(2) {
    color: #fff;
    font-weight: 700;
    margin-top: 4px
}

.Ho svg {
    height: 14px;
    width: 14px
}

.Qo {
    margin-left: -10px
}

.Ro {
    align-items: center;
    background-color: #111;
    border: solid #222;
    border-width: 0 0 1px;
    color: #aaa;
    display: flex;
    font-size: 11px;
    padding: 10px 50px
}

.Ro:first-child {
    border-radius: 8px 8px 0 0
}

.Ro:last-child {
    border-bottom-width: 0;
    border-radius: 0 0 8px 8px
}

.Ro:only-child {
    border-radius: 8px
}

.Ro .Io,.Ro .Jo {
    display: flex;
    flex-basis: 50%
}

.Ro .Io span:nth-child(2),.Ro .Jo span:nth-child(2) {
    padding: 2px 10px
}

.Ro .Io .No,.Ro .Jo .No {
    display: flex;
    justify-content: space-between;
    max-width: max-content;
    padding: 0;
    width: 50px
}

.Ro .Io .No span,.Ro .Jo .No span {
    display: flex;
    justify-content: center;
    padding-left: 1px
}

.So {
    color: #aaa;
    display: flex;
    font-size: 11px
}

.So span {
    flex-basis: 50%;
    padding: 10px 30px 10px 55px
}

.zt {
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
    padding: 13px 15px;
    text-transform: uppercase
}

.At {
    border: 1px solid #222;
    border-radius: 8px;
    margin: 0 10px;
    overflow: hidden
}

.Bt {
    background: #111;
    color: #aaa;
    font-size: 11px;
    padding: 10px 0
}

.Bt,.Ct {
    display: flex
}

.Ct {
    align-items: center;
    flex-basis: 50%;
    width: 50%
}

.Dt {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-top: 2px
}

.Dt,.Dt span {
    overflow: hidden
}

.Dt span {
    flex: 1 1;
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Dt span:first-child {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px
}

.Et {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 35px;
    width: 35px
}

.ineup-block-Substitute .match-player {
    display: flex
}

.ineup-block-Substitute.ineup-block__away__Substitute .match-player {
    justify-content: right
}

.ineup-block-Substitute.ineup-block__home__Substitute .match-player span.span-event {
    margin-left: 5px
}

.ineup-block-Substitute.ineup-block__away__Substitute .match-player span.span-event {
    margin-right: 5px
}