.size-chart{display:grid;gap:var(--space-4);container-type:inline-size}.size-chart__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4)}.size-chart__note{color:var(--color-muted);font-size:var(--text-sm)}.unit-toggle{display:inline-flex;margin-inline-start:auto;padding:.25rem;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-text) 6%,transparent);box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb) / .08)}.unit-toggle[hidden]{display:none}.unit-toggle__btn{min-inline-size:3.25rem;min-block-size:2.75rem;padding:.25rem 1rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--color-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.unit-toggle__btn[aria-pressed=true]{background-color:color-mix(in srgb,var(--color-background) 40%,white);color:var(--color-text);box-shadow:0 1px 2px rgb(var(--shadow-rgb) / .08),0 4px 10px -6px rgb(var(--shadow-rgb) / .35)}.unit-toggle__btn:focus-visible{outline-offset:1px;border-radius:var(--radius-pill)}.size-chart__table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.size-chart__table :is(th,td){padding:var(--space-4) var(--space-3);border-block-end:1px solid var(--color-border);text-align:start;vertical-align:top;font-weight:var(--font-body-weight)}.size-chart__table thead th{padding-block:0 var(--space-3);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.1em;text-transform:uppercase}.size-chart__table :is(thead,tbody) th:first-child{padding-inline-start:0;inline-size:46%}.size-chart__table tbody tr:last-child>*{border-block-end:0}.size-chart__label{display:block;font-weight:var(--font-body-weight-medium)}.size-chart__hint{display:block;margin-block-start:.15rem;color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.size-chart__value{font-family:var(--font-heading-family);font-size:var(--text-lg);line-height:1.3}.size-chart td[data-col]{transition:color var(--duration-base) var(--ease-out)}.size-chart--compact .size-chart__table :is(th,td){padding-block:var(--space-3)}.size-chart--compact .size-chart__value{font-size:var(--text-md)}@container (max-width: 34rem){.size-chart__table,.size-chart__table tbody{display:block}.size-chart__table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.size-chart__table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--color-border)}.size-chart__table tbody tr:last-child{border-block-end:0}.size-chart__table tbody :is(th,td){display:block;padding:0;border:0}.size-chart__table tbody th{grid-column:1 / -1;inline-size:auto}.size-chart__table tbody td:before{content:attr(data-label);display:block;margin-block-end:.1rem;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.08em;text-transform:uppercase}.size-chart__value{font-size:var(--text-md)}}.pair-calc{display:grid;gap:var(--space-5)}.pair-calc[hidden]{display:none}.pair-calc__head{display:grid;gap:var(--space-2)}.pair-calc__title{font-family:var(--font-heading-family);font-size:var(--text-2xl);font-weight:var(--font-heading-weight, 400);line-height:var(--line-height-heading)}.pair-calc__intro{color:var(--color-muted)}.pair-calc__form{display:grid;gap:var(--space-5)}.pair-calc__units{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;border:0}.pair-calc__people{display:grid;gap:var(--space-4)}.pair-calc__person{display:grid;gap:var(--space-4);min-inline-size:0;margin:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background-color:color-mix(in srgb,var(--color-background) 45%,white);box-shadow:var(--shadow-inset)}.pair-calc__legend{display:inline-flex;align-items:center;gap:var(--space-2);float:inline-start;inline-size:100%;padding:0;font-family:var(--font-heading-family);font-size:var(--text-lg)}.pair-calc__legend+*{clear:both}.pair-calc__badge{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent);border-radius:50%;color:var(--color-accent);font-size:var(--text-sm);font-style:italic}.pair-calc__imperial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.pair-calc [data-unit-pane][hidden]{display:none}.pair-calc__submit{display:grid;gap:var(--space-3);justify-items:start}.pair-calc__submit .button .icon{inline-size:1.1rem;block-size:1.1rem}.pair-calc__error{color:#a13c29;font-size:var(--text-sm)}.pair-calc__result{display:grid;gap:var(--space-3);justify-items:start;padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--radius-card);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 55%),color-mix(in srgb,var(--color-secondary) 45%,var(--color-background));box-shadow:var(--shadow-inset),var(--shadow-md);outline:none}.pair-calc__result[hidden]{display:none}.pair-calc__size{font-family:var(--font-heading-family);font-size:var(--display-md);font-style:italic;line-height:1;color:var(--color-accent)}.pair-calc__why{max-inline-size:38rem}.pair-calc__extra{max-inline-size:38rem;color:var(--color-muted);font-size:var(--text-sm)}.pair-calc__result .button{margin-block-start:var(--space-2)}@media(prefers-reduced-motion:no-preference){.pair-calc__result{transition:opacity calc(.42s * var(--motion-scale)) var(--ease-soft),transform calc(.52s * var(--motion-scale)) var(--ease-soft)}.pair-calc__result.is-entering{opacity:0;transform:translateY(10px) scale(.99)}}@media(min-width:750px){.pair-calc__people{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/size-guide.css.map */