.volume-popover{transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility .22s}
.volume-popover::before{border:0}
.native-volume{position:relative}
.video-volume-popover{position:absolute;right:-8px;bottom:100%;width:130px;padding:17px 14px;box-sizing:border-box;background:#29292ef5;border:0;border-radius:11px;box-shadow:0 8px 24px #0004;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none}
.native-volume:hover .video-volume-popover,.native-volume:focus-within .video-volume-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
#volume,.native-volume .video-volume-popover input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:4px;padding:0;margin:7px 0;border:0;border-radius:20px;box-shadow:none;background:linear-gradient(to right,currentColor 0 var(--volume-level,100%),#8885 var(--volume-level,100%) 100%);cursor:pointer;color:inherit}
.native-volume .video-volume-popover input{color:#f4f4f6}
#volume::-webkit-slider-thumb,.video-volume-popover input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:currentColor;box-shadow:none;transition:transform .15s ease}
#volume::-moz-range-thumb,.video-volume-popover input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:currentColor;box-shadow:none;transition:transform .15s ease}
#volume:active::-webkit-slider-thumb,.video-volume-popover input:active::-webkit-slider-thumb{transform:scale(1.15)}
.cinema-screen-hero .native-volume{display:flex;position:absolute;right:3%;bottom:9%;pointer-events:auto;z-index:5;color:#fff}
.cinema-screen-hero .native-volume>button{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;box-shadow:none;color:#fff}
.cinema-screen-hero .native-controls{border:0;box-shadow:none}
.cinema-screen-hero .native-video.controls-idle:not(.is-paused):not(:focus-within) .native-controls:has(.native-volume:hover){opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.volume-popover,.video-volume-popover{transition:none}}