.component-media-modal .component-modal.is-style-media-modal{display:flex;align-items:center;padding-block:min(calc(1.25rem + 1.25 * (100vw - 22.5rem) / 77.5),2.5rem);padding-inline:min(calc(1.25rem + 1.25 * (100vw - 22.5rem) / 77.5),2.5rem)}.component-media-modal .component-modal.is-style-media-modal .modal-content-wrapper{overflow:visible;max-height:100dvh}.component-media-modal .component-modal.is-style-media-modal .modal-content-wrapper .modal-content{display:flex;flex-flow:column;height:100%;gap:clamp(1.25rem,calc(1.25rem + 0 * (100vw - 22.5rem) / 77.5),1.25rem)}@media(min-width: 62rem){.component-media-modal .component-modal.is-style-media-modal .swiper{overflow:visible}}.component-media-modal .component-modal.is-style-media-modal .swiper .swiper-slide{opacity:.5}.component-media-modal .component-modal.is-style-media-modal .swiper .swiper-slide.swiper-slide-active{opacity:1}.component-media-modal .component-modal.is-style-media-modal .component-swiper-controls{display:flex;flex-flow:row;align-items:center;align-self:stretch;justify-content:space-between;background-color:#fff;padding-block:clamp(1.25rem,calc(1.25rem + 0 * (100vw - 22.5rem) / 77.5),1.25rem);padding-inline:clamp(1.25rem,calc(1.25rem + 0 * (100vw - 22.5rem) / 77.5),1.25rem);gap:clamp(0.5rem,calc(0.5rem + 0 * (100vw - 22.5rem) / 77.5),0.5rem);border-radius:.625rem;overflow:hidden}.component-media-modal .component-modal.is-style-media-modal .component-swiper-controls .component-swiper-indicator{width:auto}.component-media-modal .component-modal.is-style-media-modal .component-image{position:relative;width:100%;height:min(calc(11.25rem + 26.25 * (100vw - 22.5rem) / 77.5),37.5rem);max-height:calc(100dvh - 10rem);background-color:#fff1f3;border-radius:.625rem;overflow:hidden}.component-media-modal .component-modal.is-style-media-modal .component-image img{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:contain;object-fit:contain}