.mediaGrid--Wrapper{display:flex;width:100%;flex-wrap:wrap;overflow:hidden;position:relative}.mediaGrid{background-color:var(--background_color);color:var(--secondary_text)}.mediaGrid--Description,.mediaGrid--Title{color:var(--secondary_text)}.mediaGrid--Image__Link{width:100%;height:100%}.mediaGrid__Image{width:100%;height:100%;object-position:center;object-fit:cover}.mediaGrid--ImageWrapper{width:100%;position:relative;text-align:center;overflow:hidden;cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center}.mediaGrid--Mobile__Grid{display:flex;flex-wrap:wrap;display:block;width:50%;height:200px}.mediaGrid--GridFont__Size{font-size:24px}.mediaGrid--HoverButton{opacity:1;position:relative;left:0;right:0;width:fit-content;margin-left:auto;margin-right:auto}.mediaGrid--ImageWrapper__Large,.mediaGrid--ImageWrapper__Small{width:100%}.mediaGrid--Content{position:absolute;z-index:1;padding:0 32px;width:100%}@media (min-width:768px){.mediaGrid--Content{max-width:324px;padding:0}.mediaGrid--ImageWrapper__Small .mediaGrid--Content{max-width:248px}.mediaGrid--Mobile__Grid{display:flex;flex-wrap:wrap;display:block;width:unset;height:unset}.mediaGrid--Wrapper{display:flex;width:100%;flex-wrap:wrap;overflow:hidden}.mediaGrid--GridFont__Size{font-size:48px}.mediaGrid--ImageWrapper__Small{width:40%}.mediaGrid--ImageWrapper__Full{width:100%}.mediaGrid--ImageWrapper__Large{width:60%;object-fit:contain;object-position:center}.mediaGrid--DesktopLayout__Full{width:100%;display:flex;flex-wrap:wrap}.mediaGrid--DesktopLayout__Grid{display:flex;flex-wrap:wrap;width:50%;object-fit:cover;object-position:center}}@media (min-width:1024px){.mediaGrid--Content,.mediaGrid--ImageWrapper__Small .mediaGrid--Content{max-width:324px;padding:0}.mediaGrid--HoverButton{transition:opacity .3s ease;opacity:0;position:absolute}.mediaGrid--HoverButton:focus,.mediaGrid--ImageWrapper:hover .mediaGrid--HoverButton{display:inline-block;opacity:1;cursor:pointer;transition:opacity .3s ease}.mediaGrid__Image{transition:transform .4s;cursor:pointer}.mediaGrid--ImageWrapper .mediaGrid--Content{animation-duration:.4s;animation-name:slideout;animation-fill-mode:forwards}.mediaGrid--ImageWrapper:hover .mediaGrid--Content{animation-duration:.4s;animation-name:slidein;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes slideout{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.mediaGrid--GridFont__Size{font-size:64px}}@media (min-width:1920px){.mediaGrid--GridFont__Size{font-size:80px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-media_grid.css.map */