.size-chart{--size-chart-accent: #de507e;--size-chart-accent-soft: rgba(222, 80, 126, .1);--size-chart-border: rgba(var(--color-foreground), .12);--size-chart-muted: rgba(var(--color-foreground), .7);display:block;margin:.4rem 0 1.6rem}.size-chart__trigger{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:0;border:0;background:none;font:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.size-chart__trigger:hover{color:var(--size-chart-accent)}.size-chart__trigger svg{color:var(--size-chart-accent);flex-shrink:0}html.size-chart-open{overflow:hidden}.size-chart__dialog{width:min(72rem,calc(100vw - 4rem));max-height:min(86vh,76rem);padding:0;border:0;border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2rem 6rem #00000040;overflow:hidden}.size-chart__dialog[open]{display:flex;animation:size-chart-in .2s ease}.size-chart__dialog::backdrop{background:#00000073}@keyframes size-chart-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}.size-chart__sheet{display:flex;flex-direction:column;gap:1.4rem;width:100%;min-height:0;padding:2rem 2.4rem 2.4rem}.size-chart__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.size-chart__title{margin:0;font-size:2rem;line-height:1.3}.size-chart__subtitle{display:block;font-size:1.4rem;font-weight:400;color:var(--size-chart-muted)}.size-chart__close{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:-.8rem -1rem 0 0;border:0;border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer}.size-chart__close:hover{background:rgba(var(--color-foreground),.06)}.size-chart__units{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-self:flex-start;padding:.3rem;border-radius:.8rem;background:rgba(var(--color-foreground),.06)}.size-chart__units button{min-width:8rem;min-height:3.8rem;padding:0 1.4rem;border:0;border-radius:.6rem;background:none;font:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));cursor:pointer}.size-chart__units button[aria-pressed=true]{background:rgb(var(--color-background));box-shadow:0 .1rem .4rem #0000001f;font-weight:600}.size-chart__scroll{min-height:0;overflow:auto;border:1px solid var(--size-chart-border);border-radius:.8rem;-webkit-overflow-scrolling:touch}.size-chart__scroll:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.size-chart__scroll::-webkit-scrollbar{width:.8rem;height:.8rem}.size-chart__scroll::-webkit-scrollbar-track{background:transparent;margin:.6rem}.size-chart__scroll::-webkit-scrollbar-thumb{border:.2rem solid transparent;border-radius:1rem;background:#de507e73 padding-box}.size-chart__scroll::-webkit-scrollbar-thumb:hover{background:#de507e8c padding-box}.size-chart__scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.size-chart__scroll::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){.size-chart__scroll{scrollbar-width:thin;scrollbar-color:rgba(222,80,126,.4) transparent}}.size-chart__table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.4rem;font-variant-numeric:tabular-nums;table-layout:auto}.size-chart__table th,.size-chart__table td{padding:1rem 1.4rem;border:0;border-bottom:1px solid var(--size-chart-border);text-align:center;white-space:nowrap;background:rgb(var(--color-background))}.size-chart__table thead th{position:sticky;top:0;z-index:2;font-size:1.2rem;font-weight:600;letter-spacing:.04rem;text-transform:uppercase;color:var(--size-chart-muted);background:#faf7f8}.size-chart__table th:first-child{position:sticky;left:0;z-index:1;text-align:left;font-weight:600;box-shadow:1px 0 0 var(--size-chart-border)}.size-chart__table thead th:first-child{z-index:3}.size-chart__table tbody tr:nth-child(2n)>*{background:#fcfafb}.size-chart__table tbody tr:last-child>*{border-bottom:0}.size-chart__table tbody tr.is-selected>*{background:var(--size-chart-accent-soft);font-weight:600}.size-chart__table tbody tr.is-selected th:first-child{box-shadow:inset .3rem 0 0 var(--size-chart-accent),1px 0 0 var(--size-chart-border)}.size-chart__note{margin:0;font-size:1.3rem;line-height:1.5;color:var(--size-chart-muted)}.size-chart__editor-notice{padding:1.2rem;border:1px dashed rgba(var(--color-foreground),.3);font-size:1.3rem}@media screen and (max-width:749px){.size-chart__dialog{width:100vw;max-width:100vw;max-height:88vh;margin:auto 0 0;border-radius:1.6rem 1.6rem 0 0}.size-chart__dialog[open]{animation-name:size-chart-up}@keyframes size-chart-up{0%{transform:translateY(100%)}to{transform:none}}.size-chart__sheet{padding:1.6rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom))}.size-chart__table th,.size-chart__table td{padding:.9rem 1rem;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.size-chart__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-size-chart.css.map */