.size-chart{display:grid;gap:1.6rem;padding-bottom:.4rem}.size-chart__figure{margin:0}.size-chart__diagram{display:block;width:100%;height:auto;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:.8rem;background:#fff}.size-chart__caption{margin:0;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.size-chart__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.size-chart__table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.4rem;line-height:1.3}.size-chart__table th,.size-chart__table td{padding:.9rem 1.1rem;text-align:center;white-space:nowrap;border-bottom:.1rem solid rgba(var(--color-foreground),.1);transition:background-color .15s ease}.size-chart__table thead th{font-size:1.15rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.65);border-bottom:.1rem solid rgba(var(--color-foreground),.35)}.size-chart__table th:first-child,.size-chart__table td:first-child{position:sticky;left:0;z-index:1;text-align:left;font-weight:500;background:rgb(var(--color-background));box-shadow:.1rem 0 rgba(var(--color-foreground),.08)}.size-chart__table tbody th:first-child{white-space:normal;min-width:12rem}.size-chart__table .is-selected{background:rgba(var(--color-foreground),.06);font-weight:600;color:rgb(var(--color-foreground))}.size-chart__table thead th.is-selected{box-shadow:inset 0 -.2rem rgb(var(--color-foreground))}.size-chart__table tr.is-selected th:first-child{background:rgba(var(--color-foreground),.06);box-shadow:inset .3rem 0 rgb(var(--color-foreground))}.size-chart__table--tall,.size-chart__scroll--tall{display:none}.size-chart__notes{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.size-chart__scroll:not(.size-chart__scroll--tall){display:none}.size-chart__scroll--tall{display:block}.size-chart__table--tall{display:table}.size-chart__table--tall thead th{white-space:normal;vertical-align:bottom}.size-chart__table--tall tbody th:first-child{min-width:6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-size-chart.css.map */