.form__label--size-chart{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;width:-webkit-fill-available;width:stretch}.size-chart-trigger{display:inline-flex;align-items:center;gap:.4em;background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3em;transition:opacity .15s ease}.size-chart-trigger:hover{opacity:.7}.size-chart-trigger svg{width:1.2em;height:1.2em;flex-shrink:0}.size-chart[hidden]{display:none}.size-chart{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4, 1.6rem)}.size-chart__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .2s ease}.size-chart.is-open .size-chart__overlay{opacity:1}.size-chart__dialog{position:relative;width:100%;max-width:64rem;max-height:calc(100vh - 3.2rem);overflow-y:auto;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--radius-button, .4rem);padding:var(--spacing-5, 2rem);box-shadow:0 1.2rem 4rem #00000059;opacity:0;transform:translateY(.8rem);transition:opacity .2s ease,transform .2s ease}.size-chart.is-open .size-chart__dialog{opacity:1;transform:none}.size-chart__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3, 1.2rem);margin-bottom:var(--spacing-3, 1.2rem)}.size-chart__title{font-family:var(--font-heading);font-size:var(--font-size-lg, 2rem);margin:0;line-height:1.2}.size-chart__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:none;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease}.size-chart__close:hover{border-color:rgb(var(--color-foreground))}.size-chart__close svg{width:1.8rem;height:1.8rem}.size-chart__units{display:inline-flex;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--radius-button, .4rem);overflow:hidden;margin-bottom:var(--spacing-4, 1.6rem)}.size-chart__unit{background:none;border:none;padding:.6rem 1.4rem;font-family:var(--font-body);font-size:var(--font-size-sm);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .15s ease,color .15s ease}.size-chart__unit.is-active{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-chart__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.size-chart__table-wrap:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.size-chart__table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--font-size-sm);white-space:nowrap}.size-chart__table th,.size-chart__table td{padding:1rem 1.2rem;text-align:center;border-bottom:1px solid rgba(var(--color-foreground),.12)}.size-chart__table thead th{font-weight:600;border-bottom-width:2px}.size-chart__table th[scope=row],.size-chart__table thead th:first-child{text-align:left;position:sticky;left:0;background-color:rgb(var(--color-background));font-weight:600}.size-chart__table tbody tr:last-child th,.size-chart__table tbody tr:last-child td{border-bottom:none}.size-chart__table-scroller{position:relative}.size-chart__scroll-controls{display:flex;justify-content:center;gap:var(--spacing-3, 1.2rem);margin-top:var(--spacing-3, 1.2rem)}.size-chart__scroll-btn{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:none;border:1px solid rgba(var(--color-foreground),.2);border-radius:0;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .15s ease,border-color .15s ease}.size-chart__scroll-btn:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.size-chart__scroll-btn:disabled{opacity:.3;cursor:default}.size-chart__scroll-btn svg{width:1.8rem;height:1.8rem}.size-chart__note{margin:var(--spacing-3, 1.2rem) 0 0;font-size:var(--font-size-xs, 1.2rem);color:rgba(var(--color-foreground),.7);white-space:normal}@media(prefers-reduced-motion:reduce){.size-chart__overlay,.size-chart__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-size-chart.css.map */