.e-nav__panel{padding-bottom:var(--e-space-4)}.e-nav__head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;container-type:inline-size}.e-nav__close{justify-self:start;display:inline-flex;align-items:center;gap:var(--e-space-2);min-width:2.75rem;min-height:2.75rem;margin-inline-start:-.6875rem;padding-inline:.6875rem;color:var(--e-navy);font-size:var(--e-fs-12);font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--e-radius-sm)}.e-nav__close .e-icon{width:1.375rem;height:1.375rem}.e-nav__close:hover{color:var(--e-gold-ink)}@container (max-width: 21.4em){.e-nav__close-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.e-nav__logo{display:inline-flex;align-items:center;min-height:2.75rem;padding-block:var(--e-space-2)}.e-nav__logo .e-logo{font-size:1rem}.e-nav__cart{justify-self:end;margin-inline-end:-.6875rem}.e-nav__search{display:flex;align-items:center;gap:var(--e-space-3);width:100%;min-height:2.75rem;margin-top:var(--e-space-3);padding-inline:var(--e-space-4);border-radius:var(--e-radius);background:var(--e-ivory);box-shadow:inset 0 0 0 1px var(--e-line);color:var(--e-text-soft);font-size:var(--e-fs-14);line-height:1.25rem;text-align:start;transition:box-shadow var(--e-dur) var(--e-ease),transform var(--e-dur) var(--e-ease)}.e-nav__search .e-icon{flex:none;width:1.25rem;height:1.25rem;color:var(--e-gold-ink)}.e-nav__flavors{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--e-space-2);margin-top:var(--e-space-4)}.e-nav__flavors>li{container-type:inline-size}.e-nav-feature--flavor{grid-template-columns:3.5rem minmax(0,1fr);column-gap:var(--e-space-3);height:100%;padding:var(--e-space-2);background:var(--e-ivory);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--e-dur) var(--e-ease),transform var(--e-dur) var(--e-ease)}.e-nav-feature--flavor .e-nav-feature__media{background:var(--e-media-bg)}@container (max-width: 10rem){.e-nav-feature--flavor{grid-template-columns:2.75rem minmax(0,1fr);column-gap:var(--e-space-2)}}.e-nav-feature--flavor .e-nav-feature__body{gap:0}.e-nav-feature__flavor{font-family:var(--e-font-display);font-size:var(--e-fs-18);font-style:italic;font-weight:500;line-height:1.5rem;transition:color var(--e-dur) var(--e-ease)}.e-nav-feature--flavor .e-nav-feature__descriptor{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.e-nav-feature--flavor .e-nav-feature__price{margin-top:0;font-size:var(--e-fs-14);line-height:1.25rem}.e-nav-feature--flavor .e-rating{gap:var(--e-space-1)}.e-nav-feature--flavor .e-rating__stars{width:.75rem;overflow:hidden}.e-nav-feature--flavor .e-rating__fill{width:100%}.e-nav-feature--flavor .e-nav-feature__eyebrow{position:absolute;top:0;right:var(--e-space-2);margin:0;padding-inline:.375rem;border-radius:var(--e-radius-sm);background:var(--e-gold-light);color:var(--e-navy);font-size:var(--e-fs-12);line-height:1rem;letter-spacing:.12em;transform:translateY(-50%)}.e-nav-feature--flavor:hover .e-nav-feature__flavor,.e-nav-feature--flavor[aria-current] .e-nav-feature__flavor{color:var(--e-gold-ink)}.e-nav__shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--e-space-2);margin-top:var(--e-space-2)}.e-nav__shortcuts .e-nav-entry--shortcut{min-height:2.75rem;padding-inline:var(--e-space-4) var(--e-space-3);border-radius:var(--e-radius);box-shadow:inset 0 0 0 1px var(--e-line);transition:box-shadow var(--e-dur) var(--e-ease),transform var(--e-dur) var(--e-ease)}.e-nav__lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-space-3) var(--e-space-2);margin-top:var(--e-space-3)}.e-nav-entry--tile{display:grid;align-content:start;gap:.375rem}.e-nav-entry--tile .e-nav-entry__band{min-height:2.5rem;transition:transform var(--e-dur) var(--e-ease)}.e-nav-entry--tile .e-nav-entry__label{font-size:var(--e-fs-14);font-weight:600;line-height:1.25rem}.e-nav__all{margin-top:var(--e-space-3);border-block:1px solid var(--e-line)}.e-nav-entry--row{display:flex;align-items:center;gap:var(--e-space-3);min-height:3rem}.e-nav-entry--row .e-nav-entry__label{flex:1;font-family:var(--e-font-display);font-size:var(--e-fs-22);font-weight:500;line-height:1.625rem}.e-nav__utilities{margin-top:var(--e-space-4)}.e-nav__utilities ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--e-line);border-radius:var(--e-radius);background:var(--e-line)}.e-nav__utilities li:last-child:nth-child(3n+1){grid-column:span 3}.e-nav__utilities li:last-child:nth-child(3n+2){grid-column:span 2}.e-nav__utility{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;height:100%;min-height:3.75rem;padding:var(--e-space-2) var(--e-space-1);background:var(--e-surface);color:var(--e-navy);font-size:var(--e-fs-12);font-weight:600;line-height:1rem;text-align:center;text-decoration:none;transition:background-color var(--e-dur) var(--e-ease),color var(--e-dur) var(--e-ease)}.e-nav__utility .e-icon{width:1.25rem;height:1.25rem;color:var(--e-gold-ink)}.e-nav__utility[aria-current]{color:var(--e-gold-ink)}.e-nav__utility:focus-visible{outline-offset:-3px}@media(hover:hover){.e-nav__search:hover,.e-nav__shortcuts .e-nav-entry--shortcut:hover,.e-nav-feature--flavor:hover{box-shadow:inset 0 0 0 1px var(--e-gold)}.e-nav__utility:hover{background:var(--e-ivory)}}.e-nav__utility:active{background:var(--e-ivory)}@media(prefers-reduced-motion:no-preference){.e-nav__search:active,.e-nav-feature--flavor:active,.e-nav__shortcuts .e-nav-entry--shortcut:active,.e-nav-entry--tile:active .e-nav-entry__band{transform:scale(.98)}}@keyframes e-nav-in{0%{opacity:0;transform:translate(-1rem)}}@media(prefers-reduced-motion:no-preference){.e-nav[open] .e-nav__reveal{animation:e-nav-in var(--e-dur-enter) var(--e-ease-emphasis) backwards;animation-delay:calc(90ms + var(--i, 0) * 45ms)}}@media(forced-colors:active){:is(.e-nav__search,.e-nav__shortcuts .e-nav-entry--shortcut,.e-nav-feature--flavor,.e-nav__utility):not(:focus-visible){outline:1px solid CanvasText;outline-offset:-1px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/e-nav-drawer.css.map */