body.modal-open{overflow:hidden}.modal-back{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.333);width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-back.is-open{display:flex}.modal-container{text-align:center;background-color:#fff;min-width:300px;max-width:80vw;min-height:200px;max-height:80vh;padding:5px;position:relative;overflow-y:auto}.modal-img-container{max-width:90vw;max-height:90vh;margin:auto;padding:5vh 5vw;position:relative}.modal-img-container>img{cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:90vw;max-height:90vh}.modal-img-container.zoomed{min-width:-moz-fit-content;min-width:fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:-moz-fit-content;max-height:fit-content}.modal-img-container.zoomed>img{cursor:zoom-out;width:auto;min-width:max(90vw,500px);max-width:none;height:auto;min-height:max(90vh,500px);max-height:none}.modal-img-container.zoomed>img.horizontal{max-width:90vw}@media screen and (max-width:800px){.modal-img-container.zoomed>img.horizontal{max-width:none;max-height:90vh}}.modal-close{background-color:transparent;border:1px solid;position:absolute;top:2vh;right:2vw}.modal-close i{color:#000;text-shadow:0 0 10px #fff}.dark .modal-close i{color:#fff;text-shadow:0 0 10px #000}