.image-container{border-radius:clamp(1rem,3vw,1.5rem);border:solid 3px currentColor;position:relative;max-width:100%;height:auto;max-height:100%;margin:clamp(.5rem,3vw,1rem) clamp(.2rem,2vw,.5rem);background-color:#f3f6fb}.image-container.left{margin-inline:0 clamp(0.5rem,3vw,1rem);float:left}.image-container.right{margin-inline:clamp(0.5rem,3vw,1rem) 0;float:right}.image-container.top{margin-top:0!important}.image-container[data-image]{cursor:zoom-in}.image-container.contrast-icon .maximize-icon svg{border-color:#000;fill:#000000}.image-container .maximize-icon{position:absolute;bottom:.3rem;right:.3rem;padding:.8rem;max-width:max(30%,5rem);display:inline-block;backdrop-filter:blur(5px);border-radius:20%;height:fit-content}.image-container .maximize-icon svg{display:block;width:3rem;max-width:100%;height:auto;aspect-ratio:1;border:solid 3px #fff;border-radius:20%;fill:#ffffff;padding:15%}.image-container .image{border-radius:clamp(.8rem,2vw,1.3rem);display:block;width:100%;height:auto}#image-popup-overlay{background-color:rgba(0,0,0,.7);width:100dvw;height:100dvh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);z-index:99999}#image-popup-overlay .image-popup{background-color:#fff;box-shadow:0 0 30px 8px rgba(0,0,0,.5);-webkit-box-shadow:0 0 30px 8px rgba(0,0,0,.5);max-height:96dvh;max-width:96dvw;min-width:300px;display:flex;flex-direction:column;align-items:end;justify-content:center;border-radius:1em;transform-origin:center center;animation:PopupAnimation .3s ease-out;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}#image-popup-overlay .image-popup .title{position:relative;width:100%;flex-grow:0;min-height:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column}#image-popup-overlay .image-popup .title .text{font-size:1.4rem;font-weight:700;position:relative;top:.2rem;width:calc(100% - 4rem)}#image-popup-overlay .image-popup .title #image-popup-close{display:block;z-index:1002;position:absolute;top:0;right:0;height:clamp(2rem,3vw,3rem);width:auto;aspect-ratio:1;border:0;cursor:pointer;background-color:#d60000;border-start-end-radius:0.8em;padding:clamp(.2rem,2vw,.5rem);height:3.5rem;width:3.5rem}#image-popup-overlay .image-popup .title #image-popup-close:hover{background-color:#ff3f3f}#image-popup-overlay .image-popup .title #image-popup-close svg{fill:#ffffff;stroke:#ffffff;display:block}#image-popup-overlay .image-popup .image{width:100%;flex-grow:1;padding:1rem;max-width:96dvw;max-height:calc(96dvh - 4rem);min-height:16rem;display:flex;align-items:center;justify-content:center;position:relative}#image-popup-overlay .image-popup .image img,#image-popup-overlay .image-popup .image picture{max-height:calc(96dvh - 5rem);max-width:calc(96dvw - 2rem)}#image-popup-overlay .image-popup .image img:not(.spinner),#image-popup-overlay .image-popup .image picture:not(.spinner){border:solid 1px #ccc;background:0 0}#image-popup-overlay .image-popup .image img.spinner{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:15rem;max-width:90%;height:auto;aspect-ratio:1;z-index:2}@keyframes PopupAnimation{0%{transform:translate(calc(-50% + var(--delta-x)),calc(-50% + var(--delta-y))) scale(.2);opacity:0}75%{transform:translate(-50%,-50%) scale(1)}100%{opacity:1}}@media (max-width:1120px){.image-popup-overlay .image-popup .title{height:3rem}.image-popup-overlay .image-popup .title .text{font-size:1.2rem}.image-popup-overlay .image-popup .title .close{top:.5rem;width:2rem;height:2rem}.image-popup-overlay .image-popup .image{padding:.5rem}}@media (max-width:768px){.image-container{border-width:2px}}