.bars{overflow:hidden;position:absolute;width:100%;left:0}.bar,.bars{height:100%;top:0}.bar{position:fixed;z-index:100;width:0}.bar-left{right:0;left:100%}.bar-right{left:0;right:100%}@keyframes slide-left{30%{width:100vw}50%{left:0;width:100vw}to{width:0;left:0;right:100%}}@keyframes slide-right{30%{left:0;width:100vw}50%{left:0;width:100vw}to{width:0;right:0;left:100%}}#app{height:100vh;width:100vw;background-color:#000}#app.rotate{width:100vh;height:100vw;overflow:hidden;transform:rotate(-90deg) translateX(-100vh);transform-origin:top left}body{margin:0}body,html{margin:0;background-color:#000;overflow:hidden}.slide,body,html{height:100%;width:100%}.slide{-o-object-fit:contain;object-fit:contain;transition-delay:.55s}.error{color:#fff;font-size:20px;margin:0}