.viewer-template header{background:#212529;height:5rem;color:#fff;padding:1rem;display:flex;align-items:center;font-size:2rem;font-weight:600}@media (max-width:767px){.viewer-template header{font-size:1.25rem}}.viewer-template .viewer-wrapper{position:relative;width:100%;height:calc(100vh - 5rem)}.space-navigator .end{position:absolute;top:0;height:100%;display:flex;align-items:center;color:#fff}.space-navigator .end.left{padding:1rem}.space-navigator .end.right{right:1rem}.space-navigator .end .circle{width:3rem;height:3rem;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.space-navigator .end .circle:hover{background:rgba(0,0,0,.25)}.space-navigator .end .circle:active{background:rgba(0,0,0,.5)}.space-navigator .end .circle svg{font-size:2rem}.viewer{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.viewer img{display:block;width:auto;max-width:calc(100% - 10rem);max-height:calc(100% - 10rem);cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.viewer img:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}body{margin:0;background:#343a40;box-sizing:border-box}*{box-sizing:inherit}
/*# sourceMappingURL=main.cfa53a37.chunk.css.map */