.media-grid-popup{--mobile-height: 17.7rem;--tablet-height: 25rem;--desktop-height: 32.3rem;--gap: var(--c-gap, 2.4rem);--gap-mb: var(--c-gap-mb, 1.6rem)}.media-grid-popup__title-wrapper{max-width:80rem;margin-inline:auto}.media-grid-popup__description{margin-inline:auto;max-width:var(--description-width, 100%)}.media-grid-popup__content{display:grid;gap:var(--gap-mb);grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;grid-auto-rows:var(--mobile-height)}@media(min-width:750px){.media-grid-popup__content{grid-template-columns:repeat(6,1fr);grid-auto-rows:var(--tablet-height)}}@media(min-width:990px){.media-grid-popup__content{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--desktop-height);gap:var(--gap)}}@media(max-width:749px){.media-grid-popup__content>*:nth-child(5){grid-column:span 2;grid-row:span 2}}@media(min-width:750px){.media-grid-popup__content>*:nth-child(1),.media-grid-popup__content>*:nth-child(2){grid-column:span 3}.media-grid-popup__content>*:nth-child(3),.media-grid-popup__content>*:nth-child(4),.media-grid-popup__content>*:nth-child(5){grid-column:span 2}}@media(min-width:990px){.media-grid-popup__content>*:nth-child(4),.media-grid-popup__content>*:nth-child(1),.media-grid-popup__content>*:nth-child(2){grid-column:span 2}.media-grid-popup__content>*:nth-child(3),.media-grid-popup__content>*:nth-child(5){grid-column:span 1}}.media-grid-popup-item{--_row-span: var(--row-span, 1);--_row-span-mb: var(--row-span-mb, 1);cursor:pointer;position:relative;grid-column:span var(--col-span-mb);grid-row:span var(--_row-span-mb);border-radius:1.6rem;overflow:hidden;background:var(--clr-bg, rgb(var(--color-background)))}@media(min-width:750px){.media-grid-popup-item{grid-column:span var(--col-span-tb);grid-row:span var(--_row-span)}}@media(min-width:990px){.media-grid-popup-item{grid-column:span var(--col-span)}}.media-grid-popup-item__media{position:absolute;width:100%;height:100%}.media-grid-popup-item__media>img{object-position:var(--focal-point, center)}.media-grid-popup-item__info{position:relative;z-index:1;padding:1.6rem;height:100%;display:grid;align-items:end}@media(max-width:749px){.media-grid-popup-item__info{text-align:center}}@media(min-width:990px){.media-grid-popup-item__info{padding:2.4rem}}.media-grid-popup-item__link{text-wrap:balance}.media-grid-modal__dialog{--animation-slide-in-up: slide-in-up .5s ease-in;--animation-scale-down: scale-down var(--duration-short) ease;padding:0;border-radius:1.6rem;border:.1rem solid rgb(var(--color-outline));transition:opacity var(--duration-medium) allow-discrete,display var(--duration-medium) allow-discrete,overlay var(--duration-medium) allow-discrete;animation:var(--animation-scale-down) forwards;animation-timing-function:ease-in-out}.media-grid-modal__dialog[open]{animation:var(--animation-slide-in-up) forwards}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}}.media-grid-modal__dialog:not([open]){pointer-events:none;opacity:0}.media-grid-modal__dialog-wrapper{width:min(148.2rem,calc(100vw - var(--container-paddings) * 2) - 6.4rem)}.media-grid-modal__dialog::backdrop{cursor:pointer;background:#000;opacity:.4}.media-grid-modal__top{position:sticky;top:0;justify-content:space-between;padding:1.6rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgb(var(--color-outline));border-radius:3.2rem;z-index:1;display:flex;justify-content:end;align-items:center}.media-grid-modal__content{container-type:inline-size;container-name:modal-content}.media-grid-modal-item{padding:8rem 2.4rem 4.8rem}.media-grid-modal-item:not(:last-child){border-bottom:.1rem solid rgb(var(--color-outline))}.media-grid-modal-item__media-wrapper{margin-bottom:2.4rem}@container modal-content (min-width: 750px){.media-grid-modal-item--video-1{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:2rem}.media-grid-modal-item--video-2 .media-grid-modal-item__media-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}.media-grid-modal-item--video-2 .media-grid-modal-item__media-wrapper{display:grid;gap:3rem 7rem}.media-grid-modal-item__media{width:100%;aspect-ratio:1.7;border-radius:1.6rem}.media-grid-modal-item__info{max-width:120rem;margin-inline:auto}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-media-grid-popup.css.map */