.menu-collections{--menu-pill-accent: var(--brand-accent);--menu-pill-line: rgb(var(--color-foreground-rgb) / .14);--menu-pill-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-collections__heading{margin:0 0 8px}.menu-collections__sub{margin:0 0 22px;color:var(--menu-pill-muted);max-width:52ch}.menu-collections__count{margin:14px 0 18px;font-size:12.5px;color:var(--menu-pill-muted);letter-spacing:.04em}.menu-collections__empty{padding:40px 0;color:var(--menu-pill-muted)}.menu-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block:14px;margin-block-end:6px;border-bottom:1px solid var(--menu-pill-line)}.menu-filter--sticky{position:sticky;top:0;z-index:4;background:var(--color-background);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-filt{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 18px;border:1px solid var(--menu-pill-line);border-radius:999px;background:none;color:var(--color-foreground);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .22s,background-color .22s,color .22s,transform .2s}.menu-filt:hover{transform:translateY(-2px);border-color:var(--menu-pill-muted)}.menu-filt i{font-style:normal;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .08);color:var(--menu-pill-muted);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;transition:background-color .22s,color .22s}.menu-filt[aria-pressed=true]{background:var(--menu-pill-accent, var(--brand-accent));border-color:var(--menu-pill-accent, var(--brand-accent));color:#000}.menu-filt[aria-pressed=true] i{background:#0000002e;color:#000}.menu-grid{display:grid;gap:var(--menu-grid-gap, 20px);grid-template-columns:repeat(auto-fill,minmax(var(--menu-col-min, 260px),1fr))}@media screen and (min-width:1100px){.menu-grid{grid-template-columns:repeat(var(--menu-cols, 4),minmax(0,1fr))}}.menu-grid__item.is-hidden,.menu-group.is-hidden{display:none}[data-menu-animate=true] .menu-grid__item{animation:menu-item-in .6s cubic-bezier(.16,.84,.28,1) both}@keyframes menu-item-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.menu-group{margin-block-start:44px}.menu-group:first-of-type{margin-block-start:18px}.menu-group__head{display:flex;align-items:center;gap:12px;padding-block-end:12px;margin-block-end:18px;border-bottom:1px solid var(--menu-pill-line)}.menu-group__title{margin:0}.menu-group__count{min-width:26px;height:26px;padding:0 9px;border-radius:999px;background:var(--menu-pill-accent, var(--brand-accent));color:#000;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.menu-group__link{margin-inline-start:auto;padding-block-end:2px;border-bottom:1px solid var(--menu-pill-accent, var(--brand-accent));color:var(--color-foreground);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}.menu-group__link:hover{color:var(--menu-pill-accent, var(--brand-accent))}@media(prefers-reduced-motion:reduce){.menu-collections *,.menu-grid__item{animation:none!important;transition:none!important}}.menu-filter__trigger,.menu-filter__head,.menu-filter__backdrop{display:none}@media screen and (max-width:749px){.menu-filter__trigger{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:9px;width:100%;height:46px;padding-inline:16px;margin-block:10px 18px;border:1px solid var(--menu-pill-line);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.menu-filter__trigger span{flex:1 1 auto;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-filter__trigger em{font-style:normal;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--menu-pill-accent, #d4972d);color:#000;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700}.menu-filter__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;opacity:0;transition:opacity .26s ease}.menu-filter__backdrop.is-open{opacity:1}.menu-filter__backdrop[hidden]{display:none}.menu-filter,.menu-filter--sticky{position:fixed;inset:auto 0 0;z-index:61;display:block;max-height:72vh;overflow-y:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));margin:0;border:0;border-radius:18px 18px 0 0;background:var(--color-background);box-shadow:0 -20px 50px -20px #00000073;transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.16,.84,.28,1),visibility .3s}.menu-filter.is-open{transform:translateY(0);visibility:visible}.menu-filter__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:16px 12px;margin-block-end:4px;background:var(--color-background);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--menu-pill-muted)}.menu-filter__close{position:relative;width:32px;height:32px;flex:0 0 auto;border:0;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .07);cursor:pointer}.menu-filter__close:before,.menu-filter__close:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:25%;width:50%;height:1.5px;background:var(--color-foreground)}.menu-filter__close:before{transform:rotate(45deg)}.menu-filter__close:after{transform:rotate(-45deg)}.menu-filt{width:100%;height:48px;justify-content:space-between;padding-inline:18px 10px;margin-block-end:8px;border-radius:12px}.menu-filt:hover{transform:none}body.menu-filter-open{overflow:hidden}}@media(prefers-reduced-motion:reduce){.menu-filter,.menu-filter__backdrop{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/menu-collections.css.map */