.variant-option--buttons legend:has(.size-chart),.variant-option--swatches legend:has(.size-chart){display:flex;align-items:center;gap:var(--padding-sm);width:100%}.size-chart{display:inline-flex;margin-inline-start:auto}.size-chart__trigger{display:inline-flex;align-items:center;color:var(--color-foreground);font-family:var(--font-body--family);font-size:.85rem;font-weight:400;letter-spacing:normal;text-transform:none;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.size-chart .size-chart__trigger{display:inline-flex;text-decoration:underline}.size-chart__trigger:hover{opacity:var(--opacity-subdued-text, .8)}.size-chart__dialog{position:fixed;inset-block:0;inset-inline-end:0;width:min(52rem,100vw);max-width:100vw;height:100%;margin:0 0 0 auto;padding:0;border-radius:0}.size-chart__dialog:modal{max-height:100dvh}.size-chart__inner{padding:var(--padding-4xl) var(--padding-xl) var(--padding-2xl);height:100%;overflow-y:auto}@media screen and (min-width:750px){.size-chart__inner{padding:var(--padding-4xl) var(--padding-2xl) var(--padding-2xl)}}.size-chart__heading{margin-block:0 var(--padding-lg)}.size-chart__content{font-family:var(--font-body--family);font-size:.9375rem;font-weight:400;text-align:left;text-transform:none;letter-spacing:normal;line-height:1.6}.size-chart__content .size-guide-unit-toggle{display:flex;align-items:center;gap:.5rem;margin-block:1.5rem 1rem;flex-wrap:wrap}.size-chart__content .size-guide-unit-toggle__label{margin-inline-end:.25rem}.size-chart__content .size-guide-unit-toggle button{border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-30));background:var(--color-background);color:rgb(var(--color-foreground-rgb) / var(--opacity-60));cursor:pointer;padding:.35rem .75rem}.size-chart__content .size-guide-unit-toggle button:first-of-type{border-radius:999px 0 0 999px}.size-chart__content .size-guide-unit-toggle button:last-of-type{border-radius:0 999px 999px 0;margin-inline-start:-1px}.size-chart__content .size-guide-unit-toggle button[aria-pressed=true]{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background);font-weight:600}.size-chart__content .size-guide-unit-toggle button:not([aria-pressed=true]):hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5-15));color:var(--color-foreground)}.size-chart__content .size-guide-unit-toggle button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.size-chart__content [data-size-guide-unit-value]{display:none}.size-chart__content [data-size-guide-unit=inches] [data-size-guide-unit-value=inches],.size-chart__content [data-size-guide-unit=centimetres] [data-size-guide-unit-value=centimetres]{display:inline}.size-chart__content table{width:100%;border-collapse:collapse;font-size:.875rem}.size-chart__content th,.size-chart__content td{padding:.65rem;border-bottom:1px solid var(--color-border);white-space:nowrap}.size-chart__units{display:inline-flex;gap:0;margin-block-end:var(--padding-lg);border:1px solid var(--border-color);border-radius:var(--style-border-radius-sm);overflow:hidden}.size-chart__unit{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-foreground);font-family:var(--font-body--family);font-size:.9rem;padding:var(--padding-xs) var(--padding-md);cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing)}.size-chart__unit+.size-chart__unit{border-inline-start:1px solid var(--border-color)}.size-chart__unit:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.size-chart__unit.is-active{background-color:var(--color-foreground);color:var(--color-background)}.size-chart__table-wrap{width:100%;overflow-x:auto}.size-chart__table{width:100%;border-collapse:collapse;font-family:var(--font-body--family);font-size:.9rem;text-align:left}.size-chart__table th,.size-chart__table td{padding:var(--padding-sm) var(--padding-md);border-bottom:1px solid var(--border-color);white-space:nowrap}.size-chart__table thead th{font-weight:600;border-bottom-width:2px}.size-chart__table tbody th[scope=row]{font-weight:600}.size-chart__table tbody tr:nth-child(2n){background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.size-chart__table tbody tr:last-child th,.size-chart__table tbody tr:last-child td{border-bottom:0}.size-chart__close{top:var(--margin-md);right:var(--margin-md);opacity:.8;animation:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/size-chart.css.map */