:root{--tiles-ease: cubic-bezier(.76, 0, .24, 1)}.header{isolation:isolate}.tiles-surface{position:absolute;inset-block-start:0;inset-inline:0;inset-block-end:100%;background:var(--tiles-surface-color, #fff9f2);z-index:-1;pointer-events:none;will-change:height,clip-path}header-mega-menu.mega-menu{background-color:transparent;background-image:none}header-mega-menu.mega-menu:after{display:none}.header{transition:color .26s ease-in-out .27s}.header:has([open]){transition:color .26s ease-in-out 0s}@media screen and (max-width:999px){.header,.header__logo-image,.header__logo-image--transparent{transition-delay:.18s}.header:has([open]),.header:has([open]) .header__logo-image,.header:has([open]) .header__logo-image--transparent{transition-delay:0s}}.header__logo-image,.header__logo-image--transparent{transition:opacity .26s ease-in-out .27s}.header:has([open]) .header__logo-image,.header:has([open]) .header__logo-image--transparent{transition-delay:0s}:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(.is-solid){--background: 0 0 0 / 0;--border-color: 0 0 0 / 0;background:transparent}:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(to bottom,#0006,#0003,#0000);opacity:0;transition:opacity .26s ease-in-out .27s}:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:has([open]):before{transition-delay:0s}:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(.is-solid,:has([open])):before{opacity:1}header-mega-menu[data-switching]:after{display:none}.mega-menu--tiles[data-switching] .menu-tile{animation-delay:calc(.44s + var(--i, 0) * 45ms)}:root{--tiles-settle: cubic-bezier(.22, 1, .36, 1)}@keyframes tiles-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tiles-menu__panel:not([hidden]) .menu-tile{animation:tiles-rise .6s var(--tiles-settle) calc(80ms + var(--i, 0) * 45ms) both}.menu-drawer__panel:not(.is-visible) .menu-tile{animation:none}@media(prefers-reduced-motion:reduce){.tiles-menu__panel:not([hidden]) .menu-tile{animation:none}}.mega-menu--tiles{--mega-menu-padding-block-start: .5rem;--mega-menu-padding-block-end: 2.5rem;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);justify-items:center;overflow:clip}.tiles-menu{display:block;width:100%;min-height:0}.tiles-menu--mega{max-width:1024px}.tiles-menu__tabs{position:relative;display:flex;justify-content:center;gap:3rem;margin-block-end:1.75rem}.tiles-menu__indicator{position:absolute;inset-block-end:0;inset-inline-start:0;height:1px;width:0;background:rgb(var(--text-color));transform:translate(var(--x, 0px));transition:transform .5s var(--tiles-ease),width .5s var(--tiles-ease),opacity .3s ease;pointer-events:none}.tiles-menu.has-indicator .tiles-menu__tab:after{display:none}.tiles-menu__tab{position:relative;background:none;border:0;padding:0 0 .5rem;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;color:rgb(var(--text-color) / .42);transition:color .3s ease}.tiles-menu__tab:hover{color:rgb(var(--text-color) / .75)}.tiles-menu__tab[aria-selected=true]{color:rgb(var(--text-color))}.tiles-menu__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .45s var(--tiles-ease)}.tiles-menu__tab[aria-selected=true]:after{transform:scaleX(1)}.tiles-menu__panels{position:relative}.tiles-menu__panel{position:relative;opacity:1;transition:opacity .22s ease}.tiles-menu__panel[hidden]{display:none}.tiles-menu__panel.is-leaving,.tiles-menu__panel.is-entering{opacity:0}.tiles-menu__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.25rem}.tiles-menu__track::-webkit-scrollbar{display:none}.tiles-menu__track>.menu-tile{flex:0 0 calc((100% - 3rem)/4)}.tiles-menu__track:not(:has(>:nth-child(4))){justify-content:center}.tiles-menu__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;border:0;background:#fff;color:rgb(var(--text-color));box-shadow:0 4px 14px #0000001f;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease}.tiles-menu__arrow.is-active{opacity:1;pointer-events:auto}.tiles-menu__arrow--prev{inset-inline-start:-3.25rem}.tiles-menu__arrow--prev svg{transform:rotate(180deg)}.tiles-menu__arrow--next{inset-inline-end:-3.25rem}.menu-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.625rem;scroll-snap-align:start;background:#fff;border-radius:8px;padding:1rem 0 1.5rem;min-height:330px;color:inherit;text-decoration:none}.menu-tile__badge{position:absolute;inset-block-start:1rem;inset-inline-start:1.5rem;font-size:.625rem;font-weight:600;letter-spacing:0;line-height:1.2;text-transform:lowercase;border-radius:10px;padding:4px 8px;background:rgb(var(--text-color));color:#fff}.menu-tile__badge--new{background:#52572e}.menu-tile__badge--save{background:#ff4300}.menu-tile__media{width:180px;aspect-ratio:1;display:grid;place-items:center}.menu-tile__media img{width:100%;height:100%;object-fit:contain}.menu-tile__text{align-self:stretch;display:flex;flex-direction:column;gap:2px;padding-inline:1.5rem}.menu-tile__name{font-size:.875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;text-wrap:balance}.menu-tile__desc{font-size:.875rem;line-height:1.5;opacity:.75;text-wrap:balance;overflow-wrap:anywhere}.menu-drawer::part(overlay){position:absolute;inset:100% 0 auto 0;height:100vh}.tiles-menu--drawer .tiles-menu__tabs{justify-content:flex-start;gap:1.75rem;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--menu-drawer-padding-inline));padding-inline:var(--menu-drawer-padding-inline);border-block-end:1px solid rgb(var(--border-color));margin-block-end:1rem}.tiles-menu--drawer .tiles-menu__tabs::-webkit-scrollbar{display:none}.tiles-menu--drawer .tiles-menu__tab{white-space:nowrap;padding-block-end:.7rem}.tiles-menu--drawer .tiles-menu__tab:after{inset-block-end:-1px}.tiles-menu--drawer .tiles-menu__track{flex-direction:column;gap:.5rem;overflow:visible;scroll-snap-type:none}.tiles-menu--drawer .tiles-menu__track>.menu-tile{flex:none}.menu-tile--drawer{flex-direction:row;align-items:center;gap:.75rem;padding:.85rem .75rem;min-height:0}.menu-tile--drawer .menu-tile__media{width:64px;flex:none}.menu-tile--drawer .menu-tile__text{padding-inline:0 4.5rem}.menu-tile--drawer .menu-tile__badge{inset-inline-start:auto;inset-inline-end:.75rem;inset-block-start:.7rem}.menu-tile--drawer .menu-tile__name{font-size:.8rem}.menu-tile--drawer .menu-tile__desc{font-size:.8125rem}
/*# sourceMappingURL=/cdn/shop/t/73/assets/tiles-menu.css.map */