.no-scroll{overflow:hidden}[data-viewableimage]{cursor:zoom-in}.imageviewer{display:block;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease;pointer-events:none}.imageviewer.imageviewer__visible{opacity:1;pointer-events:all}.imageviewer .imageviewer__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.imageviewer .imageviewer__controls{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}.imageviewer .imageviewer__controls .imageviewer__close,.imageviewer .imageviewer__controls .imageviewer__next,.imageviewer .imageviewer__controls .imageviewer__prev{padding:1rem;border:0 solid rgba(0,0,0,0);border-radius:50%;transition:background-color .2s ease;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem}.imageviewer .imageviewer__controls .imageviewer__close:hover,.imageviewer .imageviewer__controls .imageviewer__next:hover,.imageviewer .imageviewer__controls .imageviewer__prev:hover{background-color:rgba(0,0,0,.5)}.imageviewer .imageviewer__controls .imageviewer__close{position:absolute;top:0;right:0;font-size:2rem;color:#fff;cursor:pointer}.imageviewer .imageviewer__controls .imageviewer__arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;color:#fff;font-size:2rem;cursor:pointer}.imageviewer .imageviewer__controls .imageviewer__arrows .disabled{color:hsla(0,0%,100%,.5);cursor:not-allowed;pointer-events:none}.imageviewer .imageviewer__controls .imageviewer__arrows .imageviewer__prev{margin-left:1rem}.imageviewer .imageviewer__controls .imageviewer__arrows .imageviewer__next{margin-right:1rem}.imageviewer .imageviewer__container{position:fixed;width:300vw;height:100vh;z-index:1;transform:translateX(-33.3%);display:flex;flex-direction:row}.imageviewer .imageviewer__container>img,.imageviewer .imageviewer__container .spinner-container{height:100vh;width:100vw;object-fit:contain;padding:3rem;box-sizing:border-box}.imageviewer .imageviewer__container .spinner-container{display:flex;justify-content:center;align-items:center}.imageviewer .imageviewer__container .spinner-container .spinner{color:#fff;font-size:2rem}.imageviewer .imageviewer__container.animate-next-image{animation:imageviewer__next_image .2s ease}.imageviewer .imageviewer__container.animate-previous-image{animation:imageviewer__previous_image .2s ease}@keyframes imageviewer__next_image{from{transform:translateX(0)}to{transform:translateX(-33.3%)}}@keyframes imageviewer__previous_image{from{transform:translateX(-66.6%)}to{transform:translateX(-33.3%)}}/*# sourceMappingURL=imageviewer.css.map */
