.code-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;padding:10%}.input-title{color:#fff;margin:1rem 0}.input-field{font-size:2rem;width:6.8rem;width:6ch}.input-field input{height:1.6rem;text-overflow:clip}.scanner-container{background:#001428;position:relative;height:100vh;width:100vw}.qr-scanner,.scanner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qrcode-stream__inner-wrapper{height:100vh;width:100vw}.qrcode-stream__camera{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.scanner-controls{margin:20% auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:50vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.scanner-overlay{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;align-self:center;height:50vw;width:50vw;border:3px dashed #ffa01e}.park-title{z-index:99}@media (orientation:landscape){.park-title{z-index:99}.scanner-overlay{height:50vh;width:50vh}.scanner-controls{margin:0 auto;width:50vh}}