.coll-band{padding:14px 0 18px;background:var(--color-band)}.coll-title{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-1) 0 var(--space-3);font-size:26px;line-height:32px;font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-ink)}.coll-bf{position:relative;display:inline-flex;align-items:center;height:26px;margin:var(--space-1) 0 14px;padding:0 var(--space-3) 2px;border-radius:4px 4px 0 0;background:var(--bf-bg);color:var(--color-white);font:500 var(--text-xs) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.coll-bf:after{content:"";position:absolute;left:0;right:0;top:100%;height:6px;background:radial-gradient(circle at 5px 0,var(--bf-bg) 4.6px,transparent 5px) 0 0 / 10px 6px repeat-x}.coll-bf+.coll-title{margin-top:0}.coll-title__n{font:500 var(--text-md) / 1 var(--font-mono);letter-spacing:.04em;color:var(--color-slate)}.coll-cats{display:flex;gap:6px;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 2px;overflow-x:auto;scrollbar-width:none}.coll-cats::-webkit-scrollbar{display:none}.coll-cat{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-slate);font:500 var(--text-base) / 1 var(--font-body);cursor:pointer;transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),color var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.coll-cat__n{font:500 var(--text-xs) / 1 var(--font-mono);color:var(--color-muted)}.coll-cat[aria-pressed=true]{background:var(--noise-light),var(--primary-fill);box-shadow:var(--shadow-primary);color:var(--color-white)}.coll-cat[aria-pressed=true] .coll-cat__n{color:var(--color-line)}.coll-cat.is-zero:not([aria-pressed=true]){background:transparent;color:var(--color-muted)}.coll-bar{position:sticky;top:var(--bar-top, 0px);z-index:20;padding:10px 0;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--dur-base) var(--ease),top var(--dur-slow) var(--ease)}.coll-bar.is-stuck{box-shadow:0 1px 0 var(--color-line),0 8px 16px -12px #02155040}.coll-bar__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.coll-who{flex:1;min-width:0;grid-auto-columns:minmax(0,1fr)}.coll-who button{height:40px;padding:0 var(--space-2);font-size:var(--text-md)}.coll-filter-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink);font:600 var(--text-md) / 1 var(--font-body);white-space:nowrap;cursor:pointer}.coll-filter-btn .ic{width:16px;height:16px}.coll-badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font:600 10px / 1 var(--font-body)}.coll-badge[hidden]{display:none}@media(max-width:480px){.coll-who button,.coll-filter-btn{padding:0 var(--space-3)}}@media(max-width:359px){.coll-filter-btn__more{display:none}}@media(min-width:1024px){.coll-band{padding:20px 0 18px}.coll-title{margin:var(--space-2) 0 14px;font-size:34px;line-height:42px}.coll-cats{margin:0;padding:0}.coll-bar{padding:var(--space-3) 0}.coll-who{flex:none;width:220px}}.panel--filter .panel__head{align-items:center}.panel--filter .panel__head h2{font-size:22px;line-height:28px}.panel--filter .panel__label{margin:var(--space-5) 0 10px;font:500 var(--text-xs) / 16px var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-slate)}.panel__clear{padding:0;border:0;background:none;color:var(--color-ink);font:600 var(--text-base) / 1 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.panel__foot .pill-button{flex:1;max-width:240px}.coll-body{padding:var(--space-2) 0 var(--space-14)}.coll-applied{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-7)}.coll-applied[hidden]{display:none}.applied-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:var(--tint, var(--color-pale));box-shadow:inset 0 0 0 1px var(--tone, var(--color-line));color:var(--color-ink);font:500 var(--text-sm) / 1 var(--font-body);cursor:pointer}.applied-chip .ic{width:12px;height:12px}.coll-grid .product-tile[hidden],.coll-grid .finder-tile[hidden]{display:none}.coll-empty{padding:var(--space-10) 0;text-align:center;color:var(--color-slate)}.coll-empty .link-arrow{margin-left:var(--space-1)}.coll-more{display:flex;justify-content:center;margin-top:var(--space-10)}.coll-more[hidden]{display:none}.product-tile.is-soldout .product-tile__media img{opacity:.6}.product-price__note{font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}@media(min-width:1024px){.coll-grid{row-gap:44px}}.filter-opts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-opt{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--color-band);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink);font:500 var(--text-base) / 1 var(--font-body);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),opacity var(--dur-base) var(--ease)}.filter-opt i{width:10px;height:10px;border-radius:50%;background:var(--tone)}.filter-opt__n{font:500 var(--text-xs) / 1 var(--font-mono);color:var(--color-muted)}.filter-opt[aria-pressed=true],.filter-opt[aria-checked=true]{background:var(--tint, var(--color-pale));box-shadow:inset 0 0 0 1.5px var(--color-ink)}.filter-opt.is-zero:not([aria-pressed=true]){background:transparent;color:var(--color-muted)}.filter-opt.is-zero i{opacity:.5}.finder-tile{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:var(--space-4);position:relative;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-band);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink)}.finder-tile__tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;aspect-ratio:1}.finder-tile__tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);background:var(--tint);font:500 var(--text-xs) / 14px var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.finder-tile__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--tone)}.finder-tile__icon .ic{width:18px;height:18px}.finder-tile__body{display:flex;flex-direction:column}.finder-tile__label{display:inline-flex;align-items:center;gap:4px;font:500 var(--text-xs) / 14px var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-label)}.finder-tile__mark .ic{width:14px;height:14px}.finder-tile__title{margin-top:var(--space-1);font-size:var(--text-lg);line-height:22px;font-weight:600}.finder-tile__desc{margin-top:var(--space-1);font-size:var(--text-sm);line-height:17px;color:var(--color-slate)}.finder-tile{cursor:pointer}.finder-tile__cta{grid-column:1 / -1;white-space:nowrap}.finder-tile:active .finder-tile__cta{transform:translateY(var(--press-y));box-shadow:var(--shadow-primary-down)}.finder-tile__cta .ic{width:16px;height:16px;transition:transform var(--dur-base) var(--ease)}@media(hover:hover){.finder-tile:hover .finder-tile__cta .ic{transform:translate(2px)}.finder-tile:hover{box-shadow:inset 0 0 0 1.5px var(--tool-lilac)}}@media(min-width:1024px){.finder-tile{grid-column:span 1;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:none;box-shadow:none}.finder-tile__tools{aspect-ratio:4 / 5;gap:8px;padding:8px;border-radius:var(--radius-md);background:var(--color-band);box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow var(--dur-base) var(--ease)}.finder-tile__icon{width:44px;height:44px}.finder-tile__icon .ic{width:22px;height:22px}.finder-tile__label{margin-top:10px}.finder-tile__title{font-size:var(--text-lg)}.finder-tile__desc{font-size:var(--text-md);line-height:19px}.finder-tile__cta{margin-top:var(--space-4)}}@media(min-width:1024px)and (hover:hover){.finder-tile:hover{box-shadow:none}.finder-tile:hover .finder-tile__tools{box-shadow:inset 0 0 0 1.5px var(--tool-lilac)}}.finder-result{margin-bottom:var(--space-4);font-size:var(--text-lg);line-height:22px;color:var(--color-ink)}.finder-result[hidden]{display:none}.finder-result b{font-weight:600}.finder-result__again{padding:0;border:0;background:none;color:var(--color-ink);font:600 var(--text-lg) / 22px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}.product-tile.is-best .product-tile__media{box-shadow:0 0 0 3px var(--tool-lilac)}.best-match{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:4px;background:var(--tool-lilac-tint);box-shadow:inset 0 0 0 1px #a298db99;color:var(--color-ink);font:500 var(--text-2xs) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.finder .overline{margin-bottom:6px}.finder__q{margin:var(--space-5) 0 10px;font-size:var(--text-base);font-weight:600}.finder__who button{height:42px}.finder__who button .ic{width:18px;height:18px}.finder__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finder__card{display:grid;align-content:start;gap:var(--space-1);min-height:132px;padding:14px;border:0;border-radius:var(--radius-lg);background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 60%,transparent);color:var(--color-ink);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-base) var(--ease)}@media(hover:hover){.finder__card:hover{box-shadow:inset 0 0 0 1.5px var(--tone)}}.finder__card:active{transform:scale(.98)}.finder__icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--tone)}.finder__icon .ic{width:20px;height:20px}.finder__card b{font-size:15px;line-height:20px;font-weight:600}.finder__card small{font-size:var(--text-sm);line-height:17px;color:var(--color-slate)}.finder__foot{margin-top:var(--space-4);font-size:var(--text-sm);line-height:18px;color:var(--color-muted)}
/*# sourceMappingURL=/cdn/shop/t/178/assets/collection.css.map */
