.nav-dd{position:relative;display:flex;align-items:center}.nav-dd-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;color:var(--ink);font:inherit;font-size:var(--fs-label);letter-spacing:var(--track-nav);text-transform:uppercase;padding:0}.nav-dd-btn svg{width:.7rem;height:.7rem;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-dd:hover .nav-dd-btn,.nav-dd.open .nav-dd-btn{color:var(--brand)}.nav-dd.open .nav-dd-btn svg,.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg)}.nav-dd-menu{position:absolute;top:100%;left:50%;min-width:11rem;padding:.6rem 0;margin-top:1rem;z-index:60;background:var(--bg);border:.0625rem solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translate(-50%,-.4rem);pointer-events:none}.nav-dd-menu:before{content:"";position:absolute;left:0;right:0;top:-1rem;height:1rem}.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{visibility:visible;opacity:1;transform:translate(-50%);pointer-events:auto}.nav-dd-menu a{display:block;padding:.55rem 1.25rem;min-height:44px;line-height:1.6;white-space:nowrap;font-size:var(--fs-small);letter-spacing:.02em;text-transform:none;color:var(--ink)}.nav-dd-menu a:hover,.nav-dd-menu a:focus-visible{color:var(--brand)}.nav-dd-menu a span{color:var(--ink-soft);font-size:var(--fs-label);margin-left:.4rem}.drawer-group{border-bottom:.0625rem solid var(--line);padding:.9rem 0}.drawer-group-head{font-family:var(--font-display);font-size:1rem;letter-spacing:.02em;color:var(--ink-deep);margin-bottom:.35rem}.drawer-nav .drawer-group a{border:none;padding:.5rem 0 .5rem 1rem;font-size:.9rem;color:gray;min-height:44px;display:flex;align-items:center}.shopby{max-width:var(--max-w);margin:0 auto;padding:var(--s4) var(--pad-x) 0;display:flex;flex-direction:column;gap:var(--s3)}.lens-h{margin:0 0 .6rem;padding-left:1rem;font-weight:600;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);line-height:1.1;letter-spacing:-.02em;color:var(--brand)}.lens-bar{display:flex;gap:0;overflow-x:auto;border-bottom:.0625rem solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}.lens-bar::-webkit-scrollbar{display:none}.lens-tab{position:relative;flex:none;background:none;border:none;cursor:pointer;color:var(--ink-soft);font:inherit;font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;padding:.9rem 1rem;min-height:44px}.lens-tab:after{content:"";position:absolute;left:1rem;right:1rem;bottom:-.0625rem;height:.125rem;background:var(--brand);transform:scaleX(0);transform-origin:left}.lens-tab:hover{color:var(--ink-deep)}.lens-tab[aria-selected=true]{color:var(--brand)}.lens-tab[aria-selected=true]:after{transform:scaleX(1)}.lens-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border-radius:999px;cursor:pointer;background:var(--bg);color:var(--ink);border:.0625rem solid var(--ink);font:inherit;font-size:var(--fs-small);line-height:1}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.chip-soft{border-color:var(--line);color:var(--ink-soft)}.lens-panel .chip{border-color:var(--brand);color:var(--brand)}.lens-panel .chip[aria-pressed=true]{color:#fff}.chip-sub{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-left:.6rem;margin-left:.2rem;border-left:.0625rem solid var(--line)}.chip-sub-k{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--stone)}.chip-clear{background:none;border:none;cursor:pointer;color:var(--ink-soft);font:inherit;font-size:var(--fs-small);min-height:44px;padding:0 .6rem;text-decoration:underline;text-underline-offset:.2em}.chip-clear:hover{color:var(--brand)}.lens-note{flex:0 0 100%;font-size:var(--fs-small);line-height:1.7;color:var(--ink-deep);margin-top:.2rem}.shopby-cards .card.dim{opacity:.25;transform:scale(.98)}.shopby-cards .card.dim:hover{opacity:.6;transform:none}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag-set{display:contents}.tag-set i{font-style:normal;font-size:var(--fs-label);letter-spacing:.04em;padding:.15rem .55rem;border-radius:999px;border:.0625rem solid var(--line);color:var(--ink-soft)}.tag-set i.on{background:var(--brand);border-color:var(--brand);color:#fff}.shopby-finder{font-size:var(--fs-small);color:var(--ink-soft);padding-bottom:var(--s3)}.shopby-finder a{color:var(--ink-deep);text-decoration:underline;text-underline-offset:.2em;display:inline-block;padding:12px 0;margin:-12px 0}.shopby-finder a:hover{color:var(--brand)}.page-shopby{margin:var(--s3) auto 0;font-size:var(--fs-small);color:var(--ink-soft)}.page-shopby a{color:var(--ink-deep);text-decoration:underline;text-underline-offset:.2em;display:inline-block;padding:10px 0;margin:-10px 0}.page-shopby a:hover{color:var(--brand)}.sb-eye{display:none}@media(max-width:40rem){.lens-bar{flex-wrap:wrap;overflow:visible;gap:0 .1rem}.lens-tab{padding:.7rem .55rem;letter-spacing:.12em}.lens-h{padding-left:.55rem}.lens-tab:after{left:.55rem;right:.55rem;bottom:.3rem}.shopby-stage .lens-panel{padding:1.1rem 0}.sb-eye{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding-bottom:1.25rem}.sb-eye-i{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0}.sb-eye-i a{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--ink-deep)}.sb-eye-i img{width:auto;height:5.5rem}.sb-eye-i b{font-size:max(11px,.72rem);font-weight:600;letter-spacing:.02em}.sb-eye-i button{width:100%;min-height:36px;padding:0;border:.0625rem solid var(--brand);background:var(--brand);color:#fff;font:inherit;font-size:max(11px,.68rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.sb-eye-i.dim{opacity:.3}}@media(min-width:53.76rem){.shopby{padding-top:var(--s5);gap:var(--s4)}.lens-h{text-align:center;padding-left:0}.lens-bar{overflow:visible;justify-content:center}.lens-panel{justify-content:center}.lens-note{text-align:center;padding:0 18%}.shopby-finder{text-align:center}}@media(prefers-reduced-motion:no-preference){.nav-dd-btn svg{transition:transform var(--dur-2) var(--ease-out)}.nav-dd-menu{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),visibility 0s linear var(--dur-2)}.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{transition-delay:0s}.lens-tab{transition:color var(--dur-2) ease}.lens-tab:after{transition:transform var(--dur-2) var(--ease-out)}.chip{transition:background-color var(--dur-2) ease,color var(--dur-2) ease,border-color var(--dur-2) ease,transform var(--dur-1) var(--ease-out)}.sb-eye-i{transition:opacity var(--dur-2) var(--ease-out)}.shopby-cards .card{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),border-color var(--dur-2) ease,box-shadow var(--dur-2) var(--ease-out)}.tag-set i{transition:background-color var(--dur-2) ease,color var(--dur-2) ease,border-color var(--dur-2) ease}}@media(prefers-reduced-motion:reduce){.shopby-cards .card.dim{transform:none}}.page-hero:has(+.shopby){padding:1.75rem var(--pad-x) .25rem}.page-hero:has(+.shopby) .eyebrow{margin-bottom:.6rem}.page-hero:has(+.shopby) h1{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem)}.page-hero:has(+.shopby) p{margin-top:.6rem}.shopby .lens-bar{padding-top:1rem}.shopby-close{max-width:var(--max-w);margin:var(--s6) auto 0;padding:var(--s6) var(--pad-x);text-align:center;background:var(--surface-2);border-top:.125rem solid var(--brand);display:flex;flex-direction:column;align-items:center;gap:1rem}.shopby-close-h{font-weight:600;font-size:clamp(1.9rem,1.2rem + 2.4vw,3.25rem);line-height:1.08;letter-spacing:-.02em;color:var(--brand);margin:0}.shopby-close-sub{max-width:40rem;font-size:var(--fs-lead);line-height:1.7;color:var(--ink);margin:0}.shopby-close .cta{margin-top:.75rem}.shopby-stage{min-height:calc(100svh - var(--hdr-h,5.5rem));display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.shopby-stage .lens-bar,.shopby{padding-top:0}.shopby-stage .lens-panel{padding:1.75rem 0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shopby.css.map */