@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.test{position:fixed;top:0;left:0;background-color:#000}.test,.test canvas{width:100%;height:100%}.temp{position:absolute;display:flex;flex-direction:column;top:0;left:0;width:100%}.faces-list{display:flex;flex-direction:row}.face{border:1px solid #fff;background-color:red;width:100px;height:100px;position:relative}.face .or{position:absolute;top:20px;left:20px;display:block}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease-out}.preloader .background-image{position:absolute;background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:1;width:100%;height:100%;top:0;left:0}.preloader .percents{position:absolute;top:50%;left:50%;text-align:center;font-family:Roboto;font-size:20px;width:100px;height:20px;margin-left:-50px;margin-top:-10px}.navigation-bar{display:flex;position:fixed;bottom:-160px;width:100%;height:160px;transition:bottom .4s ease-out}.navigation-bar.opened{bottom:0}.navigation-bar.opened .actions-buttons .open{transform:rotate(0deg)!important}.navigation-bar.opened .tours-list-container{opacity:1!important}.navigation-bar .actions-buttons{position:absolute;top:-54px;left:26px;padding:5px 9px;background:rgba(245,245,220,.72);border-radius:25.5px;mix-blend-mode:luminosity;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));display:flex}.navigation-bar .actions-buttons .button{width:24px;height:24px;background-repeat:no-repeat;background-position:50%;cursor:pointer;transition:transform .2s ease-out}.navigation-bar .actions-buttons .button.open{background-image:url(../img/arrow.07057d88.svg);transform:rotate(180deg)}.navigation-bar .tours-list-container{position:relative;width:100%;height:100%;opacity:0;transition:opacity .4s ease-out}.navigation-bar .tours-list-container .tours-list-container-background{position:absolute;width:100%;height:100%;background-color:beige;opacity:.3}.navigation-bar .tours-list-container .tours-list{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:20px 0}.navigation-bar .tours-list-container .tours-list .tour-list-item{position:relative;width:138px;height:93px;cursor:pointer;margin-top:3px;margin-left:13px;margin-right:13px}.navigation-bar .tours-list-container .tours-list .tour-list-item.selected{margin-top:0;margin-left:10px;margin-right:10px;border:3px solid #fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));border-radius:4px}.navigation-bar .tours-list-container .tours-list .tour-list-item .tour-list-item-image{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;border-radius:2px}.navigation-bar .tours-list-container .tours-list .tour-list-item .tour-list-item-name{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center}.navigation-bar .tours-list-container .tours-list .tour-list-item .tour-list-item-name span{font-family:Roboto;font-style:normal;font-weight:700;font-size:18px;line-height:21px;color:#fff;opacity:.8;text-shadow:0 0 8px #000;text-align:center}.tour-name{position:fixed;top:0;left:0;width:100%;height:48px;flex-direction:row;background:rgba(245,245,220,.25);box-shadow:0 4px 4px rgba(0,0,0,.05)}.tour-name,.tour-name .text{display:flex;align-items:center;mix-blend-mode:luminosity}.tour-name .text{margin-left:70px;font-family:Roboto;font-style:normal;font-weight:700;font-size:22px;line-height:26px;text-align:center;color:#fff;opacity:.75}.attention-popup-container{position:fixed;display:flex;width:100%;height:100%;top:0;left:0;justify-content:center;align-items:center;opacity:1;transition:top .4s ease-in,opacity .4s ease-out}.attention-popup-container.hidden{top:-100%;opacity:0}.attention-popup-container .attention-popup{position:relative;display:flex;width:80%;background:rgba(245,245,220,.8);border:6px solid beige;box-sizing:border-box;border-radius:27px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}.attention-popup-container .attention-popup .close-button{position:absolute;right:6px;top:6px;width:36px;height:36px;background-image:url(../img/close-button.2c451290.svg);background-repeat:no-repeat;background-size:cover;cursor:pointer}.attention-popup-container .attention-popup .text{margin:58px 30px;font-family:Roboto;font-style:normal;font-weight:400;font-size:18px;line-height:25px;letter-spacing:.01em;color:#fff}.color-select{display:flex;flex-direction:row;position:fixed;right:200px;bottom:36px}.color-select .color-item{width:76px;height:76px;border:6px solid beige;border-radius:100%;margin:0 17px;cursor:pointer}.color-select .color-item.white{background-color:#fff}.color-select .color-item.grey{background-color:#9d938b}.tour-application{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}.tour-application .created-by{position:fixed;bottom:12px;right:15px}.tour-application .created-by a{text-decoration:none;outline:none;color:#bbb;font-family:Roboto;font-size:12px}.tour-application canvas{width:100%;height:100%}.tour-application .loading-indicator{position:absolute;bottom:-50px;left:50%;width:50px;height:50px;margin-left:-25px;margin-right:-25px;background-image:url(../img/preloader.b6794ad6.png);background-size:cover;opacity:0;transition:bottom .3s ease-out,opacity .4s ease-out}.tour-application .loading-indicator.visible{bottom:50px;opacity:1}body,html{margin:0;padding:0;width:100%;height:100%}canvas{outline:none}