.backdrop{position:relative;width:100%;height:100%;justify-content:center;align-items:center;z-index:50;background-color:rgba(0,0,0,.3)}.backdrop,.backdrop .dialog{display:var(--dialog-display)}.backdrop .dialog{position:absolute;flex-direction:column;background-color:var(--dialog-bg-color);padding:20px;border-radius:10px;max-height:90%;max-width:90%;overflow-y:auto}.backdrop .dialog .img{margin-right:30px;max-width:calc(100% - 30px);max-width:100%}.backdrop .dialog .text{margin-right:30px;text-align:center;color:var(--dialog-text-color);font-size:var(--dialog-font-size);font-family:var(--dialog-font-family)}.backdrop .dialog .close{position:absolute;right:15px;top:15px;width:30px;height:30px;opacity:.3}.backdrop .dialog .close:hover{opacity:1}.backdrop .dialog .close:after,.backdrop .dialog .close:before{position:absolute;left:15px;content:" ";height:25px;width:2px;background-color:#333}.backdrop .dialog .close:before{transform:rotate(45deg)}.backdrop .dialog .close:after{transform:rotate(-45deg)}.buttons{position:absolute;bottom:15px;height:65px;margin:auto;width:300px;z-index:30}.buttons .button{z-index:30;cursor:pointer;position:absolute!important;width:32px;height:32px}.buttons #left{bottom:16px;left:0}.buttons #up{bottom:32px;left:32px;background-position-x:-32px}.buttons #down{bottom:0;left:32px;background-position-x:-64px}.buttons #right{bottom:16px;left:64px;background-position-x:-96px}.buttons #autorotation{bottom:16px;left:105.6px;background-position-x:-128px}.buttons #zoomIn{bottom:16px;left:144px;background-position-x:-160px}.buttons #zoomOut{bottom:16px;left:176px;background-position-x:-192px}.buttons #fullScreen{bottom:16px;right:10px;background-position-x:-224px}*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;outline:none}.app{background:#fff;position:relative;width:100vw;height:100vh;overflow:hidden}.app #image{z-index:10;margin:auto;transition:transform .2s linear;left:0;top:0}.app #image,.app .canvas{height:100%;position:absolute}.app .canvas{z-index:20;width:100%}.app .hotspot{position:absolute;background-position-x:-256px;width:32px;height:32px;z-index:30;border:none;background-color:transparent;cursor:pointer}.app .hotspot:after{content:var(--tooltip-content);display:var(--tooltip-display);font-family:var(--tooltip-font-family);color:var(--tooltip-text-color);background:var(--tooltip-bg-color);position:absolute;top:24px;left:15px;white-space:nowrap;padding:10px;border-radius:10px}

/*# sourceMappingURL=style.bundle.css.map*/