.commentary-wrap{--grey:#8c8c8c;max-width:800px;margin:0 auto;position:relative}.commentary-wrap:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:var(--grey)}.commentary-wrap ol,.commentary-wrap ul{padding-left:0!important;margin:0!important}.commentary-wrap dl{padding-left:0;margin:0;display:flex;flex-direction:column;justify-content:center;position:relative;margin-top:60px;margin-bottom:60px}.commentary-wrap dl dt{font-size:60px;font-weight:800;text-align:center;background:#fff;padding:10px}@media screen and (min-width:768px){.commentary-wrap dl dt{position:absolute;left:50%;transform:translateX(-50%)}}.commentary-wrap dl dd ul{display:flex;flex-direction:column;align-content:center;gap:10px}.commentary-wrap dl ol,.commentary-wrap dl ul{padding-left:0!important}.commentary-wrap .commentary-item{align-self:center;background:#053264;border-radius:10px;border:0 solid #053264;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:800;gap:10px;min-height:100px;padding:15px 15px 30px;position:relative;text-align:center;width:300px;transition:opacity .8s,transform .5s;transition-delay:.2s}.commentary-wrap .commentary-item:has(.score){gap:5px}@media screen and (max-width:400px){.commentary-wrap .commentary-item{width:250px}}.commentary-wrap .commentary-item .bottom-svg{width:110px;height:22px;margin:0 auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1}.commentary-wrap .commentary-item .bottom-svg path{fill:#fff}.commentary-wrap .commentary-item.home{align-self:flex-start;background:var(--home-colour-bg);border-color:var(--home-colour-bg);opacity:0;transform:translateX(-10px)}.commentary-wrap .commentary-item.home .bottom-svg path{fill:var(--home-colour)}.commentary-wrap .commentary-item.away{align-self:flex-end;background:var(--away-colour-bg);border-color:var(--away-colour-bg);opacity:0;transform:translateX(10px)}.commentary-wrap .commentary-item.away .bottom-svg path{fill:var(--away-colour)}.commentary-wrap .commentary-item.in-view{opacity:1;transform:translateZ(0)}.commentary-wrap .commentary-item .content,.commentary-wrap .commentary-item .title{display:block;text-transform:uppercase}.commentary-wrap .commentary-item .title{font-size:22px}.commentary-wrap .commentary-item .title svg{display:inline-block;height:15px;width:15px;margin-right:5px}.commentary-wrap .commentary-item .content .player-name{display:block;font-size:14px;font-weight:400}.commentary-wrap .commentary-item .content .player-name>span{display:block}.commentary-wrap .commentary-item .content .player-name .last-name{font-weight:800}.commentary-wrap .commentary-item.commentary-type-goal .content .player-name,.commentary-wrap .commentary-item.commentary-type-try .content .player-name{display:block;font-size:14px;font-weight:400;margin-top:3px}.commentary-wrap .commentary-item.commentary-type-goal .content .player-name>span,.commentary-wrap .commentary-item.commentary-type-try .content .player-name>span{display:inline-block}.commentary-wrap .commentary-item.commentary-type-goal .content .player-name>span.first-name,.commentary-wrap .commentary-item.commentary-type-try .content .player-name>span.first-name{margin-right:4px}.commentary-wrap .commentary-item .content .score{margin-bottom:5px}.commentary-wrap .commentary-item .content .score .away,.commentary-wrap .commentary-item .content .score .home{font-weight:400}.commentary-wrap .commentary-item .content .score.away .away,.commentary-wrap .commentary-item .content .score.home .home{font-weight:800}.commentary-wrap .commentary-item.commentary-type-period{margin:0 auto;min-height:0;padding:15px;width:120px;text-transform:uppercase}.commentary-wrap .commentary-item.commentary-type-substitution .content{display:flex;align-items:center;justify-content:center;gap:20px}@media screen and (max-width:400px){.commentary-wrap .commentary-item.commentary-type-substitution .content{flex-direction:column;gap:5px}}.commentary-wrap .commentary-item.commentary-type-card{border:1px solid var(--grey)}.commentary-wrap .commentary-item.commentary-type-card.home{background:#fff;color:var(--home-colour-bg)}.commentary-wrap .commentary-item.commentary-type-card.away{background:#fff;color:var(--away-colour-bg)}.commentary-wrap .commentary-item.commentary-type-card .title svg{width:17px;height:20px}.commentary-wrap .commentary-item.commentary-type-card .card--yellow.title{--color:#ffc201;color:var(--color)}.commentary-wrap .commentary-item.commentary-type-card .card--yellow.title svg rect{fill:var(--color)}.commentary-wrap .commentary-item.commentary-type-card .card--red.title{--color:#fa2200;color:var(--color)}.commentary-wrap .commentary-item.commentary-type-card .card--red.title svg rect{fill:var(--color)}