.drawer-panel{display:none}@media screen and (max-width:989px){.drawer-panel{position:absolute;inset-block-start:100%;inset-inline:0;z-index:60;display:flex;block-size:calc(100svh - var(--drawer-top, var(--header-h)));block-size:calc(100dvh - var(--drawer-top, var(--header-h)));box-shadow:inset 0 1px 0 var(--color-hairline);animation:drawer-panel-in var(--duration) var(--ease-fn) both}.drawer-sheet{display:flex;flex-direction:column;gap:var(--space-2);width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-block:var(--space-3) calc(env(safe-area-inset-bottom,0px) + var(--space-4));background-color:var(--color-cream)}@media screen and (min-width:750px){.drawer-panel{background-color:#2b191394}.drawer-sheet{width:420px;box-shadow:var(--shadow-m)}}@keyframes drawer-panel-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes drawer-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.drawer-quick,.drawer-group,.drawer-util{animation:drawer-rise var(--duration-fast) var(--ease-fn) both}.drawer-group{animation-delay:50ms}.drawer-util{animation-delay:.1s}.drawer-inset{padding-inline:var(--space-3)}.drawer-quick,.drawer-cats,.drawer-sublist,.drawer-util{margin:0;padding:0;list-style:none}.drawer-quick{padding-block:var(--space-1) var(--space-4)}.drawer-quick-link{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:56px;padding-block:2px;color:var(--color-heading);font-family:var(--font-display);font-size:1.625rem;font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-decoration:none}.drawer-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-pill);background-color:var(--color-sale);color:var(--color-white);font-family:var(--font-body);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:1.5;text-transform:uppercase}.drawer-group{padding-block-end:var(--space-3);border-block-start:1px solid var(--color-hairline)}.drawer-group-summary,.drawer-cat--summary{cursor:pointer;list-style:none}.drawer-group-summary::-webkit-details-marker,.drawer-cat--summary::-webkit-details-marker{display:none}.drawer-group-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:56px;padding-block-start:var(--space-2);color:var(--color-ink-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.drawer-pill--feature{background-color:var(--color-cocoa);color:var(--color-on-cocoa);margin-inline-start:8px;vertical-align:1px}.drawer-cat--feature .drawer-cat-label{display:block}.drawer-cat{display:flex;align-items:center;gap:var(--space-2);min-height:72px;padding-block:var(--space-half);color:var(--color-heading);text-decoration:none}.drawer-cat--plain{min-height:56px}.drawer-cat--summary{justify-content:flex-start}.drawer-cat-thumb{flex:none;width:56px;height:56px;border-radius:var(--radius-s);background-color:var(--color-surface);object-fit:cover;object-position:center 14%}.drawer-cat-label{flex:1 1 auto;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-semibold);line-height:1.35}.drawer-mark{position:relative;flex:none;width:44px;height:44px;margin-inline-end:-10px;color:var(--color-ink-muted)}.drawer-mark:before,.drawer-mark:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:13px;height:1.5px;border-radius:1px;background-color:currentcolor;transform:translate(-50%,-50%)}.drawer-mark:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform var(--ease),opacity var(--ease)}.drawer-group[open]>.drawer-group-summary .drawer-mark:after,.drawer-cat-group[open]>.drawer-cat--summary .drawer-mark:after{opacity:0;transform:translate(-50%,-50%) rotate(0)}.drawer-sublist{padding-inline-start:calc(56px + var(--space-2));padding-block-end:var(--space-1)}.drawer-sublink{display:flex;align-items:center;min-height:44px;color:var(--color-ink);font-family:var(--font-body);font-size:.9375rem;line-height:1.35;text-decoration:none}.drawer-util{padding-inline:var(--space-3);padding-block:var(--space-2) var(--space-1);border-block-start:1px solid var(--color-hairline)}.drawer-util-link{display:flex;align-items:center;min-height:48px;color:var(--color-ink-muted);font-family:var(--font-body);font-size:.9375rem;line-height:1.35;text-decoration:none}.drawer-quick-link:hover,.drawer-cat:hover,.drawer-sublink:hover,.drawer-util-link:hover{color:var(--color-cocoa)}}@media screen and (prefers-reduced-motion:reduce){.drawer-panel,.drawer-quick,.drawer-group,.drawer-util{animation:none;opacity:1;transform:none}.drawer-mark:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/drawer.css.map */