.commentary-overlay{z-index:5;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:16px;left:16px}.commentary-overlay .commentary-pill{isolation:isolate;color:#fff;cursor:pointer;background:#000;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;min-height:48px;padding:0;display:grid;position:relative;box-shadow:0 3px 12px #0004}.commentary-pill:before{content:"";z-index:-2;background:#315fff;border-radius:50%;position:absolute;inset:0}.commentary-pill:after{content:"";z-index:-1;background:#000;border-radius:50%;position:absolute;inset:3px}.commentary-pill--active:before{background:conic-gradient(#315fff 0deg 155deg,#42df83 180deg 335deg,#315fff 360deg);animation:1.6s linear infinite commentary-ring-spin}.commentary-overlay .commentary-pill:hover{color:#fff;background:#000}.commentary-overlay .commentary-pill:focus-visible{outline-offset:3px;outline:3px solid #42df83}.commentary-overlay .commentary-pill:disabled{cursor:wait}.commentary-overlay audio{display:none}.commentary-error{color:#fff;background:#081529;border-radius:3px;max-width:170px;padding:5px 8px;font-size:12px}.commentary-hero{position:relative}.commentary-overlay--inline{max-width:none;position:relative;bottom:auto;left:auto}.commentary-overlay--inline .commentary-error{z-index:10;width:160px;position:absolute;top:54px;left:0}@keyframes commentary-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.commentary-pill--active:before{animation:none}}@media (max-width:600px){.commentary-overlay:not(.commentary-overlay--inline){bottom:10px;left:10px}}.commentary-controls{align-items:center;gap:10px;max-width:100%;display:flex}.commentary-duration{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#000000a6;border-radius:3px;flex-shrink:0;padding:4px 7px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.2;display:inline-block}