.mega-menu__list--tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2.4rem 2rem}.mega-menu__tile{display:flex;flex-direction:column;gap:.9rem;text-decoration:none;color:rgb(var(--color-foreground))}.mega-menu__tile-media{position:relative;display:block;overflow:hidden;border-radius:1.2rem;aspect-ratio:1 / 1;background-color:rgb(var(--color-background))}.mega-menu__tile-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default, .3s) ease;will-change:transform}.mega-menu__tile-img--placeholder{background-image:linear-gradient(135deg,#33a19924,#33a1990a)}.mega-menu__tile-label{position:relative;display:inline;font-weight:600;line-height:1.25;background-image:linear-gradient(#33a199,#33a199);background-repeat:no-repeat;background-position:0 100%;background-size:0% .2rem;transition:background-size var(--duration-short, .2s) ease;padding-bottom:.2rem}.mega-menu__tile:hover .mega-menu__tile-img,.mega-menu__tile:focus-visible .mega-menu__tile-img{transform:scale(1.05)}.mega-menu__tile:hover .mega-menu__tile-label,.mega-menu__tile:focus-visible .mega-menu__tile-label{background-size:100% .2rem}.mega-menu__tile:focus-visible{outline:.2rem solid #33a199;outline-offset:.4rem;border-radius:.4rem}@media(prefers-reduced-motion:reduce){.mega-menu__tile-img,.mega-menu__tile-label{transition:none}.mega-menu__tile:hover .mega-menu__tile-img,.mega-menu__tile:focus-visible .mega-menu__tile-img{transform:none}}@media screen and (max-width:989px){.mega-menu__list--tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}}.menu-drawer__menu-item--tile{display:flex;align-items:center;gap:1.2rem;min-height:4.4rem}.menu-drawer__thumb{flex:0 0 auto;display:block;width:4.4rem;height:4.4rem;overflow:hidden;border-radius:.8rem;background-color:rgb(var(--color-background))}.menu-drawer__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.menu-drawer__thumb-img--placeholder{background-image:linear-gradient(135deg,#33a19924,#33a1990a)}.menu-drawer__thumb-label{flex:1 1 auto;min-width:0}@media screen and (min-width:990px){.mega-menu__content{left:1.5rem;right:1.5rem;margin-inline:auto;max-width:var(--page-width, 120rem);top:calc(100% + .8rem);border-radius:1.6rem;overflow:hidden auto;background-color:rgba(var(--color-background),.55);-webkit-backdrop-filter:blur(24px) saturate(185%) brightness(1.05);backdrop-filter:blur(24px) saturate(185%) brightness(1.05);border:.1rem solid rgba(255,255,255,.4);box-shadow:0 2.4rem 5rem -1.2rem #00000047,inset 0 .1rem #ffffffa6,inset .15rem .15rem .3rem -.1rem #ffffff80,inset -.1rem -.15rem .4rem -.1rem #ffffff4d,inset 0 -.1rem .2rem rgba(var(--color-foreground),.05)}.mega-menu__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#ffffff61,#fff0 22%),radial-gradient(120% 80% at 12% 0%,rgba(51,161,153,.07),transparent 60%)}.mega-menu__content>*{position:relative;z-index:1}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mega-menu__content{background-color:rgb(var(--color-background))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-mega-menu-tiles.css.map */