.menu-tile{display:flex;flex-direction:column;align-items:center;height:100%;padding:1rem;border-radius:.8rem;background-color:rgba(var(--color-foreground),.02);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;color:rgba(var(--color-foreground),.85);text-align:center;text-decoration:none;transition:color .15s ease,transform .2s ease,box-shadow .2s ease}.menu-tile:hover,.menu-tile:focus-visible{color:rgb(var(--color-foreground));transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.menu-tile--active{box-shadow:inset 0 0 0 .2rem rgba(var(--color-foreground),.45)}.menu-tile__media{display:block;width:100%;aspect-ratio:1;margin-bottom:.8rem;border-radius:.6rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.menu-tile__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.menu-tile:hover .menu-tile__media img{transform:scale(1.05)}.menu-tile__title{font-size:1.3rem;line-height:1.3;font-weight:500}.menu-tile--text-only{justify-content:center;min-height:6rem}.menu-promo{display:block;border-radius:.8rem;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.menu-promo:hover,.menu-promo:focus-visible{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.menu-promo__media{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:.8rem;background-color:rgba(var(--color-foreground),.04)}.menu-promo__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.menu-promo:hover .menu-promo__media img{transform:scale(1.03)}.menu-promo__text{display:block;padding:1rem}.menu-promo__title{display:block;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.3rem}.menu-promo__subtitle{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.65)}@media(prefers-reduced-motion:reduce){.menu-tile,.menu-tile__media img,.menu-promo,.menu-promo__media img{transition:none}.menu-tile:hover,.menu-promo:hover,.menu-tile:hover .menu-tile__media img,.menu-promo:hover .menu-promo__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/component-menu-tile.css.map */