:root{--audio-control-button-size:2.75rem}.video-js .vjs-progress-control{height:2.75rem}.video-js .vjs-progress-holder{height:8px}@media (hover:none) and (pointer:coarse){.video-js .vjs-progress-holder:hover{height:8px}}.video-js{min-width:calc(20rem - 4rem);width:100%;height:3.15rem!important;button:active{transform:scale(.95)}&.vjs-audio{position:relative;border-radius:.5rem;overflow:visible!important;& .vjs-control-bar{align-items:center;background:rgba(0,0,0,.05);border-radius:.875rem;display:flex!important;gap:.5rem;flex-wrap:wrap!important;justify-content:center;margin:0;min-height:3rem;opacity:1!important;position:relative;padding:0 0 .25rem;transition:none!important;visibility:visible!important}& .vjs-big-play-button{display:none}& .vjs-progress-control{align-items:center!important;color:var(--color-zinc-50);display:flex!important;flex:1 1 auto!important;height:auto!important;max-width:calc(100% - 5.5rem)!important;order:2!important;position:relative!important;top:-.875rem;width:100%}& .vjs-progress-holder{height:4px!important;margin:0;border-radius:2px;background-color:rgba(255,255,255,.3)!important}& .vjs-play-progress{background-color:currentColor;border-radius:.188rem;transition:width .2s ease}& .vjs-current-time,& .vjs-duration{display:inline-block!important;font-size:.75rem;line-height:.75rem;color:var(--color-zinc-50)}& .vjs-current-time{order:1!important;padding:.3333rem .25rem 0}& .vjs-duration{order:3!important;padding:.3333rem 0 0}& .vjs-audio-fast-forward-control,& .vjs-audio-rewind-control,& .vjs-play-control,& .vjs-skip-next-control,& .vjs-skip-previous-control{order:4!important;position:relative;top:-2.75rem;line-height:.75rem;height:.75rem}& .vjs-play-control .vjs-icon-placeholder{position:relative;font-size:1rem;top:-1.55rem}& .vjs-volume-panel{order:4!important;display:flex;position:absolute;top:1.1rem;right:-.25rem}& .vjs-mute-control,& .vjs-volume-panel{width:calc(var(--audio-control-button-size) - .25rem);height:calc(var(--audio-control-button-size) - .25rem)}& .vjs-mute-control{font-size:.666rem;z-index:10;pointer-events:auto!important}& .vjs-mute-control .vjs-icon-placeholder,& .vjs-mute-control .vjs-icon-placeholder:before{pointer-events:none}@media (max-width:40rem){& svg{width:1.5rem;height:1.5rem;margin:0 auto}}}& .vjs-control-bar,&.vjs-ended .vjs-control-bar,&.vjs-has-started .vjs-control-bar,&.vjs-paused .vjs-control-bar,&.vjs-playing .vjs-control-bar,&.vjs-user-active .vjs-control-bar,&.vjs-user-inactive .vjs-control-bar{display:flex!important;visibility:visible!important;opacity:1!important}& .vjs-control-bar{pointer-events:auto!important;transform:none!important}& .vjs-control-bar.vjs-hidden,& .vjs-hidden .vjs-control-bar,&.vjs-controls-disabled .vjs-control-bar{display:flex!important;visibility:visible!important;opacity:1!important}& .vjs-control-bar,& .vjs-control-bar *{transition:none!important}@media (hover:none){&:hover .vjs-control-bar{display:flex;visibility:visible;opacity:1}}@supports (-webkit-touch-callout:none){-webkit-tap-highlight-color:transparent;& button{-webkit-tap-highlight-color:transparent}}.vjs-audio-fast-forward-control,.vjs-audio-rewind-control,.vjs-skip-next-control,.vjs-skip-previous-control{width:2.75rem!important;height:2.75rem!important;border-radius:50%;transition:all .2s ease;&:hover{background-color:rgba(255,255,255,.1);transform:scale(1.1)}&.vjs-disabled{opacity:.3;cursor:not-allowed}}.vjs-skip-previous-control{margin:auto 0 0}}