html,body{margin:0;padding:0;height:100%;width:100%;background:#fff;overflow:hidden}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .22s ease}video.visible{opacity:1}video.clickable{cursor:pointer}.preloader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:3;transition:opacity .2s ease}.preloader.hidden{opacity:0;pointer-events:none}.progress{width:160px;height:4px;background:#0003;border-radius:2px;overflow:hidden;position:relative;z-index:1}.progress__bar{width:0%;height:100%;background:#000;transition:width .15s linear;position:relative;z-index:1}.progress.is-indeterminate .progress__bar{width:30%;animation:progress-indet .9s linear infinite}@keyframes progress-indet{0%{transform:translate(-100%)}to{transform:translate(300%)}}