.menu-categories__panel:not([hidden]){animation:menu-panel-in .22s var(--menu-categories-ease) both}.menu-categories__panel[data-state=closing]{animation:menu-panel-out .16s var(--menu-categories-ease-in) both}.menu-categories__panel[hidden]{display:none}.menu-categories .menu-categories__panel-inner{width:100%;max-width:min(1680px,92vw);margin-inline:auto;padding-inline:var(--section-padding-inline, var(--padding-xl));max-height:calc(85vh - var(--header-height, 0px));overflow-y:auto;padding-block:var(--padding-lg);overscroll-behavior:contain;scroll-padding-block:var(--padding-md, .8rem);scrollbar-width:none}.menu-categories .menu-categories__panel-inner::-webkit-scrollbar{display:none}.menu-categories__panel[data-scrollable] .menu-categories__scroll-progress{opacity:1}.menu-categories__panel:before,.menu-categories__panel:after{content:"";position:absolute;inset-inline:0;height:var(--padding-xl);pointer-events:none;opacity:0;transition:opacity .2s var(--menu-categories-ease);z-index:1}.menu-categories__panel:before{top:0;background:linear-gradient(to bottom,rgb(var(--color-background-rgb)),rgb(var(--color-background-rgb) / 0))}.menu-categories__panel:after{bottom:0;background:linear-gradient(to top,rgb(var(--color-background-rgb)),rgb(var(--color-background-rgb) / 0))}.menu-categories__panel[data-scrollable]:not([data-at-bottom]):after{opacity:1}.menu-categories__panel[data-scrollable]:not([data-at-top]):before{opacity:1}.menu-categories__breadcrumb{display:flex;align-items:center;gap:var(--padding-sm, .7rem);margin-bottom:var(--padding-lg)}.menu-categories__breadcrumb-trail{font-size:var(--font-size--2xs, .75rem);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .65)}.menu-categories__breadcrumb-active[hidden]{display:none}.menu-categories__panel-title{margin:0;font-family:var(--font-heading--family, var(--font-body--family));font-size:var(--font-size--lg, 1.125rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-foreground-heading, var(--color-foreground))}.menu-categories__panel-head .menu-categories__subtitle{margin:var(--padding-2xs, .375rem) 0 0}.menu-categories__sidebar{display:flex;flex-direction:column;gap:var(--padding-3xs, .125rem);min-width:0}.menu-categories__sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm);padding:var(--padding-sm) var(--padding-sm);border-radius:var(--padding-2xs, .375rem);color:var(--color-foreground);text-decoration:none;font-size:var(--font-size--sm, .875rem);transition:background-color var(--animation-speed, .15s) var(--menu-categories-ease)}.menu-categories__sidebar-link:hover{background-color:rgb(var(--color-foreground-rgb) / .06)}.menu-categories__sidebar-link:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary);outline-offset:var(--focus-outline-offset, 2px)}.menu-categories__sidebar-link[data-is-drillable=false] .wrap-text{text-decoration:underline;text-decoration-color:rgb(var(--color-foreground-rgb) / .35);text-underline-offset:3px;transition:text-decoration-color var(--animation-speed, .15s) var(--menu-categories-ease, ease)}.menu-categories__sidebar-link[data-is-drillable=false]:hover .wrap-text,.menu-categories__sidebar-link[data-is-drillable=false]:focus-visible .wrap-text{text-decoration-color:var(--color-primary)}.menu-categories__content{min-width:0;position:relative}.menu-categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;justify-content:start}.menu-categories__grid[hidden]{display:none}.menu-categories__grid:not([hidden]){animation:menu-content-in .18s var(--menu-categories-ease) both}.menu-categories__level:not([hidden]){animation:menu-content-in .18s var(--menu-categories-ease) both}.menu-categories__grid[data-state=closing],.menu-categories__level[data-state=closing]{position:absolute;top:0;right:0;bottom:0;left:0;animation:menu-content-out .18s var(--menu-categories-ease-in) both;pointer-events:none}.menu-categories__tile-link{display:flex;flex-direction:column;height:100%;color:var(--color-foreground);text-decoration:none;border-inline-end:1px solid rgb(var(--color-border-rgb) / .4);border-block-end:1px solid rgb(var(--color-border-rgb) / .4);position:relative;box-shadow:var(--menu-categories-shadow-card-resting),var(--menu-categories-shadow-card-hover-off);transition:background-color var(--animation-speed, .15s) var(--menu-categories-ease),box-shadow var(--animation-speed, .15s) var(--menu-categories-ease),transform var(--animation-speed, .15s) var(--menu-categories-ease)}.menu-categories__tile-link:hover,.menu-categories__tile-link:focus-visible{background-color:rgb(var(--color-foreground-rgb) / .04);box-shadow:var(--menu-categories-shadow-card-resting),var(--menu-categories-shadow-card-hover);transform:translateY(-2px);z-index:1}.menu-categories__tile-link:hover .menu-categories__tile-title,.menu-categories__tile-link:focus-visible .menu-categories__tile-title{color:var(--color-primary)}.menu-categories__tile-link:hover .menu-categories__tile-image{transform:scale(1.04)}.menu-categories__tile-link:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary);outline-offset:calc(-1 * var(--focus-outline-width, 2px))}.menu-categories__grid--tools[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-categories__grid--tools[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.menu-categories__grid--tools .menu-categories__tile-figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(var(--color-background-rgb) / .28),rgb(var(--color-background-rgb) / 0) 42%),radial-gradient(120% 90% at 50% 42%,rgb(var(--color-background-rgb) / 0) 55%,rgb(var(--color-background-rgb) / .22));transition:opacity var(--animation-speed, .15s) var(--menu-categories-ease)}.menu-categories__grid--tools .menu-categories__tile-link:hover .menu-categories__tile-figure:after,.menu-categories__grid--tools .menu-categories__tile-link:focus-visible .menu-categories__tile-figure:after{opacity:.4}.menu-categories__grid--tools>.menu-categories__group-header--rule:first-child{margin-top:0}[data-tools-activity] .menu-categories__tile-image{object-fit:cover;filter:saturate(.88) contrast(1.04) brightness(.94)}.menu-categories__tile-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 9px rgb(0 0 0 / .55));opacity:0;transition:opacity .35s ease,transform .45s var(--menu-categories-ease),filter .45s var(--menu-categories-ease)}.menu-categories__tile-link:hover .menu-categories__tile-image{filter:drop-shadow(0 10px 16px rgb(0 0 0 / .6))}.menu-categories__tile-image.is-loaded,.menu-categories__feature-image.is-loaded{opacity:1}.menu-categories__tile-link:focus-within .menu-categories__tile-desc{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.menu-categories__tile-link:hover .menu-categories__tile-desc{opacity:1;transform:none}}.menu-categories__tile-title{flex:1 1 auto;padding:var(--padding-sm) var(--padding-md);border-top:1px solid rgb(var(--color-border-rgb) / .25);text-align:center;font-size:var(--font-size--sm, .875rem);font-weight:600;letter-spacing:.02em;line-height:1.3;color:rgb(var(--color-foreground-rgb) / .95);min-height:calc((var(--font-size--sm, .875rem) * 1.3 * 2) + (var(--padding-sm) * 2));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.menu-categories__tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000e0,#0000008c 34%,#0000001a 62%,#0000 80%);transition:background var(--animation-speed, .15s) var(--menu-categories-ease)}.menu-categories__tile--feature .menu-categories__tile-link:hover .menu-categories__tile-scrim{background:linear-gradient(to top,#000000eb,#000000a8 40%,#0003 70%,#0000 88%)}.menu-categories__tile-cue{position:absolute;z-index:2;top:var(--padding-sm);inset-inline-end:var(--padding-sm);color:#fff;opacity:0;transform:translateY(-4px) scale(.9);transition:opacity .24s var(--menu-categories-ease),transform .24s var(--menu-categories-ease)}.menu-categories__tile--feature .menu-categories__tile-link:hover .menu-categories__tile-cue,.menu-categories__tile--feature .menu-categories__tile-link:focus-visible .menu-categories__tile-cue{opacity:1;transform:translateY(0) scale(1)}.menu-categories__tile-caption{position:absolute;z-index:2;inset-inline:0;bottom:0;padding:var(--padding-md);pointer-events:none}.menu-categories__tile-caption-title{display:block;font-family:var(--font-accent--family, var(--font-body--family));font-size:var(--font-size--md, 1rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .45)}.menu-categories__tile--feature .menu-categories__tile-link:hover .menu-categories__tile-caption-title:after,.menu-categories__tile--feature .menu-categories__tile-link:focus-visible .menu-categories__tile-caption-title:after{transform:scaleX(1.7)}.menu-categories__tile-caption-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:var(--padding-2xs, .375rem);font-size:var(--font-size--2xs, .75rem);line-height:1.45;color:#ffffffc7;text-shadow:0 1px 8px rgb(0 0 0 / .5)}.menu-categories__level[hidden]{display:none}.menu-categories__shop-content{min-width:0;position:relative}@media(max-width:1199px){.menu-categories__shop-columns[data-drilled=true]{grid-template-columns:1fr}.menu-categories__shop-columns[data-drilled=true] .menu-categories__shop-aside{display:none}}.menu-categories__shop-aside .menu-categories__sidebar{border-inline-end:none;padding-inline-end:0}.menu-categories__shop-columns[data-drilled=true] .menu-categories__shop-eyebrow{display:none}.menu-categories__shop-columns[data-drilled=true] .menu-categories__shop-back-item{display:block}.menu-categories__shop-eyebrow{display:inline-flex;align-items:center;gap:var(--padding-2xs, .375rem);margin:0;padding-inline:var(--padding-sm);font-family:var(--font-accent--family, var(--font-body--family));font-size:var(--font-size--2xs, .75rem);font-weight:600;font-style:italic;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary)}.menu-categories__shop-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--color-primary)}.menu-categories__shop-rail-main{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm);width:100%}.menu-categories__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;margin-bottom:var(--padding-xl);border-radius:calc(var(--menu-categories-tile-radius, 0px) + 4px);overflow:hidden;text-decoration:none;color:var(--color-foreground);background:linear-gradient(120deg,rgb(var(--color-primary-rgb) / .18),rgb(var(--color-background-rgb)) 72%);box-shadow:inset 0 0 0 1px #ffffff14}.menu-categories__hero--text-only{grid-template-columns:minmax(0,1fr)}.menu-categories__hero-media{position:relative;align-self:stretch;min-height:168px;overflow:hidden}.menu-categories__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--menu-categories-ease)}a.menu-categories__hero:hover .menu-categories__hero-image,a.menu-categories__hero:focus-visible .menu-categories__hero-image{transform:scale(1.05)}.menu-categories__hero-body{display:flex;flex-direction:column;justify-content:center;gap:var(--padding-2xs, .375rem);padding:var(--padding-xl)}.menu-categories__hero-eyebrow{font-style:italic;font-size:var(--font-size--2xs, .75rem);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary)}.menu-categories__hero-title{font-family:var(--font-heading--family, var(--font-body--family));font-size:var(--font-size--xl, 1.5rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--color-foreground-heading, var(--color-foreground))}.menu-categories__hero-text{max-width:46ch;font-size:var(--font-size--sm, .875rem);line-height:1.45;color:rgb(var(--color-foreground-rgb) / .78)}.menu-categories__hero-cta{display:inline-flex;align-items:center;gap:var(--padding-2xs, .375rem);margin-top:var(--padding-2xs, .375rem);color:var(--color-primary);font-size:var(--font-size--sm, .875rem);font-weight:600;letter-spacing:.02em}.menu-categories__hero-arrow{transition:transform .2s var(--menu-categories-ease)}a.menu-categories__hero:hover .menu-categories__hero-arrow,a.menu-categories__hero:focus-visible .menu-categories__hero-arrow{transform:translate(3px)}a.menu-categories__hero:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary);outline-offset:var(--focus-outline-offset, 2px)}.menu-categories__feature-card{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--menu-categories-tile-radius, 0px);text-decoration:none;cursor:pointer;isolation:isolate;background:linear-gradient(150deg,rgb(var(--color-primary-rgb) / .5),rgb(var(--color-background-rgb)) 92%);box-shadow:var(--menu-categories-shadow-card-resting),var(--menu-categories-shadow-card-hover-off);transition:box-shadow var(--animation-speed, .15s) var(--menu-categories-ease);animation:shop-card-in .46s cubic-bezier(.2,.8,.2,1) both}.menu-categories__feature-card:hover,.menu-categories__feature-card:focus-visible{box-shadow:var(--menu-categories-shadow-card-resting),var(--menu-categories-shadow-card-hover)}.menu-categories__feature-card:nth-child(2){animation-delay:70ms}.menu-categories__feature-card:nth-child(3){animation-delay:.14s}.menu-categories__feature-card:nth-child(4){animation-delay:.21s}.menu-categories__feature-card:nth-child(n+5){animation-delay:.26s}.menu-categories__feature-card:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary);outline-offset:var(--focus-outline-offset, 2px)}.menu-categories__feature-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:transform .65s var(--menu-categories-ease),opacity .35s ease}.menu-categories__feature-card:hover .menu-categories__feature-image,.menu-categories__feature-card:focus-visible .menu-categories__feature-image{transform:scale(1.07)}.menu-categories__feature-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#000000c7,#00000047 38%,#0000 68%);transition:background var(--animation-speed, .15s) ease}.menu-categories__feature-cue{position:absolute;z-index:2;top:var(--padding-sm);inset-inline-end:var(--padding-sm);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background-color:#ffffffeb;color:#111;font-size:.95rem;line-height:1;opacity:0;transform:translateY(-6px) scale(.9);transition:opacity .22s var(--menu-categories-ease),transform .22s var(--menu-categories-ease)}.menu-categories__feature-card:hover .menu-categories__feature-cue,.menu-categories__feature-card:focus-visible .menu-categories__feature-cue{opacity:1;transform:translateY(0) scale(1)}.menu-categories__feature-body{position:absolute;z-index:2;inset-inline:0;bottom:0;padding:var(--padding-md)}.menu-categories__feature-title{display:block;font-family:var(--font-accent--family, var(--font-body--family));font-size:var(--font-size--lg, 1.125rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .45)}.menu-categories__feature-card:hover .menu-categories__feature-title:after,.menu-categories__feature-card:focus-visible .menu-categories__feature-title:after{transform:scaleX(1.7)}.menu-categories__feature-card:focus-within .menu-categories__feature-desc,.menu-categories__feature-card:hover .menu-categories__feature-desc{max-height:6rem;margin-top:var(--padding-2xs, .375rem);opacity:1}.menu-categories__feature-card:hover .menu-categories__feature-scrim,.menu-categories__feature-card:focus-within .menu-categories__feature-scrim{background:linear-gradient(to top,#000000d9,#00000073 55%,#0000000d 90%)}@media(prefers-reduced-motion:reduce){.menu-categories__panel:not([hidden]),.menu-categories__panel[data-state=closing],.menu-categories__grid:not([hidden]),.menu-categories__grid[data-state=closing],.menu-categories__level:not([hidden]),.menu-categories__level[data-state=closing]{animation:none}.menu-categories__feature-card{animation:none}.menu-categories__tile-image,.menu-categories__feature-image{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/menu-categories-panel.css.map */
