/* Example measurement panel (home, players, clubs): one style, taken from the home page. */
.live-stats{position:absolute;z-index:4;right:calc((100% - min(1440px,91vw))/2);top:245px;width:150px;box-sizing:content-box;padding:0 0 0 17px;border-left:1px solid var(--color-white-alpha-22);color:var(--color-white);font-family:Arial,Helvetica,sans-serif}
.live-stats>p{margin:0 0 14px;color:#9aa9b9;font-size:.5rem;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}
.live-stats>div{border-bottom:1px solid var(--color-white-alpha-1c);padding:0 0 13px;margin-bottom:13px}
.live-stats>div>span{display:block;color:#9aa9b9;font-size:.5rem;letter-spacing:.09em;line-height:1.3}
.live-stats>div>strong{display:inline-block;font-size:1.35rem;font-weight:700;letter-spacing:normal;line-height:1.25;color:var(--color-white)}
.live-stats>div>strong>small,.live-stats>div>i{margin-left:4px;font-size:.58rem;font-style:normal;font-weight:400;color:var(--color-text-on-dark)}
.live-stats>div>em{display:block;color:var(--color-accent);font-size:.55rem;font-style:normal}
.live-stats>div::before{content:none}
.live-stats>div::after{content:"";display:block;width:100%;height:3px;margin-top:9px;background:linear-gradient(90deg,var(--color-blue) 0 72%,var(--color-white-alpha-21) 72%);transform-origin:left;animation:metricBar 2.8s ease-in-out infinite}
.live-stats>div:nth-of-type(2)::after{background:linear-gradient(90deg,#7cb6ff 0 61%,var(--color-white-alpha-21) 61%);animation-delay:.45s}
.live-stats>div:nth-of-type(3)::after{background:linear-gradient(90deg,var(--color-accent) 0 84%,var(--color-white-alpha-21) 84%);animation-delay:.9s}
@keyframes metricBar{50%{transform:scaleX(.88);opacity:.65}}
@media(prefers-reduced-motion:reduce){.live-stats>div::after{animation:none}}
/* Not enough room next to the hero text on smaller screens. */
@media(max-width:1180px){.live-stats{display:none}}