.gs-media-grid{padding-top:var(--padding-top-mobile, 27px);padding-bottom:var(--padding-bottom-mobile, 27px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.gs-mg--fullwidth{width:100%}.gs-media-grid .section-title{margin-bottom:1.5rem}.gs-media-grid .section-title.text-left{text-align:left}.gs-media-grid .section-title.text-center{text-align:center}.gs-media-grid .section-title.text-right{text-align:right}.gs-media-grid .mg-heading{margin:0}.media-grid-wrapper{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(var(--cols-mobile, 1),minmax(0,1fr));grid-auto-rows:var(--mobileHeight, 200px);grid-auto-flow:dense;gap:var(--columnGap, 5px)}.gs-mg--ratio-adapt .media-grid-wrapper,.gs-mg--ratio-square .media-grid-wrapper,.gs-mg--ratio-portrait .media-grid-wrapper,.gs-mg--ratio-landscape .media-grid-wrapper{grid-auto-rows:auto;align-items:start}.gs-mg__scroller{position:relative;display:flex;align-items:center;gap:8px}.media-grid-wrapper--carousel{display:flex;flex:1 1 auto;min-width:0;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.media-grid-wrapper--carousel::-webkit-scrollbar{display:none}.media-grid-wrapper--carousel .media-grid-item{flex:0 0 calc((100% - (var(--columnGap, 5px) * (var(--cols-mobile, 1) - 1))) / var(--cols-mobile, 1));scroll-snap-align:start}.gs-mg--carousel.gs-mg--ratio-fixed .media-grid-item{height:var(--mobileHeight, 200px)}.gs-mg__nav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.gs-mg__nav[hidden]{display:none}.gs-mg__nav:disabled{opacity:.3;cursor:default}.gs-mg--fullwidth .gs-mg__scroller{gap:0}.gs-mg--fullwidth .gs-mg__nav{position:absolute;top:40%;z-index:2;width:40px;height:40px;border-radius:50%;background:#0009;color:#fff}.gs-mg--fullwidth .gs-mg__nav[data-swatch-scroll=prev]{left:12px}.gs-mg--fullwidth .gs-mg__nav[data-swatch-scroll=next]{right:12px}.media-grid-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;box-sizing:border-box;grid-column:span 1;grid-row:span 1;background:var(--mg-card-bg, transparent);padding:var(--mg-card-pad, 0)}.gs-mg--grid.gs-mg--width-three-quarter .media-grid-item{width:75%;justify-self:center}.gs-mg--grid.gs-mg--width-half .media-grid-item{width:50%;justify-self:center}.media-grid-wrapper.shadow-enabled .media-grid-item{box-shadow:0 4px 14px #00000040}.media-grid-item__link{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-area:1 / 1 / 3 / 2;min-width:0;min-height:0;text-decoration:none;color:inherit}.media-grid-item__link:focus-visible,.media-grid-item[tabindex]:focus-visible{outline:3px solid #ffffff;outline-offset:-3px}.media-grid-image{position:relative;grid-area:1 / 1;min-height:0;overflow:hidden}.media-grid-image .media_image,.media-grid-image .media_video,.media-grid-image .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gs-mg--ratio-square .media-grid-image{aspect-ratio:1 / 1}.gs-mg--ratio-portrait .media-grid-image{aspect-ratio:10 / 13}.gs-mg--ratio-landscape .media-grid-image{aspect-ratio:10 / 7}.gs-mg--ratio-adapt .media-grid-image .media_image,.gs-mg--ratio-adapt .media-grid-image .placeholder-svg,.gs-mg--ratio-adapt .media-grid-image .media_video{position:static;height:auto}.media-grid-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--opacityColor, 0 0 0));opacity:var(--scrim-base, .3);transition:opacity .3s ease;pointer-events:none}.media-grid-item:hover .media-grid-image:after,.media-grid-item:focus-within .media-grid-image:after{opacity:var(--scrim-hover, var(--scrim-base, .3))}.img-zoom .media-grid-image .media_image{transition:transform .4s ease}.img-zoom:hover .media-grid-image .media_image,.img-zoom:focus-within .media-grid-image .media_image{transform:scale(1.05)}.gs-mg--fit-contain .media-grid-image .media_image,.gs-mg--fit-contain .media-grid-image .media_video{object-fit:contain}.gs-mg--fit-contain .img-zoom .media-grid-image .media_image{transform:scale(.95)}.gs-mg--fit-contain .img-zoom:hover .media-grid-image .media_image,.gs-mg--fit-contain .img-zoom:focus-within .media-grid-image .media_image{transform:scale(1)}.gs-mg--no-zoom .img-zoom .media-grid-image .media_image,.gs-mg--no-zoom .img-zoom:hover .media-grid-image .media_image,.gs-mg--no-zoom .img-zoom:focus-within .media-grid-image .media_image{transform:none}.media-content{position:relative;z-index:1;grid-area:1 / 1;justify-self:var(--content-justify, center);align-self:var(--content-align, center);display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1.5rem;box-sizing:border-box;color:var(--mg-text, #ffffff)}.media-content.text-left{text-align:left;align-items:flex-start}.media-content.text-center{text-align:center;align-items:center}.media-content.text-right{text-align:right;align-items:flex-end}.gs-mg--below .media-content{grid-area:2 / 1;justify-self:stretch;align-self:start;padding:1rem 0 0;color:inherit}.gs-mg--below.gs-mg--ratio-fixed .media-content{padding:1rem 1.5rem 1.5rem}.media-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box;overflow-y:auto;color:var(--mg-text, #ffffff);opacity:0;visibility:hidden;transition:opacity .3s ease .15s,visibility .3s ease .15s}.media-hover.text-left{text-align:left}.media-hover.text-center{text-align:center}.media-hover.text-right{text-align:right}.media-hover__text p{margin:0 0 .6em;color:inherit}.media-hover__text>:last-child{margin-bottom:0}.media-grid-item:hover .media-hover,.media-grid-item:focus-within .media-hover,.media-grid-item[tabindex]:focus .media-hover{opacity:1;visibility:visible}.media-grid-item--has-hover:hover .media-content,.media-grid-item--has-hover:focus-within .media-content{align-self:start}.gs-mg--badge .media-content .gs-block-heading{display:flex;align-items:center;justify-content:center;width:130px;height:130px;margin:0 auto;border:2px solid #ffffff;border-radius:50%;background:#00000080;transition:background .5s ease,box-shadow .5s ease}.gs-mg--badge .media-grid-item:hover .media-content .gs-block-heading,.gs-mg--badge .media-grid-item:focus-within .media-content .gs-block-heading{background:#5f5e3b;box-shadow:0 0 0 10px #000}.gs-mg--badge .media-hover{padding-top:190px;align-items:flex-start}.media-grid-wrapper:has(.is-current) .media-grid-item{transition:opacity .25s}.media-grid-wrapper:has(.is-current) .media-grid-item:not(.is-current){opacity:var(--mg-dim, .2)}.gs-media-grid .gs-block-heading{margin:0;font-family:var(--font-heading-family);font-weight:400;color:var(--gs-heading-color, var(--mg-heading, inherit))}.gs-media-grid .gs-block-heading strong,.gs-media-grid .gs-block-heading b{font-weight:700}.gs-media-grid .gs-block-heading--left{text-align:left}.gs-media-grid .gs-block-heading--center{text-align:center}.gs-media-grid .gs-block-heading--right{text-align:right}.gs-media-grid .gs-block-heading--custom-size{font-size:var(--gs-heading-size-m, var(--gs-heading-size-d))}.gs-media-grid .gs-block-text{color:var(--gs-text-color, var(--mg-text, inherit))}.gs-media-grid .gs-block-text p{color:inherit}.gs-media-grid .gs-block-button--button{background-color:var(--gs-btn-bg, var(--mg-btn-bg, rgb(var(--color-button))));color:var(--gs-btn-text, var(--mg-btn-text, rgb(var(--color-button-text))));border-color:var(--gs-btn-bg, var(--mg-btn-bg, rgb(var(--color-button))))}.gs-media-grid .gs-block-button--button:hover,.gs-media-grid .gs-block-button--button:focus-visible,.gs-media-grid .media-grid-item:hover .gs-block-button--button{background-color:var(--gs-btn-bg-hover, var(--mg-btn-bg-hover, rgb(var(--color-button-text))));color:var(--gs-btn-text-hover, var(--mg-btn-text-hover, rgb(var(--color-button))));border-color:var(--gs-btn-bg-hover, var(--mg-btn-bg-hover, rgb(var(--color-button-text))))}.gs-media-grid .gs-block-button--link{color:var(--gs-btn-text, var(--mg-text, inherit))}.content-on-hover .media-content{opacity:0;transition:opacity .3s ease}.content-on-hover .media-grid-item:hover .media-content,.content-on-hover .media-grid-item:focus-within .media-content{opacity:1}@media screen and (max-width:767px){.gs-mg--visibility-large{display:none!important}}@media screen and (min-width:768px){.gs-mg--visibility-small{display:none!important}.gs-media-grid{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}.media-grid-wrapper{grid-template-columns:repeat(var(--cols-desktop, 4),minmax(0,1fr));grid-auto-rows:var(--desktopHeight, 400px);gap:var(--columnGapDesktop, 5px)}.gs-mg--ratio-adapt .media-grid-wrapper,.gs-mg--ratio-square .media-grid-wrapper,.gs-mg--ratio-portrait .media-grid-wrapper,.gs-mg--ratio-landscape .media-grid-wrapper{grid-auto-rows:auto}.media-grid-item{grid-column:span min(var(--col-span, 1),var(--cols-desktop, 4));grid-row:span var(--row-span, 1)}.media-grid-wrapper--carousel .media-grid-item{flex-basis:calc((100% - (var(--columnGapDesktop, 5px) * (var(--cols-desktop, 4) - 1))) / var(--cols-desktop, 4))}.gs-mg--carousel.gs-mg--ratio-fixed .media-grid-item{height:var(--desktopHeight, 400px)}.media-content{padding:2rem}.gs-mg--below .media-content{padding:1rem 0 0}.gs-mg--below.gs-mg--ratio-fixed .media-content{padding:1rem 2rem 2rem}.gs-media-grid .gs-block-heading--custom-size{font-size:var(--gs-heading-size-d, var(--gs-heading-size-m))}.gs-mg--dim-hover .media-grid-wrapper:has(.is-current) .media-grid-item:not(.is-current):hover,.gs-mg--dim-hover .media-grid-wrapper:has(.is-current) .media-grid-item:not(.is-current):focus-within{opacity:1}}@media(prefers-reduced-motion:reduce){.img-zoom .media-grid-image .media_image,.content-on-hover .media-content,.media-grid-image:after,.media-hover,.gs-mg--badge .media-content .gs-block-heading,.media-grid-wrapper:has(.is-current) .media-grid-item{transition:none}.media-grid-wrapper--carousel{scroll-behavior:auto}.img-zoom:hover .media-grid-image .media_image{transform:none}}@media screen and (max-width:749px){.gs-mg__scroller{position:relative}.gs-mg__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.gs-mg__nav[data-swatch-scroll=prev]{left:0}.gs-mg__nav[data-swatch-scroll=next]{right:0}}
/*# sourceMappingURL=/cdn/shop/t/1040/assets/section--media-grid.css.map */