.controls,.controls-wrapper{display:flex;justify-content:flex-end}.controls{align-items:center;flex-wrap:wrap;gap:1rem;margin-top:-5rem;padding-right:1rem;position:absolute}.volumeslider{align-items:center;cursor:pointer;display:flex;height:1.75rem;position:relative;width:6.25rem}.slidertrack{cursor:pointer;height:100%;top:0}.slidertrack,.slidertrack:before{left:0;position:absolute;width:100%}.slidertrack:before{background-color:#868c97;border-radius:2px;content:"";height:.25rem;pointer-events:none;top:50%;transform:translateY(-50%)}.slidertrack__handle{background-color:#17171e;border-radius:50%;height:.75rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s;width:.75rem}.volume{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.volume_icon{display:inline-block;height:1.5rem;width:1.5rem;fill:#17171e}.volume_icon svg{display:block;height:100%;width:100%;fill:currentColor}.volume_icon.unmuted svg path{fill:#17171e}.volume_icon_inner,.volume_icon_outer{display:none}.trenner{background:#868c97;display:inline-block;height:1.25rem;opacity:.5;width:.0625rem}.pause,.play{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:0;width:1.5rem}.pause svg,.play svg{height:100%;width:100%;fill:#000;transition:fill .2s}.pause:hover svg,.play:hover svg{fill:#17171e}