@import url(https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed);body{background-color:#000;font-family:Fira Sans Extra Condensed,sans-serif;width:100%;height:100%;overflow:hidden}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}#app-main{width:100vh;height:100vw}#backgroundImage{position:absolute;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;right:0;top:0;bottom:-150vh}.fade-enter-active,.fade-leave-active{-webkit-transition:all .8s ease;transition:all .8s ease;overflow:hidden;visibility:visible;opacity:1;position:absolute}.fade-enter,.fade-leave-to{opacity:0;visibility:hidden}.frame{top:0;left:0;width:100%}.frame,.qr-code{position:absolute}.qr-code{left:calc(50vh - 150px);border:.2rem solid #fff;background-color:#fff}.qr-code canvas{margin:0}.price{margin-top:-2rem;margin-right:1rem;color:grey}.image{height:100%;padding-top:148%;background-repeat:no-repeat;background-position:50%;background-size:cover}.footer{position:absolute;left:0;right:0;bottom:0;font-size:3rem;color:grey;z-index:2}.footer p{margin:0!important;padding:0!important}.rotateCanvas{position:absolute}.rotateCanvas.left{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;top:100vh;height:100vw;width:100vh}.rotateCanvas.left .slide-container{position:absolute;width:100vh;height:100vw}.rotateCanvas.left .image-container{width:100vh;background-color:#fff;padding:20%}.rotateCanvas.right{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;top:-100vh;height:100vw;width:100vh;left:auto}.rotateCanvas.right .slide-container{position:absolute;width:100vh;height:100vw}.rotateCanvas.right .image-container{width:100vh;background-color:#fff;padding:20%}