.product__size-guide{display:inline-flex;align-items:center;gap:.4rem;border-block-end:0}.product__size-guide>span{border-block-end:1px solid currentColor}.product__size-guide .icon{width:18px;height:18px;flex-shrink:0}.size-guide .drawer{width:min(480px,100vw)}.sizechart{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.sizechart__switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border)}.sizechart__tab{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}:root[dir=rtl] .sizechart__tab{font-size:var(--text-sm);text-transform:none}.sizechart__tab:hover{color:var(--color-text)}#SizeChart-tops:checked~.sizechart__switch [for=SizeChart-tops],#SizeChart-bottoms:checked~.sizechart__switch [for=SizeChart-bottoms]{background-color:var(--color-accent);color:var(--color-accent-text)}#SizeChart-tops:focus-visible~.sizechart__switch [for=SizeChart-tops],#SizeChart-bottoms:focus-visible~.sizechart__switch [for=SizeChart-bottoms]{outline:2px solid var(--color-border-strong);outline-offset:2px}.sizechart__panel{display:none}#SizeChart-tops:checked~.sizechart__panel--tops,#SizeChart-bottoms:checked~.sizechart__panel--bottoms{display:flex;flex-direction:column;gap:var(--space-md)}.sizechart__includes{font-size:var(--text-sm);color:var(--color-text-muted)}.sizechart__scroll{overflow-x:auto}.sizechart__table{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.sizechart__caption{caption-side:top;padding-block-end:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-muted);text-align:start}.sizechart__table th,.sizechart__table td{padding:.6rem .35rem;border-block-end:1px solid var(--color-border);font-weight:400;text-align:center;white-space:nowrap}.sizechart__table thead th{background-color:var(--color-bg-subtle);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}:root[dir=rtl] .sizechart__table thead th{font-size:var(--text-sm);text-transform:none}.sizechart__letter{font-weight:600}.sizechart__eu{margin-inline-start:.3em;color:var(--color-text-muted)}.sizechart__table tr.is-picked th,.sizechart__table tr.is-picked td{background-color:var(--color-bg-subtle);font-weight:600}.sizechart__table tr.is-picked .sizechart__letter{color:var(--color-sale)}.sizechart__measure{display:flex;align-items:flex-start;gap:var(--space-md);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border)}.sizechart__figure{flex-shrink:0;width:104px;height:auto}.sizechart__form{fill:var(--color-bg-subtle);stroke:var(--color-text-muted);stroke-width:1.2;stroke-linejoin:round}.sizechart__stand{fill:none;stroke:var(--color-text-muted);stroke-width:1.2;stroke-linecap:round}.sizechart__line path{fill:none;stroke:var(--color-sale);stroke-width:1.3;stroke-dasharray:3 2.5}.sizechart__line circle{fill:var(--color-sale)}.sizechart__line text{fill:var(--color-accent-text);font-size:8px;font-weight:600}.sizechart__how{flex:1;min-width:0}.sizechart__heading{margin-block-end:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}:root[dir=rtl] .sizechart__heading{font-size:var(--text-sm);text-transform:none}.sizechart__steps{display:grid;gap:var(--space-sm)}.sizechart__step{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted)}.sizechart__step strong{display:block;font-weight:600;color:var(--color-text)}.sizechart__num{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;margin-block-start:.15em;border-radius:50%;background-color:var(--color-sale);color:var(--color-accent-text);font-size:.625rem;font-weight:600;line-height:1}.sizechart__notes{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-subtle);font-size:var(--text-xs);color:var(--color-text-muted)}:root[dir=rtl] .sizechart__notes{font-size:var(--text-sm)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-size-chart.css.map */