.mega-menu__content--recipe{padding-bottom:2.4rem;padding-top:2.4rem}.recipe-mega-menu__list{display:flex;flex-wrap:nowrap;gap:1.2rem;justify-content:center;list-style:none;margin:0;overflow-x:auto;padding:.4rem 0 .8rem;scrollbar-width:thin}.recipe-mega-menu__item{flex:0 0 auto;list-style:none}.recipe-mega-menu__card{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:1.2rem;color:rgb(var(--color-foreground));display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease;width:14rem}.recipe-mega-menu__card:hover,.recipe-mega-menu__card--active{border-color:rgba(var(--color-foreground),.55);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.08)}.recipe-mega-menu__card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.recipe-mega-menu__media{aspect-ratio:1;background-color:rgba(var(--color-foreground),.04);overflow:hidden;width:100%}.recipe-mega-menu__image,.recipe-mega-menu__placeholder{display:block;height:100%;object-fit:cover;width:100%}.recipe-mega-menu__placeholder{background-color:rgba(var(--color-foreground),.06)}.recipe-mega-menu__label{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.04em;line-height:1.3;padding:1rem .8rem 1.2rem;text-align:center;text-transform:uppercase}.recipe-drawer-menu__list{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.recipe-drawer-menu__card{background-color:rgba(var(--color-foreground),.03);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1rem;color:rgb(var(--color-foreground));display:block;overflow:hidden;text-decoration:none}.recipe-drawer-menu__media{aspect-ratio:1;overflow:hidden}.recipe-drawer-menu__image,.recipe-drawer-menu__placeholder{display:block;height:100%;object-fit:cover;width:100%}.recipe-drawer-menu__label{display:block;font-size:1.1rem;font-weight:600;padding:.8rem;text-align:center}@media screen and (min-width:990px){.recipe-mega-menu__card{width:15rem}.recipe-mega-menu__list{gap:1.6rem}}@media screen and (min-width:1200px){.recipe-mega-menu__card{width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-mega-menu-recipe.css.map */