.overlay-photo{background:#2d2d2d;display:flex;flex-direction:column;font-size:16px;left:0;position:absolute;top:0;z-index:2222}.overlay-photo,.photo{height:100%;width:100%}.close-button{background-color:initial;border:none;font-size:40px;left:50px;position:fixed;top:30px}.save-icon{height:35px;position:absolute;right:50px;top:30px;width:35px}.overlay{align-items:center;background:#2d2d2d;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;left:0;top:0;z-index:2222}.overlay,.overlay-text{position:absolute;width:100%}.overlay-text{color:#949494;text-align:center;top:calc(50% + 50px);white-space:pre-wrap}.overlay button{background:#0000;border:1px solid #fcc509;border-radius:4px;color:#fcc509;cursor:pointer;padding:12px 18px;text-transform:uppercase}.splash{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.hide{display:none!important}@media screen and (orientation:landscape){.overlay{display:flex!important}.overlay:before{color:#949494;content:"Переверните устройство в портретный режим";position:absolute;text-align:center;top:calc(50% - 20px);white-space:pre-wrap;width:100%}.overlay button,.overlay-text{display:none!important}}@media screen and (orientation:portrait){body:before{content:none}}.a-loader-title{display:none!important}.loader-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:11}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin 2s linear infinite;border:16px solid #222;border-radius:50%;border-top-color:#fff;height:120px;opacity:.8;position:absolute;width:120px}*{outline:none}.App,body{overflow:hidden}.App{text-align:center}.control-buttons{position:relative;z-index:1000}.container{height:100vh;overflow:hidden;width:100vw}.container-space{height:100%!important;left:0;position:absolute;top:0;width:100%!important}#myvideo{height:100vh;min-height:100vw;min-width:100vh;object-fit:fill;width:100vw}.base-icon{position:absolute;z-index:1}.bottom-left-icon{bottom:0;left:0}.bottom-right-icon{bottom:0;right:0}.top-right-icon{right:0;top:0}.top-left-icon{left:0;top:0}.label-icon{left:0;top:66px}.camera-icon{cursor:pointer;right:40px;top:36px}.camera-btn{border-radius:50%;bottom:58px;box-sizing:border-box;cursor:pointer;height:77px;left:0;margin:0 auto;opacity:1;position:absolute;right:0;width:77px;z-index:1}.camera-btn:active{opacity:.8}.remove-btn{bottom:76px;box-sizing:border-box;cursor:pointer;left:172px;margin:0 auto;opacity:1;position:absolute;right:0;z-index:11}.remove-btn:active{opacity:.8}.container-change-action{align-items:center;bottom:19px;display:flex;gap:15px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;width:100%;z-index:-1}.container-change-action p{color:#fff;cursor:pointer;font-family:Roboto;font-weight:700;margin:0;text-shadow:0 2px 30px #0000001a;width:auto}p.no-active-mode{color:#ffffff80}@media screen and (orientation:landscape){.camera-icon{left:40px;top:36px;transform:rotate(-90deg);z-index:3}.camera-btn{bottom:0;left:auto;margin:auto 0;right:58px;top:0;z-index:3}.container-change-action{align-items:end;bottom:0;line-height:1;margin-right:15px;top:0;transform:rotate(180deg);white-space:nowrap;width:100%;writing-mode:vertical-rl}.bottom-left-icon{bottom:-8.5px;left:auto;right:8.5px;transform:rotate(270deg)}.bottom-right-icon{bottom:-8.5px;left:8.5px;right:auto;transform:rotate(90deg)}.top-right-icon{left:8.5px;right:auto;top:-8.5px;transform:rotate(270deg)}.top-left-icon{left:auto;right:8.5px;top:-8.5px;transform:rotate(90deg)}.label-icon{bottom:-87px;left:190px;top:auto;transform:rotate(-90deg)}}*{box-sizing:border-box;margin:0;padding:0}body,html{align-items:center;background:#2d2d2d;display:flex;font-family:Helvetica,sans-serif;justify-content:center}#container,body,html{height:100%;overflow:hidden;position:relative;width:100%}#container{display:block;line-height:0}#container>*{animation:fadeIn 1.2s;height:100%;-webkit-user-select:none;user-select:none;width:100%}#container>*,canvas{display:block;left:0;position:absolute;top:0}#container>video{object-fit:cover;object-position:50% 50%}@keyframes fadeIn{0%{opacity:0}50%{opacity:.6}to{opacity:1}}
/*# sourceMappingURL=main.85a63c49.css.map*/