.zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999999000000000;background-color:#fff;display:none}.zoom-modal.active{display:flex;flex-direction:column;justify-content:center}.zoom-modal .zoom-head{display:flex;align-items:center;justify-content:space-between;position:relative;padding:.5rem}.zoom-modal .zoom-head .zoom-close-button{z-index:99}.zoom-modal .zoom-head .zoom-close-button svg{width:18px}.zoom-modal .zoom-head .zoom-arrows{display:flex;align-items:center}.zoom-modal .zoom-head .zoom-arrows button{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.zoom-modal .zoom-head .zoom-arrows button svg{width:12px}.zoom-modal nav{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:.5rem;z-index:99}.zoom-modal nav button:not(.active){opacity:.5}.zoom-modal nav button img{width:38px;height:auto}.zoom-modal .image__container{position:relative}.zoom-modal .image__container .splide .splide__slide{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.zoom-modal .image__container .splide img{width:100%;height:auto;max-height:90dvh;-o-object-fit:contain;object-fit:contain}.zoom-modal .image__container .panzoom-target{display:inline-block;width:100%;height:auto;text-align:center}.zoom-modal .image__container .panzoom-target img{width:100%;height:auto;max-height:90dvh;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.zoom-modal .image__container .custom-zoom-pagination{display:flex;justify-content:center;align-items:center;padding:1rem 0}.zoom-modal .image__container .custom-zoom-pagination .custom-zoom-dot{background-color:#ccc;width:10px;height:10px;border-radius:50%;margin:0 5px;padding:0;border:none;cursor:pointer;opacity:.5;transition:opacity .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.zoom-modal .image__container .custom-zoom-pagination .custom-zoom-dot:hover{opacity:.7}.zoom-modal .image__container .custom-zoom-pagination .custom-zoom-dot.active{background-color:#333;opacity:1;transform:scale(1.2)}@media (min-width: 768px){.zoom-modal .zoom-head{padding:0}.zoom-modal .zoom-head .zoom-close-button{position:absolute;top:42px;right:42px}.zoom-modal .zoom-head .zoom-arrows{display:none}.zoom-modal nav{display:flex}.zoom-modal .image__container .splide .splide__slide img{max-height:100dvh}.zoom-modal .image__container .custom-zoom-pagination{display:none!important}}