.banner{align-items:center;background-color:#86d3f4cc;display:flex;flex-direction:column;height:327px;padding:20px 10px 10px;position:absolute;right:0;top:220px;transform:translateX(100%);transition:transform .3s ease-in-out;width:231px}.banner--active{transform:translateX(0)}.banner__title{font-size:16px;font-weight:500;line-height:18.75px;margin-bottom:20px;text-align:center}.banner__qr-code{height:126px;margin-bottom:20px;width:126px}.banner__qr-code img{height:100%;width:100%}.banner p{font-size:14px;font-weight:400;line-height:16.41px;margin-bottom:20px;text-align:center}.banner__btn{background-color:#000;border:none;color:#86d3f4;cursor:pointer;font-size:16px;font-weight:500;height:52px;line-height:18.75px;width:156px}.banner__btn:focus{outline:none}.num-btn{align-items:center;background-color:initial;border:2px solid #000;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:52px;justify-content:center;line-height:19px;text-transform:uppercase;width:88px}.num-btn:focus{background-color:#000;color:#fff;outline:none}.num-btn:nth-of-type(10){width:186px}.num-frame{flex-wrap:wrap;height:278px;justify-content:space-between}.num-frame,.personal-data-approval{align-items:center;background-color:initial;display:flex;margin-bottom:13px;width:284px}.personal-data-approval{height:52px;justify-content:flex-start}.personal-data-approval__checkbox{display:block;height:40px;margin:6px 0 6px 10px;width:40px}.personal-data-approval__input{appearance:none;position:absolute}.personal-data-approval__span{background-color:initial;box-shadow:0 0 0 2px #000;height:40px;position:absolute;width:40px}.personal-data-approval__input:checked+.personal-data-approval__span:before{background-color:#000;content:"";display:inline-block;height:3px;left:10%;position:absolute;top:63%;transform:rotate(45deg);width:15px}.personal-data-approval__input:checked+.personal-data-approval__span:after{background-color:#000;content:"";display:inline-block;height:3px;left:26%;position:absolute;top:50%;transform:rotate(-45deg);width:30px}.personal-data-approval__input:focus+.personal-data-approval__span{box-shadow:0 0 0 2px #000,0 0 0 4px #555}.personal-data-approval__title{color:#565656;font-size:14px;line-height:16px;margin-left:20px}.promo-input{align-items:center;background-color:#86d3f4cc;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:380px}.promo-input--active{transform:translateX(0)}.promo-input__title{font-size:26px;font-weight:400;line-height:30.47px;margin-bottom:13px;margin-top:72px;text-align:center}.promo-input__number{font-size:32px;font-weight:700;letter-spacing:2px;line-height:37.5px;margin-bottom:13px}.promo-input__number--invalid{color:#ea0000}.promo-input__error-number{background-color:initial;color:#ea0000;font-size:16px;font-weight:500;height:52px;line-height:52px;margin-bottom:13px;text-align:center;text-transform:uppercase;width:284px}.promo-input__subtitle{font-size:14px;font-weight:400;line-height:16.41px;margin-bottom:13px;text-align:center}.confirm-input-btn{background:none;border:1px solid #000;color:#000;cursor:pointer;font-size:16px;height:52px;line-height:18.75px;text-transform:uppercase;width:284px}.confirm-input-btn:disabled{border:1px solid #4e4e4e;color:#4e4e4e}.confirm-input-btn:focus{background-color:#000;color:#fff;outline:none}.promo-final{background-color:#86d3f4cc;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:380px}.promo-final--active{transform:translateX(0)}.promo-final__title{font-size:32px;font-weight:700;line-height:37px;margin-bottom:15px;margin-top:264px;text-align:center}.promo-final__text{font-size:14px;line-height:16px;text-align:center}.promo-close{align-items:center;background-color:#fff;border:2px solid #000;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;right:20px;top:20px;transform:translateX(150%);transition:transform .3s ease-in-out;width:88px}.promo-close:focus{background-color:#000;outline:none}.promo-close:focus span{background-color:#fff}.promo-close--active{transform:translateX(0)}.promo-close span{background-color:#000;display:block;height:3px;position:absolute;width:30px}.promo-close span:first-child{transform:rotate(45deg)}.promo-close span:last-child{transform:rotate(-45deg)}.promo-qr-code{align-items:center;background-color:initial;bottom:40px;display:flex;height:110px;position:absolute;right:40px;transform:translateX(150%);transition:transform .3s ease-in-out;width:314px}.promo-qr-code--active{transform:translateX(0)}.promo-qr-code__text{color:#fff;font-size:16px;font-weight:500;line-height:19px;margin-right:10px;text-align:right;text-transform:uppercase}.promo-qr-code__img{height:110px;width:110px}.app{height:720px;overflow:hidden;position:relative;width:1280px}*{margin:0;padding:0}body{font-family:Roboto,sans-serif}
/*# sourceMappingURL=main.a4015ed2.css.map*/