:root{overflow:hidden;font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}ul,ol{list-style:none;margin:0;padding:0}html,body{margin:0;width:100vw;height:100vh;overflow:hidden}.carousel__wrapper{position:relative;height:100dvh;background:#000}ul.carousel__container{display:grid;grid-template-columns:1fr;grid-auto-rows:100%;height:inherit;max-height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}ul.carousel__container>li{scroll-snap-align:start}video.carousel__video{object-fit:fill;width:100%;height:100%}.carousel__videoControls{visibility:hidden;position:absolute;width:100%;bottom:0;left:0;right:0;background-image:linear-gradient(to bottom,#0000,#0006);margin-inline:auto;padding:8px 8px 12px;display:flex;gap:16px;flex-direction:column}.carousel__videoControls.active{visibility:visible}input.carousel__videoSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:64px 0 8px;width:100%;border-radius:100px;background-color:#f8f8f8;height:8px}input.carousel__videoSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f8f8f8;height:20px;width:20px;border-radius:100%;border:none}input.carousel__videoSlider::-moz-range-thumb{background-color:#f8f8f8;height:20px;width:20px;border-radius:100%;border:none}