brand-fit-finder,.brand-fit-finder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:end stretch;pointer-events:none;visibility:hidden}.brand-fit-finder[data-open=true]{pointer-events:auto;visibility:visible}.brand-fit-finder[hidden]{display:none}.brand-fit-finder__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#19151273;opacity:0;transition:opacity var(--dur-md) var(--ease-out-expo);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-fit-finder[data-open=true] .brand-fit-finder__overlay{opacity:1}.brand-fit-finder__panel{position:relative;z-index:1;isolation:isolate;background-color:var(--surface-base);background-image:none;color:var(--text-primary);inline-size:100%;max-inline-size:100vw;max-block-size:92dvh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-6);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);box-shadow:0 -1px #0000000a,0 -28px 48px -28px #0000002e;transform:translate3d(0,100%,0);transition:transform var(--dur-lg) var(--ease-out-expo)}.brand-fit-finder[data-open=true] .brand-fit-finder__panel{transform:translateZ(0)}@media(min-width:768px){.brand-fit-finder{place-items:center}.brand-fit-finder__panel{inline-size:min(92vw,480px);max-block-size:min(86dvh,720px);border-radius:var(--radius-lg);transform:translate3d(0,12px,0);opacity:0;transition:transform var(--dur-md) var(--ease-out-expo),opacity var(--dur-md) var(--ease-out-expo);box-shadow:0 18px 48px -16px #00000038}.brand-fit-finder[data-open=true] .brand-fit-finder__panel{transform:translateZ(0);opacity:1}}.brand-fit-finder__head{display:flex;align-items:center;justify-content:space-between}.brand-fit-finder__eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0}.brand-fit-finder__close{inline-size:44px;block-size:44px;display:grid;place-items:center;background:transparent;color:inherit;border:0;cursor:pointer;font-size:26px;line-height:1;margin-inline-end:-8px}.brand-fit-finder__close:hover{color:var(--accent)}.brand-fit-finder__shortcut{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface-raised)}.brand-fit-finder__shortcut-eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0}.brand-fit-finder__shortcut-letter{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 360;font-size:clamp(4rem,3rem + 6vw,6rem);line-height:.92;letter-spacing:-.04em;color:var(--text-primary);margin:0}.brand-fit-finder__shortcut-meta{font-family:var(--font-body);font-size:var(--text-small);letter-spacing:var(--tracking-small);color:var(--text-secondary);margin:0}.brand-fit-finder__shortcut-actions{display:flex;gap:var(--space-2);inline-size:100%;margin-block-start:var(--space-2)}.brand-fit-finder__shortcut-actions .brand-fit-finder__btn{flex:1 1 auto}.brand-fit-finder__progress{display:flex;gap:var(--space-2);align-items:center}.brand-fit-finder__dot{inline-size:28px;block-size:3px;border-radius:var(--radius-pill);background-color:var(--line);transition:background-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo);transform-origin:left center}.brand-fit-finder__dot[data-state=done]{background-color:var(--text-secondary)}.brand-fit-finder__dot[data-state=active]{background-color:var(--text-primary);transform:scaleX(1.15)}.brand-fit-finder__stage{position:relative;flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--space-2)}.brand-fit-finder__step{display:flex;flex-direction:column;gap:var(--space-4);opacity:0;transform:translate3d(0,8px,0);transition:opacity var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand-fit-finder__step.is-active{opacity:1;transform:translateZ(0)}.brand-fit-finder__step[hidden]{display:none}.brand-fit-finder__title{font-family:var(--font-display);font-variation-settings:var(--frax-heading);font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);color:var(--text-primary);margin:0;max-inline-size:18ch;outline:none}.brand-fit-finder__sub{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-secondary);margin:0;max-inline-size:var(--measure-prose)}.brand-fit-finder__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brand-fit-finder__chips--col{flex-direction:column;flex-wrap:nowrap}.brand-fit-finder__chip{-webkit-appearance:none;appearance:none;cursor:pointer;background-color:var(--surface-raised);background-image:none;color:var(--text-primary);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);min-block-size:44px;font-family:var(--font-body);font-size:var(--text-body);letter-spacing:var(--tracking-small);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:border-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo),background-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand-fit-finder__chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.brand-fit-finder__chip[aria-checked=true],.brand-fit-finder__chip.is-selected{border-color:var(--text-primary);background-color:var(--surface-inverse);color:var(--text-inverse)}.brand-fit-finder__chip-label{font-family:inherit;font-size:inherit;letter-spacing:inherit}.brand-fit-finder__chip--row{flex-direction:column;align-items:flex-start;text-align:start;border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-1)}.brand-fit-finder__chip--row .brand-fit-finder__chip-label{font-family:var(--font-display);font-variation-settings:var(--frax-subhead);font-size:var(--text-h3);line-height:var(--lh-heading)}.brand-fit-finder__chip-hint{font-family:var(--font-body);font-size:var(--text-small);color:var(--text-secondary)}.brand-fit-finder__chip--row[aria-checked=true] .brand-fit-finder__chip-hint,.brand-fit-finder__chip--row.is-selected .brand-fit-finder__chip-hint{color:var(--text-inverse);opacity:.8}.brand-fit-finder__chips--silhouettes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(min-width:480px){.brand-fit-finder__chips--silhouettes{grid-template-columns:repeat(5,1fr)}}.brand-fit-finder__chip--silhouette{flex-direction:column;border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);gap:var(--space-2);min-block-size:96px}.brand-fit-finder__chip--silhouette .brand-fit-finder__chip-label{font-size:var(--text-small);letter-spacing:var(--tracking-small)}.brand-fit-finder__silhouette{inline-size:28px;block-size:48px;color:var(--text-secondary);flex:0 0 auto}.brand-fit-finder__chip--silhouette[aria-checked=true] .brand-fit-finder__silhouette,.brand-fit-finder__chip--silhouette.is-selected .brand-fit-finder__silhouette{color:var(--text-inverse)}.brand-fit-finder__step--result{align-items:center;text-align:center;gap:var(--space-3);padding-block:var(--space-4)}.brand-fit-finder__verdict-label{font-family:var(--font-body);font-size:var(--text-eyebrow);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0}.brand-fit-finder__verdict-letter{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 360;font-size:clamp(7rem,5rem + 12vw,11rem);line-height:.92;letter-spacing:-.04em;color:var(--text-primary);margin:var(--space-1) 0 0;outline:none}.brand-fit-finder__verdict-copy{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-secondary);max-inline-size:32ch;margin:0 auto}.brand-fit-finder__verdict-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-secondary);margin-block-start:var(--space-2)}.brand-fit-finder__verdict-meta span{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--surface-raised)}.brand-fit-finder__verdict-note{font-family:var(--font-body);font-size:var(--text-small);color:var(--state-error);margin:0}.brand-fit-finder__verdict-actions{display:flex;flex-direction:column;gap:var(--space-2);inline-size:100%;margin-block-start:var(--space-4)}@media(min-width:768px){.brand-fit-finder__verdict-actions{flex-direction:row;justify-content:center}.brand-fit-finder__verdict-actions .brand-fit-finder__btn{flex:1 1 0}}.brand-fit-finder__foot{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;padding-block-start:var(--space-3);border-block-start:1px solid var(--line)}.brand-fit-finder__btn{-webkit-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--inter-wght-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;padding:var(--space-3) var(--space-5);min-block-size:44px;border-radius:var(--radius-sm);transition:background-color var(--dur-sm) var(--ease-out-expo),color var(--dur-sm) var(--ease-out-expo),border-color var(--dur-sm) var(--ease-out-expo)}.brand-fit-finder__btn--primary{background-color:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse);flex:1 1 auto}.brand-fit-finder__btn--primary:hover{background-color:var(--accent);border-color:var(--accent)}.brand-fit-finder__btn--primary[disabled]{opacity:.4;cursor:not-allowed}.brand-fit-finder__btn--ghost{background-color:transparent;color:var(--text-primary);border-color:var(--line)}.brand-fit-finder__btn--ghost:hover{border-color:var(--text-primary)}.brand .brand-product__fit-finder-link{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-small);letter-spacing:var(--tracking-small);cursor:pointer;padding:0;min-block-size:24px;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--accent);text-decoration-thickness:1px}.brand .brand-product__fit-finder-link:hover{color:var(--accent)}.brand .brand-product__fit-finder-link:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background-color:var(--accent)}.brand .brand-product__option-head--with-fit{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.brand .brand-product__option-head-meta{display:inline-flex;align-items:baseline;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.brand-fit-finder__panel,.brand-fit-finder__step,.brand-fit-finder__overlay,.brand-fit-finder__chip,.brand-fit-finder__dot{transition:none}.brand-fit-finder__chip:hover{transform:none}}body[data-brand-ff-open=true]{overflow:hidden}.brand-fit-finder__confidence{margin-block-start:var(--space-3);display:flex;flex-direction:column;gap:6px}.brand-fit-finder__confidence-row{display:flex;justify-content:space-between;align-items:baseline}.brand-fit-finder__confidence-label{font-family:var(--font-body);font-size:11px;font-weight:var(--inter-wght-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.brand-fit-finder__confidence-pct{font-family:var(--font-body);font-size:12px;font-variant-numeric:tabular-nums;font-weight:var(--inter-wght-semibold);color:var(--accent)}.brand-fit-finder__confidence-track{block-size:4px;inline-size:100%;background-color:color-mix(in oklch,var(--text-primary) 12%,transparent);border-radius:var(--radius-pill);overflow:hidden;display:block}.brand-fit-finder__confidence-fill{display:block;block-size:100%;background-color:var(--accent);border-radius:inherit;transform-origin:left center;transition:transform var(--dur-md) var(--ease-out-expo)}.brand-fit-finder__confidence-caption{font-family:var(--font-body);font-size:12px;color:var(--text-muted);line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-fit-finder.css.map */