.main-video-wrap{position:relative;background:#000}.main-video-wrap:hover .modern-controls,.main-video-wrap:focus-within .modern-controls{opacity:1}.modern-controls{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:12px;padding:9px 11px;background:rgba(10,10,10,.72);border:1px solid rgba(255,255,255,.2);border-radius:6px;backdrop-filter:blur(10px);opacity:0;transition:opacity .16s ease}.modern-controls button{color:#fff;border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer;padding:3px}.modern-controls input{appearance:none;flex:1;height:3px;background:rgba(255,255,255,.35);cursor:pointer}.modern-controls input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}.modern-controls span{font-size:10px;white-space:nowrap;color:#eee;font-variant-numeric:tabular-nums}.volume-control{position:relative;display:inline-flex;align-items:center}.volume-control button{position:relative;width:24px;height:24px}.volume-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.volume-control svg path:first-child{fill:currentColor;stroke:none}.volume-control button.is-muted::after{content:'';position:absolute;left:2px;top:11px;width:21px;height:2px;background:#fff;transform:rotate(-45deg);transform-origin:center}.volume-control input[data-volume]{position:absolute;z-index:2;bottom:74px;left:50%;width:74px;height:4px;transform:translateX(-50%) rotate(-90deg);opacity:0;pointer-events:none;transition:opacity .14s ease;background:rgba(255,255,255,.6)}.volume-control:hover input[data-volume],.volume-control:focus-within input[data-volume]{opacity:1;pointer-events:auto}.breakdowns video{cursor:default}
@media(max-width:900px){.modern-controls{opacity:1;left:8px;right:8px;bottom:8px;gap:8px}.modern-controls span{font-size:9px}.volume-control input[data-volume]{width:60px}}