.product-popup-modal--size-chart .product-popup-modal__page{overflow:visible}.product-popup-modal--size-chart .size-chart,.product-popup-modal--size-chart .size-chart>*{max-width:none;margin-inline:0}.size-chart{display:flex;flex-direction:column;gap:1.6rem}.size-chart__tabs{display:flex;flex-wrap:wrap;gap:.8rem;min-width:0;margin:0;padding:0;border:0}.size-chart__tab{display:inline-flex;align-items:center;min-height:3.6rem;padding:.4rem 1.6rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--radius-pill);font-size:1.2rem;font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-default) ease}@media screen and (hover:hover)and (pointer:fine){.size-chart__tab:hover{border-color:rgb(var(--color-foreground))}}.size-chart__tab-input:checked+.size-chart__tab{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-chart__tab-input:focus-visible+.size-chart__tab{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.size-chart .size-chart__table{display:table;width:100%;margin:0;table-layout:auto;border-collapse:separate;border-spacing:0;font-size:1.3rem;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums}.size-chart .size-chart__table thead{display:table-header-group}.size-chart .size-chart__table tbody{display:table-row-group}.size-chart__caption{caption-side:top;padding:0 0 .8rem;font-weight:500;text-align:left}.size-chart .size-chart__table th,.size-chart .size-chart__table td{min-width:0;padding:.8rem .4rem;border-bottom:.1rem solid rgb(var(--color-border));vertical-align:middle}.size-chart .size-chart__table thead th{position:sticky;top:0;z-index:1;font-size:1.1rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background-color:rgb(var(--color-background-secondary))}.size-chart .size-chart__table tbody tr:nth-child(n){background-color:transparent}.size-chart .size-chart__table tbody th{font-weight:500}@media screen and (hover:hover)and (pointer:fine){.size-chart .size-chart__table tbody tr:hover>*{background-color:rgba(var(--color-foreground),.04)}}.size-chart__notes{margin:0;font-size:1.3rem;line-height:1.6;color:rgb(var(--color-foreground-secondary))}@supports selector(:has(*)){.size-chart--tabs .size-chart__panel{display:none}.size-chart--tabs:has(.size-chart__tab-input[value="1"]:checked) .size-chart__panel[data-index="1"],.size-chart--tabs:has(.size-chart__tab-input[value="2"]:checked) .size-chart__panel[data-index="2"],.size-chart--tabs:has(.size-chart__tab-input[value="3"]:checked) .size-chart__panel[data-index="3"],.size-chart--tabs:has(.size-chart__tab-input[value="4"]:checked) .size-chart__panel[data-index="4"],.size-chart--tabs:has(.size-chart__tab-input[value="5"]:checked) .size-chart__panel[data-index="5"],.size-chart--tabs:has(.size-chart__tab-input[value="6"]:checked) .size-chart__panel[data-index="6"]{display:block}.size-chart--tabs .size-chart__caption{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@supports not selector(:has(*)){.size-chart__tabs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-size-chart.css.map */
