modal-container{display:flex;position:fixed;inset:0;z-index:1000;padding:10px;background:#000c}modal-container[closed]{display:none}modal-container .modal{position:relative;display:flex;flex-grow:1;margin:auto;padding:1.5em;background:#fff;flex-direction:column;gap:20px;max-height:100%;max-width:650px;border-radius:var(--border-radius);overflow:hidden;text-align:left}modal-container .modal span.close-modal{position:absolute;font-size:1.5em;font-weight:700;cursor:pointer;top:5px;right:5px;color:var(--green);background-color:var(--white);border-radius:100%;width:30px;height:30px;line-height:28px;text-align:center}modal-container .modal .modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 10px}image-gallery{display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden;background:var(--white);border:solid 2px var(--gray)}image-gallery .splide .splide__slide{display:flex;align-content:center;justify-content:center}image-gallery .splide .splide__slide>img{width:100%;height:auto;object-fit:contain}image-gallery .splide.main-carousel{cursor:zoom-in}image-gallery .splide.main-carousel .splide__slide{aspect-ratio:3/2;position:relative;width:100%}image-gallery .splide.main-carousel .splide__slide fieldset{position:absolute;display:flex;gap:10px;top:0;right:0;font-size:.9em;border:0;padding:1em}image-gallery .splide.thumbnail-carousel{background:var(--gray)}image-gallery .splide.thumbnail-carousel .splide__slide{border:none}image-gallery .splide.thumbnail-carousel .splide__slide.is-active{border:none}image-gallery .splide.thumbnail-carousel .splide__slide.is-active:before{position:absolute;content:"";inset:0;border:solid 3px var(--green)}modal-container#gallery-modal .modal{padding:0}modal-container#gallery-modal .modal img{height:100%;width:100%;object-fit:contain}