size-finder:not(:defined){display:none}.size-finder{margin:auto;inline-size:min(560px,calc(100vw - var(--s2) * 2));max-inline-size:none;max-block-size:calc(100dvh - var(--s4));padding:0;border:1px solid var(--border);background-color:var(--surface-lift);color:var(--text);transition:translate var(--dur) var(--ease),opacity var(--dur) var(--ease),display var(--dur) allow-discrete,overlay var(--dur) allow-discrete}.size-finder:not([open]){translate:0 8px;opacity:0;pointer-events:none}@starting-style{.size-finder[open]{translate:0 8px;opacity:0}}.size-finder::backdrop{background-color:var(--scrim);transition:opacity var(--dur) var(--ease),display var(--dur) allow-discrete,overlay var(--dur) allow-discrete}.size-finder:not([open])::backdrop{opacity:0}@starting-style{.size-finder[open]::backdrop{opacity:0}}.size-finder__panel{max-block-size:calc(100dvh - var(--s4) - 2px);overflow-y:auto;padding:var(--s3)}.size-finder__panel:focus{outline:none}.size-finder__bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding-block-end:var(--s2);border-block-end:1px solid var(--border)}.size-finder__title{margin:0;font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--fw-regular);letter-spacing:.13em;text-transform:uppercase;color:var(--text)}.size-finder__close{padding:4px 0;border:0;background:none;color:var(--text);font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.13em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.size-finder__intro{margin:var(--s2) 0 0;font-size:var(--type-small-size);line-height:var(--type-small-lh);letter-spacing:var(--type-small-ls);color:var(--text)}.size-finder__ask{display:grid;gap:var(--s3);margin-block-start:var(--s3)}.size-finder__field{display:grid;gap:var(--s1)}.size-finder__label{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text)}.size-finder__scales{display:flex}.size-finder__scale{flex:1 1 0;min-block-size:44px;padding-inline:var(--s1);border:1px solid var(--border);border-radius:0;background:none;color:var(--text);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--fw-regular);letter-spacing:var(--track-label);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.size-finder__scale+.size-finder__scale{margin-inline-start:-1px}.size-finder__scale[aria-checked=true]{position:relative;z-index:1;background-color:var(--text);color:var(--surface)}.size-finder__control{display:flex;align-items:stretch;gap:var(--s2)}.size-finder .size-finder__input{inline-size:var(--s7);block-size:calc(var(--s5) + var(--s1));padding-inline:var(--s2);border:1px solid var(--border);border-radius:0;background:none;color:var(--text);font-family:var(--font-body);font-size:var(--type-heading-3-size);font-weight:var(--type-heading-3-fw);line-height:var(--type-heading-3-lh);letter-spacing:var(--type-heading-3-ls);font-variant-numeric:tabular-nums}.size-finder__submit{align-self:end;block-size:calc(var(--s5) + var(--s1));padding:0;border:0;background:none;color:var(--text);font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.13em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;text-align:start;cursor:pointer}.size-finder__input:focus-visible,.size-finder__scale:focus-visible,.size-finder__submit:focus-visible,.size-finder__close:focus-visible,.size-finder__clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.size-finder__scale[aria-checked=true]:focus-visible{outline-offset:3px}.size-finder__answer{display:flex;align-items:baseline;gap:var(--s3);margin-block-start:var(--s3);padding-block-start:var(--s3);border-block-start:1px solid var(--border)}.size-finder__answer[hidden]{display:none}.size-finder__letter{margin:0;font-family:var(--font-display);font-size:var(--type-heading-2-size);font-weight:var(--type-heading-2-fw);line-height:1;letter-spacing:var(--type-heading-2-ls);color:var(--text)}.size-finder__letter:empty{display:none}.size-finder__readout{display:grid;gap:4px}.size-finder__range{margin:0;font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--fw-regular);letter-spacing:.06em;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}.size-finder__range:empty{display:none}.size-finder__note{margin:0;font-size:var(--type-small-size);line-height:var(--type-small-lh);letter-spacing:var(--type-small-ls);color:var(--text)}.size-finder [data-size-chart]{margin-block-start:var(--s4)}.size-finder__clear{margin-block-start:var(--s2);padding:var(--s1) 0;border:0;background:none;color:var(--text);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--track-label);text-transform:uppercase;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}@media(max-width:480px){.size-finder{inline-size:calc(100vw - var(--s2))}.size-finder__panel{padding:var(--s2)}.size-finder__control{flex-wrap:wrap;gap:var(--s2)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/size-finder.css.map */