*{box-sizing:border-box}#app{position:relative;height:100%}#app.loading .content{position:relative}#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}@keyframes load{66.66%{width:0}to{width:0}}#app.error .error-wrapper{display:flex;flex-direction:column;grid-gap:30px;text-align:center;font-size:45px;line-height:45px}#app.error .error-wrapper .error-title{color:#c55252;font-size:55px;line-height:65px;text-transform:uppercase}input{left:0;opacity:0;position:absolute;top:0;z-index:-1}.section{height:100%}.section .header-wrapper{padding-top:15px;display:flex;justify-content:flex-end;gap:15px;align-items:center;min-height:var(--top-menu-height);box-sizing:border-box}.section .title{display:block;font-size:20px}.section .gate-name{font-size:45px;line-height:48px;margin-top:0;margin-bottom:60px}.section .button-configuration{border:none;cursor:pointer;padding:0}.section .main-container{height:100%}.section .room{display:block;line-height:19px;text-align:center;margin-top:0;margin-bottom:22px}.section .configuration-wrapper{height:calc(100vh - var(--top-menu-height));display:flex;align-items:center;justify-content:center}.section .configuration{display:flex;flex-direction:column;align-items:center}.section .configuration .title{display:flex;flex-direction:column;margin-top:0;margin-bottom:35px;text-align:center}.section .configuration .title.disabled{opacity:.5}.section .configuration .buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:25px;row-gap:20px}.section .configuration .button-on,.section .configuration .button-out{display:flex;align-items:center;justify-content:center;column-gap:14px;width:208px;padding:28px;border:.810256px solid rgba(0,0,0,.8);min-height:75px;font-family:inherit;font-size:20px;line-height:19px;color:inherit;text-align:center;text-transform:uppercase;cursor:pointer}.section .configuration .button-on:not(:disabled):hover,.section .configuration .button-on:not(:disabled):focus,.section .configuration .button-out:not(:disabled):hover,.section .configuration .button-out:not(:disabled):focus{border:.810256px solid #FFFFFF;color:#fff;background:rgba(0,0,0,.8);transition:background,color,border .5s ease}.section .configuration .button-on[disabled],.section .configuration .button-out[disabled]{opacity:.5}.section .configuration .button-on:not(:disabled):hover .button-on-arrow,.section .configuration .button-on:not(:disabled):hover .button-out-arrow,.section .configuration .button-on:not(:disabled):hover .button-on-arrow:before,.section .configuration .button-on:not(:disabled):hover .button-out-arrow:before,.section .configuration .button-on:not(:disabled):hover .button-on-arrow:after,.section .configuration .button-on:not(:disabled):hover .button-out-arrow:after,.section .configuration .button-on:not(:disabled):focus .button-on-arrow,.section .configuration .button-on:not(:disabled):focus .button-out-arrow,.section .configuration .button-on:not(:disabled):focus .button-on-arrow:before,.section .configuration .button-on:not(:disabled):focus .button-out-arrow:before,.section .configuration .button-on:not(:disabled):focus .button-on-arrow:after,.section .configuration .button-on:not(:disabled):focus .button-out-arrow:after,.section .configuration .button-out:not(:disabled):hover .button-on-arrow,.section .configuration .button-out:not(:disabled):hover .button-out-arrow,.section .configuration .button-out:not(:disabled):hover .button-on-arrow:before,.section .configuration .button-out:not(:disabled):hover .button-out-arrow:before,.section .configuration .button-out:not(:disabled):hover .button-on-arrow:after,.section .configuration .button-out:not(:disabled):hover .button-out-arrow:after,.section .configuration .button-out:not(:disabled):focus .button-on-arrow,.section .configuration .button-out:not(:disabled):focus .button-out-arrow,.section .configuration .button-out:not(:disabled):focus .button-on-arrow:before,.section .configuration .button-out:not(:disabled):focus .button-out-arrow:before,.section .configuration .button-out:not(:disabled):focus .button-on-arrow:after,.section .configuration .button-out:not(:disabled):focus .button-out-arrow:after{background:#FFFFFF;transition:background .5s ease}.section .configuration .button-on .button-on-text,.section .configuration .button-out .button-on-text{display:block}.section .configuration .button-on .button-out-text,.section .configuration .button-out .button-out-text{display:block;order:2}.section .configuration .button-on .button-on-arrow,.section .configuration .button-on .button-out-arrow,.section .configuration .button-out .button-on-arrow,.section .configuration .button-out .button-out-arrow{position:relative;display:block;width:25px;height:1px;background:rgba(0,0,0,.8);border-radius:5px}.section .configuration .button-on .button-on-arrow:before,.section .configuration .button-on .button-on-arrow:after,.section .configuration .button-on .button-out-arrow:before,.section .configuration .button-on .button-out-arrow:after,.section .configuration .button-out .button-on-arrow:before,.section .configuration .button-out .button-on-arrow:after,.section .configuration .button-out .button-out-arrow:before,.section .configuration .button-out .button-out-arrow:after{position:absolute;content:"";width:5px;height:1px;background:rgba(0,0,0,.8);border-radius:5px}.section .configuration .button-on .button-on-arrow:before,.section .configuration .button-out .button-on-arrow:before{top:-1.5px;right:-.5px;transform:rotate(45deg)}.section .configuration .button-on .button-on-arrow:after,.section .configuration .button-out .button-on-arrow:after{top:1.5px;right:-.5px;transform:rotate(-45deg)}.section .configuration .button-on .button-out-arrow,.section .configuration .button-out .button-out-arrow{order:1}.section .configuration .button-on .button-out-arrow:before,.section .configuration .button-out .button-out-arrow:before{top:-1.5px;left:-.5px;transform:rotate(-45deg)}.section .configuration .button-on .button-out-arrow:after,.section .configuration .button-out .button-out-arrow:after{top:1.5px;left:-.5px;transform:rotate(45deg)}.section .wrapper{height:calc(100vh - var(--top-menu-height));display:flex;align-items:center;justify-content:center}.section .content-wrapper{height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;margin:auto 0;flex:1;-ms-overflow-style:none;scrollbar-width:none}.section .content-wrapper::-webkit-scrollbar{display:none}.section .content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.section .content .error-message{font-size:35px;line-height:24px;margin:0 auto 50px;text-align:center}.section .content .loading-holder{display:flex;flex-direction:column;align-items:center;justify-content:center}.section .content .loading-holder img{width:135px}.section .content .grid{display:grid;justify-content:center;align-items:center;justify-items:center}.section .content .info{display:flex;flex-direction:column;align-items:center;text-align:center}.section .content .name{display:flex;flex-direction:column;margin-top:20px;margin-bottom:20px;font-size:var(--font-h1);line-height:115%;font-weight:400;word-spacing:100vw}.section .content .image img{width:260px;height:315px;object-fit:cover}.section .content .message{display:flex;align-items:center;min-height:75px;padding:15px 20px;box-sizing:border-box;border:2px solid #FFFFFF}.section .content .message .message-icon{width:45px;height:45px;margin-right:12px}.section .content .message .message-text{display:block;text-align:center;text-transform:uppercase;color:#fff;line-height:.95;font-weight:500}@media (min-width: 768px){.section .header-wrapper{padding-top:50px;grid-gap:30px}.section .header-wrapper .title{font-size:35px}.section .header-wrapper button img{min-width:50px}.section .content .image img{width:420px;height:510px}.section .content .loading-holder{display:flex;flex-direction:column}}@media (min-width: 1024px){.section .room{margin:0}.section .configuration .title{font-size:75px;margin-top:30px;margin-bottom:30px}.section .configuration .buttons{flex-direction:row}.section .content{position:relative;justify-content:center}.section .content .grid{justify-content:center;align-items:center;justify-items:center;grid-template-columns:420px 480px;grid-template-rows:100px auto}.section .content .grid-one{grid-template-columns:0 480px}.section .content .grid-one .room{justify-self:center}.section .content .grid-one .info{justify-self:center;align-items:center;text-align:center}.section .content .grid-no-allowed{grid-template-columns:auto;grid-template-rows:auto}.section .content .room{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;margin-top:85px;justify-self:start;align-self:start}.section .content .info{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;justify-self:start;align-self:start;align-items:flex-start;text-align:left}.section .content .name{margin-top:30px;margin-bottom:30px}.section .content .image{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:3;margin-right:45px}.section .content .message{min-width:304px}}#waiting-screen{position:fixed;width:100%;height:100%;pointer-events:none;user-select:none;top:0;left:0}#waiting-screen video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-position:center;object-fit:cover}.dvor-image{display:block;width:1080px;min-width:1080px;max-width:1080px}#app.allowed .content-wrapper .content,#app.no-allowed .content-wrapper .content{justify-content:flex-start;padding-top:110px}#app.allowed .content-wrapper .content .participant-info,#app.no-allowed .content-wrapper .content .participant-info{display:grid;width:100%;padding:0 56px;box-sizing:border-box;text-align:center}#app.allowed .content-wrapper .content .participant-info .welcome,#app.no-allowed .content-wrapper .content .participant-info .welcome{font-size:45px;line-height:57px;margin-bottom:30px;margin-top:-42px}#app.allowed .content-wrapper .content .participant-info .surname,#app.allowed .content-wrapper .content .participant-info .name,#app.no-allowed .content-wrapper .content .participant-info .surname,#app.no-allowed .content-wrapper .content .participant-info .name{font-size:80px;line-height:95px;margin:0;font-weight:500}#app.allowed .content-wrapper .content .gate-info,#app.no-allowed .content-wrapper .content .gate-info{margin-top:65px;width:100%;box-sizing:border-box;padding:90px 56px 56px;flex-grow:100;display:flex;flex-direction:column;align-items:center;grid-gap:60px}#app.allowed .content-wrapper .content .gate-info .message,#app.no-allowed .content-wrapper .content .gate-info .message{min-width:784px;height:205px;border:10px solid #FFFFFF;padding:0 40px;display:flex;align-items:center;justify-content:center;grid-gap:35px;font-size:60px;line-height:1;text-transform:uppercase}#app.allowed .content-wrapper .content .gate-info .message .message-icon,#app.no-allowed .content-wrapper .content .gate-info .message .message-icon{min-width:125px;min-height:125px;width:125px;margin:0}#app.allowed .content-wrapper .content .gate-info .room,#app.no-allowed .content-wrapper .content .gate-info .room{width:100%;text-align:center;margin:0;font-size:65px;line-height:80px;color:#fff;font-weight:500}#app.allowed .content-wrapper .content .gate-info{background-color:#4da197}#app.no-allowed .content-wrapper .content .gate-info{background-color:#f8a34d}:root{--top-menu-height: 40px;--default-offset: 50px;--background-color: #FFDD2D;--main-color: #50B68B;--error-color: #B65050;--font-color: #000000CC;--font-h1: 26px;--font-large: 20px;--font-size: 20px}@media (min-width: 768px){:root{--top-menu-height: 100px;--default-offset: 30px;--font-h1: 32px;--font-large: 22px;--font-size: 22px}}@media (min-width: 1024px){:root{--font-h1: 52px}}:not(:root):fullscreen::backdrop{background-color:var(--background-color)!important}@font-face{font-family:Tinkoff Sans;src:url(fonts/TinkoffSans.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tinkoff Sans;src:url(fonts/TinkoffSans_Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html{background:var(--background-color);font-size:var(--font-size);font-family:Tinkoff Sans,sans-serif;font-weight:400;color:var(--font-color)}html,body{margin:0;height:100%;min-width:1080px}img{max-width:100%;height:auto;vertical-align:middle}h1{font-size:var(--font-h1);line-height:115%;font-weight:400}.container{margin-left:auto;margin-right:auto;width:calc(100% - var(--default-offset) * 2);max-width:calc(1300px - var(--default-offset) * 2)}.button{outline:none;box-sizing:border-box;background-color:transparent}
