.section-media-gallery{overflow-x:clip}.mg{display:block}.mg--full{padding-inline:var(--mg-gap)}.mg__list{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:var(--mg-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:1.5rem 1rem;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.mg--full .mg__list{margin-inline:calc(var(--mg-gap) * -1)}.mg__list::-webkit-scrollbar{display:none}.mg__item{scroll-snap-align:start;min-width:0}@media(min-width:750px){.mg__list{grid-auto-columns:calc((100% - 2 * var(--mg-gap)) / 3.2)}}@media(min-width:990px){.mg__list{grid-auto-flow:row;grid-template-columns:repeat(var(--mg-cols),minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;padding-block:2.5rem;row-gap:calc(var(--mg-gap) + 3rem)}.mg--full .mg__list{margin-inline:0}}.mg__item{transform:translate3d(0,calc(var(--mg-offset, 0px) + var(--mg-shift, 0px)),0)}.mg__card{position:relative;transform:rotate(calc(var(--mg-rot, 0deg) * var(--mg-tilt, 1)));transition:transform .6s var(--ease-out)}.mg__media{aspect-ratio:var(--ratio);border-radius:var(--radius);isolation:isolate}.mg__media>img,.mg__media>video,.mg__media>svg{transition:transform 1.1s var(--ease-out)}@media(hover:hover){.mg__card:hover .mg__media>:is(img,video,svg){transform:scale(1.07)}}.mg__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.mg__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:transparent}.mg__play .video-play{width:62px;height:62px;transition:transform .4s var(--ease-out)}.mg__play:hover .video-play,.mg__play:focus-visible .video-play{transform:scale(1.1)}.mg__play:focus-visible{outline-offset:-4px;border-radius:var(--radius)}.mg__caption{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:2.6rem 1rem 1rem;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:.95rem;line-height:1.3;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none;transition:opacity .45s var(--ease),transform .55s var(--ease-out)}@media(hover:hover){.mg--caption-hover .mg__caption{opacity:0;transform:translateY(10px)}.mg--caption-hover .mg__card:hover .mg__caption,.mg--caption-hover .mg__card:focus-within .mg__caption{opacity:1;transform:none}}.mg-tag{position:relative;z-index:4;display:flex;align-items:center;gap:.6rem;margin:-26px 10px 0;padding:6px 8px 6px 6px;border-radius:999px;background:#fff;color:#111;box-shadow:0 10px 28px -12px #00000059;transition:transform .4s var(--ease-out),background-color .3s,color .3s}.mg-tag:hover{transform:translateY(-3px)}.mg-tag__media{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;background:#f1f1f1}.mg-tag__media :is(img,svg){width:100%;height:100%;object-fit:cover}.mg-tag__text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.mg-tag__title{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-tag__price{font-size:.74rem;color:#555}.mg-tag__icon{width:30px;height:30px;flex:none;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.mg-tag__icon svg{width:14px;height:14px}@media(min-width:750px){.mg--staggered .mg__item:nth-child(2n){--mg-offset: 48px}.mg--staggered .mg__list{padding-bottom:calc(2.5rem + 48px)}}.mg--tilt .mg__item:nth-child(5n+1),.mg--scroll_tilt .mg__item:nth-child(5n+1){--mg-rot: -6deg}.mg--tilt .mg__item:nth-child(5n+2),.mg--scroll_tilt .mg__item:nth-child(5n+2){--mg-rot: 5deg}.mg--tilt .mg__item:nth-child(5n+3),.mg--scroll_tilt .mg__item:nth-child(5n+3){--mg-rot: -9deg}.mg--tilt .mg__item:nth-child(5n+4),.mg--scroll_tilt .mg__item:nth-child(5n+4){--mg-rot: 6deg}.mg--tilt .mg__item:nth-child(5n+5),.mg--scroll_tilt .mg__item:nth-child(5n+5){--mg-rot: -4deg}.mg--tilt .mg__list,.mg--scroll_tilt .mg__list{padding-block:2.5rem}.mg--scroll_tilt .mg__card{transition:none}@media(hover:hover){.mg--tilt .mg__card:hover{--mg-tilt: 0;transform:rotate(0) translateY(-6px)}}@media(prefers-reduced-motion:reduce){.mg__card{--mg-tilt: 0}}.mg-lightbox .mg-lightbox__panel{--modal-width: 1000px;background:#000;color:#fff;overflow:hidden;display:grid}.mg-lightbox .modal__close{background:#fff;color:#000;border-color:transparent}.mg-lightbox__body{display:grid;place-items:center;min-height:200px}.mg-lightbox__video{width:100%;max-height:calc(100vh - 4rem);background:#000}.mg-lightbox__frame{width:100%;aspect-ratio:16 / 9;border:0}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-media-gallery.css.map */