.vp-key-action__volume{z-index:15;background-image:linear-gradient(#000000b3,#0000);transition:opacity .3s ease-out;display:flex;position:absolute;inset:0 0 75%}.vp-key-action__volume__container{gap:1rem;width:clamp(12rem,25%,25rem);height:auto;margin:auto;transition:all .3s ease-out;display:flex}.vp-key-action__volume__icon{width:40%;height:auto;position:relative}.vp-key-action__volume__icon svg{width:100%;height:100%}.vp-key-action__volume__range{align-items:center;width:100%;height:clamp(5rem,10vw,10rem);margin:auto;display:flex;position:relative}.vp-key-action__volume__range--background{background-color:#858585;border-radius:50px;width:100%;height:10%;position:absolute}.vp-key-action__volume__range--current{background-color:#fff;border-radius:50px;align-items:center;width:100%;height:10%;transition:width .2s ease-out;display:flex;position:relative}.vp-key-action__progress{opacity:0;pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.vp-key-action__progress__container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.vp-key-action__progress.rewind{background-image:linear-gradient(270deg,#0000,#000000b3);left:0;right:50%}.vp-key-action__progress.skip{background-image:linear-gradient(90deg,#0000,#000000b3);left:50%;right:0}.vp-key-action__progress svg{width:clamp(5rem,20%,10rem);height:100%;margin:auto}.vp-key-volume-enter{opacity:0}.vp-key-volume-enter>div{opacity:0;transform:translateY(-100%)}.vp-key-volume-enter-active{opacity:1}.vp-key-volume-enter-active>div{opacity:1;transform:translateY(0)}.vp-key-volume-exit{opacity:1}.vp-key-volume-exit>div{opacity:1;transform:translateY(0)}.vp-key-volume-exit-active{opacity:0}.vp-key-volume-exit-active>div{opacity:0;transform:translateY(-100%)}
/*# sourceMappingURL=587dc6450bc6da55.css.map*/