.root{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.container-shell{width:100%;height:100%;position:relative;background:#333}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5);z-index:10}.spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.reload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5);z-index:11}.reload-overlay button{padding:8px 20px;font-size:16px;cursor:pointer}.rotate-front{right:200px}.rotate-after,.rotate-front{width:32px;height:16px;position:absolute;bottom:12px;cursor:pointer;z-index:12;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.rotate-after{right:170px}.rotate-camera,.rotate-reverse{right:170px}.rotate-camera,.rotate-reverse,.rotate-smooth{width:32px;height:16px;position:absolute;bottom:12px;cursor:pointer;z-index:12;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.rotate-smooth{right:140px;border:none}