html,*{box-sizing:border-box}html{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{margin:0;padding:0;font-size:10px;background:#141414}.page{position:fixed;width:100%;height:100dvh}.scroll-cinema-container{margin:0 auto;position:relative;overflow:hidden;background:#fff}.scroll-cinema-container canvas{position:absolute;top:0;left:0;margin:0;padding:0}img{max-width:100%}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:10000;transition:opacity .5s ease-in-out}.hidden{opacity:0}#progress-bar-container{width:50%;max-width:500px;height:2%;background:#fff3;border-radius:5px;overflow:hidden}#progress-bar{width:0;height:100%;background:#7c7cc6;border-radius:5px;transition:width .3s ease-out}#sound-controller-container{position:absolute;left:.5vh;bottom:.5vh;z-index:1000;display:none;animation-fill-mode:forwards;width:9vh;height:9vh}#sound-controller-container.fadeOut #sound-controller{pointer-events:none}#sound-controller{width:100%;height:100%;border-radius:50%;border:1px solid #000;background-color:#ffffffbf;padding:2%;cursor:pointer;position:relative}#sound-controller:focus{outline-offset:4px}@media (prefers-reduced-motion: reduce){#sound-controller-container{animation-duration:0s}}@media (prefers-contrast: high){#sound-controller:focus{outline:3px solid #000;outline-offset:1px}}#audio-on{display:none}#audio-off,#sound-controller.audio-enabled #audio-on{display:block}#sound-controller.audio-enabled #audio-off{display:none}#sound-controller svg{max-height:100%;position:absolute;top:11%;left:11%;width:78%;height:78%}#autoplay-indicator{position:absolute;bottom:1vh;right:1vh;width:3vh;height:3vh;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:scale(.9);transition:opacity .16s ease-in-out,transform .16s ease-in-out;pointer-events:none;z-index:50}#autoplay-indicator-icon{width:80%;height:80%;color:#22c55e;border-radius:50%}#autoplay-indicator.is-active{opacity:1;transform:scale(1)}#autoplay-indicator .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;animation-duration:1s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;animation-duration:1s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}