:root{--top-menu-height: 40px;--default-offset: 15px;--background-color: #000000;--main-color: #69C947;--font-color: #ffffff;--font-size: 20px;--font-large: 26px}@media (min-width: 768px){:root{--top-menu-height: 55px;--default-offset: 30px;--font-size: 22px;--font-large: 32px}}@media (min-width: 1024px){:root{--font-large: 40px}}@font-face{font-family:Gotham Pro;src:url(fonts/GothamPro.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(fonts/GothamPro-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@keyframes load{66.66%{width:0}to{width:0}}html{background:var(--background-color);font-size:var(--font-size);font-family:Gotham Pro,sans-serif;font-weight:400;color:var(--font-color)}html,body,#app{margin:0;height:100%}img{max-width:100%;height:auto;vertical-align:middle}.container{margin-left:auto;margin-right:auto;width:calc(100% - var(--default-offset) * 2);max-width:calc(1300px - var(--default-offset) * 2);height:100%}.button{display:flex;align-items:center;justify-content:center;outline:none;background-color:transparent;border:.810256px solid #FFFFFF;color:inherit;text-transform:uppercase;text-align:center;vertical-align:middle;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1;padding:22px}.kiosk-app{position:relative;height:100%}.kiosk-app.allowed{background:#00A607}.kiosk-app.forbidden{background:#E83620}.kiosk-app.loading .content{position:relative}.kiosk-app.loading .content:before{animation:load 1s steps(2,end) infinite;background-color:#000;content:"";height:20px;position:absolute;right:calc(50% - 30px);top:calc(50% - 12px);width:40px}.header{position:relative;padding-top:15px;display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;height:var(--top-menu-height);box-sizing:border-box}.header .buttons{display:flex;column-gap:15px}.header .button{border:none;padding:0}.header .title{display:block}.header .tip{position:absolute;top:calc(var(--top-menu-height) + .3em);right:0;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--top-menu-height))}.main>*{max-width:100%}.main .error{text-align:center}.main .error .title{color:red;font-size:var(--font-large);text-transform:uppercase}.main .error .actions{display:flex;justify-content:center;gap:.5em;margin-top:.5em}.main .configuration{display:flex;flex-direction:column;align-items:center}.main .configuration.disabled{opacity:.5}.main .configuration .title{display:flex;flex-direction:column;margin-top:0;margin-bottom:35px;text-align:center}.main .configuration .mode-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:25px;row-gap:20px}.main .configuration .mode-buttons .button{column-gap:14px;width:208px}.main .configuration .mode-buttons .button .arrow{position:relative;display:block;width:25px;height:1px;background:#ffffff}.main .configuration .mode-buttons .button .arrow:before,.main .configuration .mode-buttons .button .arrow:after{position:absolute;content:"";width:5px;height:1px;background:#ffffff;border-radius:5px}.main .configuration .mode-buttons .button .arrow.arrow-in:before{top:-1.5px;right:-.5px;transform:rotate(45deg)}.main .configuration .mode-buttons .button .arrow.arrow-in:after{top:1.5px;right:-.5px;transform:rotate(-45deg)}.main .configuration .mode-buttons .button .arrow.arrow-out:before{top:-1.5px;left:-.5px;transform:rotate(-45deg)}.main .configuration .mode-buttons .button .arrow.arrow-out:after{top:1.5px;left:-.5px;transform:rotate(45deg)}.main .standby{text-align:center}.main .standby .gate-name{font-size:var(--font-large);line-height:48px;margin-bottom:20px;word-wrap:break-word}.main .standby .qr-scanner{width:290px;height:290px;object-fit:cover}.main .standby .scanner-wrapper{position:relative}.main .standby .scanner-wrapper .loading-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.main .decision{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:20px}.main .decision .gate-name{display:block;text-align:center}.main .decision .image{width:260px;height:315px;object-fit:contain}.main .decision .comment{font-size:var(--font-large);line-height:1.1;word-spacing:100vw}.main .decision .message{display:flex;align-items:center;justify-content:center;padding:15px 20px;box-sizing:border-box;border:2px solid #FFFFFF}.main .decision .message .icon{width:45px;height:45px;margin-right:12px}.main .decision .message .text{display:block;text-align:center;text-transform:uppercase;color:#fff;line-height:1.1}@media (min-width: 768px){.header{padding-top:30px}.main .decision .image{width:420px;height:510px}}@media (min-width: 1024px){.main .configuration .title{margin-top:30px;margin-bottom:30px}.main .configuration .mode-buttons{flex-direction:row}.main .decision{display:grid;grid-template-columns:420px 440px;grid-column-gap:40px;grid-template-rows:auto auto auto;justify-items:flex-start;grid-template-areas:"image gate" "image comment" "image decision"}.main .decision.grid-one{grid-template-columns:420px;grid-template-areas:"gate" "comment" "decision"}.main .decision.grid-forbidden{grid-template-areas:"decision"}.main .decision .gate-name{grid-area:gate;align-self:end}.main .decision .comment{text-align:left;grid-area:comment}.main .decision .image{grid-area:image}.main .decision .message{grid-area:decision;align-self:start}}