.pill-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:var(--control);padding:0 var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--noise-light),var(--primary-fill);box-shadow:var(--shadow-primary);color:var(--color-white);font:600 var(--text-lg) / 1 var(--font-body);text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.pill-button:hover{box-shadow:var(--shadow-primary-hover)}.pill-button:active{transform:translateY(var(--press-y));box-shadow:var(--shadow-primary-down)}.pill-button .ic{width:18px;height:18px}.pill-button--secondary{background:var(--noise-ink),var(--color-chip);box-shadow:var(--shadow-well);color:var(--color-ink)}.pill-button--secondary:hover{box-shadow:var(--shadow-well)}.pill-button--secondary:active{box-shadow:var(--shadow-well-down)}.pill-button--auto{width:auto;padding:0 var(--space-7)}.pill-button--sm{height:40px;padding:0 var(--space-5);font-size:var(--text-base)}.pill-button:disabled,.pill-button[aria-disabled=true]{opacity:.5;pointer-events:none}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--color-ink);cursor:pointer}.icon-btn .ic{width:24px;height:24px}.round-btn{display:grid;place-items:center;width:var(--tap);height:var(--tap);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);cursor:pointer;transition:transform var(--dur-fast) var(--ease)}.round-btn:active{transform:scale(.96)}.round-btn .ic{width:18px;height:18px}.link-arrow{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--color-ink);text-decoration:none}.link-arrow .ic{width:16px;height:16px;transition:transform var(--dur-base) var(--ease)}@media(hover:hover){.link-arrow:hover .ic{transform:translate(2px)}}.segmented{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--noise-ink),var(--color-track);box-shadow:var(--shadow-pressed)}.segmented button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--tap);padding:0 22px;border:0;border-radius:var(--radius-pill);background:none;color:var(--color-slate);font:600 var(--text-base) / 1 var(--font-body);cursor:pointer;transition:color var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease)}.segmented button .ic{width:18px;height:18px}.segmented button[aria-selected=true],.segmented button[aria-checked=true]{color:var(--color-ink)}.segmented button:active{transform:translateY(var(--press-y))}.segmented__thumb{position:absolute;top:var(--space-1);bottom:var(--space-1);left:var(--space-1);width:calc((100% - (var(--count, 2) + 1) * var(--space-1)) / var(--count, 2));border-radius:var(--radius-pill);background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:var(--shadow-raised);transform:translate(calc(var(--at, 0) * (100% + var(--space-1))));transition:transform var(--dur-base) var(--ease)}.segmented--block{display:grid;width:100%}.chips{display:flex;gap:var(--space-2);margin:0 calc(var(--gutter) * -1) var(--space-4);padding:2px var(--gutter) 6px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-4) 0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--color-white);box-shadow:var(--shadow-well);color:var(--color-ink);font:500 var(--text-md) / 1 var(--font-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-base) var(--ease)}.chip .ic{width:18px;height:18px}.chip:active{transform:translateY(var(--press-y))}.chip[aria-selected=true]{background:var(--tone);box-shadow:inset 0 2px 5px #02155029,inset 0 -1px #fff9}@media(min-width:1024px){.chips{flex-wrap:wrap;margin:0 0 var(--space-5);padding:2px 0 6px}}.tone-sky{--tone: var(--tool-sky);--tint: var(--tool-sky-tint)}.tone-pink{--tone: var(--tool-pink);--tint: var(--tool-pink-tint)}.tone-lilac{--tone: var(--tool-lilac);--tint: var(--tool-lilac-tint)}.tone-mint{--tone: var(--tool-mint);--tint: var(--tool-mint-tint)}.stitch-tag{position:relative;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--radius-xs);background:var(--color-white);box-shadow:var(--shadow-tag);color:var(--color-ink);font:500 var(--text-2xs) / 22px var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap}.stitch-tag:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--color-dash);border-radius:2px;pointer-events:none}.cloud-badge{position:absolute;top:-10px;left:var(--space-3);z-index:2;display:inline-flex;align-items:center;height:26px;padding:0 var(--space-3) 2px;border-radius:4px 4px 0 0;background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 60%,transparent);color:var(--color-ink);font:500 var(--text-2xs) / 1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;pointer-events:none}.cloud-badge:after{content:"";position:absolute;left:0;right:0;top:100%;height:6px;background:radial-gradient(circle at 5px 0,var(--tint) 4.6px,transparent 5px) 0 0 / 10px 6px repeat-x}.count-badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font:600 var(--text-2xs) / 16px var(--font-body);text-align:center}.product-tile{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--color-ink);transition:transform var(--dur-fast) var(--ease)}.product-tile:has(>a:active){transform:scale(var(--press-scale))}.product-tile__media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--radius-md);overflow:hidden;background:var(--color-pale)}.product-tile__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:opacity var(--dur-base) var(--ease)}.product-tile__media img+img{opacity:0}@media(hover:hover){.product-tile:hover .product-tile__media img+img{opacity:1}}.product-tile__body{display:flex;flex-direction:column;text-decoration:none;color:inherit}.product-tile__tools{margin-top:10px;font:500 var(--text-xs) / 14px var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-label)}.product-tile__name{margin-top:var(--space-1);font-size:var(--text-base);line-height:20px;font-weight:600}.product-tile__desc{margin-top:var(--space-1);font-size:var(--text-sm);line-height:17px;color:var(--color-slate);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-tile>.cloud-badge{top:-11px}.product-price{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:6px;font-size:var(--text-base)}.product-price b{font-weight:600}.product-price del{font-size:var(--text-sm);color:var(--color-muted)}.price-off,.save-badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--radius-sm);background:var(--color-green-bg);color:var(--color-green);font:600 var(--text-xs) / 1 var(--font-body);white-space:nowrap}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px var(--space-3)}@media(max-width:359px){.product-tile__desc{-webkit-line-clamp:4}}@media(min-width:1024px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-11) var(--space-5)}.product-tile__name{font-size:var(--text-lg)}.product-tile__desc{font-size:var(--text-md);line-height:19px;-webkit-line-clamp:2}}.color-swatches-fade{margin:var(--space-2) calc(var(--space-1) * -1) 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.color-swatches{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.color-swatches::-webkit-scrollbar{display:none}.color-swatch{flex:none;position:relative;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-pill);background:none;cursor:pointer}.color-swatch:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--radius-pill);background:var(--swatch);box-shadow:inset 0 0 0 1px #02155024;transition:inset var(--dur-fast) var(--ease)}.color-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--color-ink);opacity:0;transform:scale(.8);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-base) var(--ease)}.color-swatch[aria-pressed=true]:after{opacity:1;transform:none}.color-swatch:active:before{top:5px;right:5px;bottom:5px;left:5px}.all-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);min-height:100%;padding:18px;border-radius:var(--radius-lg);background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 70%,transparent);color:var(--color-ink);text-decoration:none;transition:transform var(--dur-fast) var(--ease)}.all-tile:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px dashed color-mix(in srgb,var(--tone) 85%,var(--color-ink) 15%);border-radius:11px;pointer-events:none}.all-tile:active{transform:scale(var(--press-scale))}.all-tile__icon{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--tone);box-shadow:inset 0 2px 4px #0215501f}.all-tile__icon .ic{width:22px;height:22px}.all-tile__text{font-size:var(--text-base);line-height:20px;color:var(--color-slate)}.all-tile__text b{display:block;font-size:var(--text-3xl);line-height:26px;font-weight:600;color:var(--color-ink)}.all-tile__go{align-self:flex-end;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-white);box-shadow:var(--shadow-tag)}.all-tile__go .ic{width:18px;height:18px;transition:transform var(--dur-base) var(--ease)}@media(hover:hover){.all-tile:hover .all-tile__go .ic{transform:translate(2px)}}@media(min-width:1024px){.all-tile{padding:var(--space-6)}.all-tile__text b{font-size:var(--text-4xl);line-height:30px}}.cloud-divider{height:34px;margin-bottom:-1px;background:var(--color-band);-webkit-mask:var(--cloud) 0 100% / 420px 34px repeat-x;mask:var(--cloud) 0 100% / 420px 34px repeat-x}.cloud-divider--flip{transform:scaleY(-1);margin:-1px 0 0}@media(min-width:1024px){.cloud-divider{height:var(--space-11);-webkit-mask-size:540px 44px;mask-size:540px 44px}}.rail{display:flex;gap:var(--space-3);margin:0 calc(var(--gutter) * -1);padding:var(--space-1) var(--gutter) var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{flex:none;scroll-snap-align:start}.collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease)}.collapsible>*{overflow:hidden;min-height:0}.is-expanded>.collapsible,.collapsible.is-expanded{grid-template-rows:1fr}.stars-row{color:var(--color-star);font-size:var(--text-base);letter-spacing:2px}.cloud-divider--1{--cloud: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22420%22%20height=%2234%22%20viewBox=%220%200%20420%2034%22%3E%3Cg%20fill=%22%23F3F9FE%22%3E%3Ccircle%20cx=%22-20.0%22%20cy=%2236.6%22%20r=%2230.7%22/%3E%3Ccircle%20cx=%2230.3%22%20cy=%2243.2%22%20r=%2218.9%22/%3E%3Ccircle%20cx=%2257.2%22%20cy=%2240.9%22%20r=%2228.6%22/%3E%3Ccircle%20cx=%22104.9%22%20cy=%2236.4%22%20r=%2228.3%22/%3E%3Ccircle%20cx=%22144.8%22%20cy=%2237.6%22%20r=%2215.1%22/%3E%3Ccircle%20cx=%22170.7%22%20cy=%2252.1%22%20r=%2237.0%22/%3E%3Ccircle%20cx=%22223.8%22%20cy=%2232.1%22%20r=%2228.6%22/%3E%3Ccircle%20cx=%22272.6%22%20cy=%2238.5%22%20r=%2218.6%22/%3E%3Ccircle%20cx=%22303.8%22%20cy=%2247.6%22%20r=%2243.1%22/%3E%3Ccircle%20cx=%22365.4%22%20cy=%2250.0%22%20r=%2241.3%22/%3E%3Ccircle%20cx=%22434.7%22%20cy=%2239.5%22%20r=%2216.9%22/%3E%3Ccircle%20cx=%22-54.6%22%20cy=%2250.0%22%20r=%2241.3%22/%3E%3Ccircle%20cx=%2214.7%22%20cy=%2239.5%22%20r=%2216.9%22/%3E%3Ccircle%20cx=%22400.0%22%20cy=%2236.6%22%20r=%2230.7%22/%3E%3Ccircle%20cx=%22450.3%22%20cy=%2243.2%22%20r=%2218.9%22/%3E%3Ccircle%20cx=%22477.2%22%20cy=%2240.9%22%20r=%2228.6%22/%3E%3C/g%3E%3C/svg%3E)}.cloud-divider--2{--cloud: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22420%22%20height=%2234%22%20viewBox=%220%200%20420%2034%22%3E%3Cg%20fill=%22%23F3F9FE%22%3E%3Ccircle%20cx=%22-20.0%22%20cy=%2239.7%22%20r=%2235.4%22/%3E%3Ccircle%20cx=%2243.0%22%20cy=%2235.3%22%20r=%2215.0%22/%3E%3Ccircle%20cx=%2267.8%22%20cy=%2251.7%22%20r=%2237.9%22/%3E%3Ccircle%20cx=%22117.6%22%20cy=%2238.1%22%20r=%2232.9%22/%3E%3Ccircle%20cx=%22164.6%22%20cy=%2239.9%22%20r=%2216.5%22/%3E%3Ccircle%20cx=%22193.0%22%20cy=%2252.9%22%20r=%2243.0%22/%3E%3Ccircle%20cx=%22270.4%22%20cy=%2231.4%22%20r=%2227.1%22/%3E%3Ccircle%20cx=%22317.5%22%20cy=%2234.8%22%20r=%2214.1%22/%3E%3Ccircle%20cx=%22339.7%22%20cy=%2255.6%22%20r=%2243.2%22/%3E%3Ccircle%20cx=%22407.6%22%20cy=%2248.5%22%20r=%2241.9%22/%3E%3Ccircle%20cx=%22-12.4%22%20cy=%2248.5%22%20r=%2241.9%22/%3E%3Ccircle%20cx=%22400.0%22%20cy=%2239.7%22%20r=%2235.4%22/%3E%3Ccircle%20cx=%22463.0%22%20cy=%2235.3%22%20r=%2215.0%22/%3E%3C/g%3E%3C/svg%3E)}.cloud-divider--3{--cloud: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22420%22%20height=%2234%22%20viewBox=%220%200%20420%2034%22%3E%3Cg%20fill=%22%23F3F9FE%22%3E%3Ccircle%20cx=%22-20.0%22%20cy=%2234.9%22%20r=%2229.0%22/%3E%3Ccircle%20cx=%2226.9%22%20cy=%2240.4%22%20r=%2216.4%22/%3E%3Ccircle%20cx=%2254.6%22%20cy=%2248.9%22%20r=%2240.5%22/%3E%3Ccircle%20cx=%22117.5%22%20cy=%2245.5%22%20r=%2230.2%22/%3E%3Ccircle%20cx=%22162.5%22%20cy=%2242.1%22%20r=%2217.1%22/%3E%3Ccircle%20cx=%22191.5%22%20cy=%2242.3%22%20r=%2230.2%22/%3E%3Ccircle%20cx=%22231.4%22%20cy=%2249.2%22%20r=%2244.0%22/%3E%3Ccircle%20cx=%22307.7%22%20cy=%2242.6%22%20r=%2217.3%22/%3E%3Ccircle%20cx=%22333.1%22%20cy=%2248.7%22%20r=%2235.0%22/%3E%3Ccircle%20cx=%22395.2%22%20cy=%2245.8%22%20r=%2232.6%22/%3E%3Ccircle%20cx=%22-24.8%22%20cy=%2245.8%22%20r=%2232.6%22/%3E%3Ccircle%20cx=%22400.0%22%20cy=%2234.9%22%20r=%2229.0%22/%3E%3Ccircle%20cx=%22446.9%22%20cy=%2240.4%22%20r=%2216.4%22/%3E%3Ccircle%20cx=%22474.6%22%20cy=%2248.9%22%20r=%2240.5%22/%3E%3C/g%3E%3C/svg%3E)}.segmented--instant .segmented__thumb{transition:none}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);background:var(--color-scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-sheet-exit) var(--ease-exit)}.panel-scrim.is-on{opacity:1;pointer-events:auto;transition:opacity var(--dur-sheet) var(--ease)}.panel{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-panel) + 1);display:flex;flex-direction:column;max-height:88dvh;border-radius:24px 24px 0 0;background:var(--color-white);color:var(--color-ink);box-shadow:0 -20px 40px -24px #02155059;transform:translateY(105%);visibility:hidden;transition:transform var(--dur-sheet-exit) var(--ease-exit),visibility 0s var(--dur-sheet-exit)}.panel.is-on{transform:none;visibility:visible;transition:transform var(--dur-sheet) var(--ease)}.panel:focus{outline:none}.panel__head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-4) 0}.panel__head h2{font-size:26px;line-height:32px;font-weight:600;letter-spacing:var(--tracking-tight)}.panel__close{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:var(--color-track);color:var(--color-ink)}.panel__close .ic{width:18px;height:18px}.panel__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-4) var(--space-5)}.panel__label{margin:var(--space-5) 0 10px;font-size:var(--text-md);font-weight:600}.panel__foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--color-line)}@media(min-width:1024px){.panel{top:0;left:auto;width:440px;max-height:none;border-radius:24px 0 0 24px;box-shadow:var(--shadow-sheet);transform:translate(105%)}.panel__head{padding:28px 28px 0}.panel__head h2{font-size:30px;line-height:36px}.panel__body{padding:0 28px 28px}.panel__foot{padding:18px 28px}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/components.css.map */
