.video-controls{z-index:2;pointer-events:auto;flex-direction:column;gap:.3rem;width:100%;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0}.video-controls__header{align-items:center;gap:.75rem;display:flex}.video-controls__play-pause{cursor:pointer;background:0 0;border:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.video-controls__play-pause svg{width:1.25rem;height:1.25rem}.video-controls__progress-time{color:var(--static-white);white-space:nowrap;align-items:center;gap:.125rem;font-size:.625rem;font-weight:400;display:flex}.video-controls__volume{flex-shrink:0;place-items:center;height:24px;margin-left:auto;display:grid;position:relative}.video-controls__mute{cursor:pointer;background:0 0;border:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.video-controls__mute svg{width:1.25rem;height:1.25rem}.video-controls__volume-track{background-color:var(--overlay-black-50);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;z-index:10;pointer-events:auto;border-radius:24px;height:104px;padding:19px 14px;transition-property:opacity,visibility;transition-duration:.5s;transition-delay:.5s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.video-controls__volume:hover .video-controls__volume-track{opacity:1;visibility:visible;transition-delay:0s}.video-controls__volume-slider{width:4px;height:100%;padding:0;position:relative}.video-controls__volume-slider:after{content:"";z-index:0;background-image:linear-gradient(0deg,#fff 14px,#ffffff4d 14px);border-radius:6px;position:absolute;inset:-7px 0}.video-controls__volume-slider .rc-slider-rail{background-color:#0000}.video-controls__volume-slider .rc-slider-track{background-color:var(--background);left:0}.video-controls__volume-slider .rc-slider-handle{background-color:var(--background);opacity:1;border:none}.video-controls__volume-slider .rc-slider-handle-dragging{box-shadow:none}.video-controls__video-track{cursor:pointer;flex:1}.video-controls__video-track .rc-slider-rail{background-color:var(--static-white-30);border-radius:10px;overflow:hidden}.video-controls__video-track .rc-slider-track{background-color:var(--background);border-radius:6px;overflow:hidden}.video-controls__video-track .rc-slider-handle{background-color:var(--background);opacity:1;width:.625rem;height:.625rem;margin-top:-3px;border-color:var(--static-white)!important;outline-color:var(--static-white)!important;box-shadow:none!important}