.cd{display:flex;align-items:center;gap:6px;min-height:108px}.cd-tile{position:relative;width:96px;height:108px;display:grid;justify-items:center}.cd-tile>svg{position:absolute;top:0;width:84px;height:84px}.cd-track{fill:none;stroke:#232a44;stroke-width:3}.cd-ring{fill:none;stroke:#2b4fd8;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .9s linear;filter:drop-shadow(0 0 5px rgba(43,79,216,.55))}.cd-num{margin-top:22px;font-size:30px;font-weight:700;color:#ffffff;line-height:1}.cd-label{margin-top:16px;font-size:10px;letter-spacing:.26em;color:#8e99b8}.cd-colon{color:#2b4fd8;font-size:26px;font-weight:700;margin-top:-20px}.cd--compact{min-height:84px;gap:2px}.cd--compact .cd-tile{width:68px;height:84px}.cd--compact .cd-tile>svg{width:62px;height:62px}.cd--compact .cd-num{font-size:21px;margin-top:17px}.cd--compact .cd-label{margin-top:10px;font-size:9px}@media (max-width:480px){.cd{gap:1px;min-height:92px}.cd-tile{width:74px;height:92px}.cd-tile>svg{width:64px;height:64px}.cd-num{font-size:22px;margin-top:18px}.cd-label{margin-top:10px;font-size:9px;letter-spacing:.2em}.cd-colon{font-size:16px;margin-top:-18px}}@media (max-width:400px){.cd{flex-wrap:wrap;justify-content:center;row-gap:2px}.cd--compact .cd-tile{width:58px;height:78px}.cd--compact .cd-tile>svg{width:54px;height:54px}}@media (max-width:359px){.cd-tile{width:64px;height:84px}.cd-tile>svg{width:56px;height:56px}.cd-num{font-size:19px;margin-top:15px}.cd-colon{display:none}}.cd--live .cd-live{color:#ffc93c;font-weight:700;font-size:15px;letter-spacing:.14em;border:1px solid rgba(255,201,60,.5);border-radius:999px;padding:12px 22px;background:rgba(255,201,60,.08)}