.zoh-size-chart{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.zoh-size-chart__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.zoh-size-chart__trigger:hover{opacity:.75}.zoh-size-chart__trigger svg{width:1rem;height:1rem;flex-shrink:0}.zoh-size-chart__calculator-link{padding:0;border:0;background:transparent;color:rgb(var(--color-foreground-rgb) / .72);font:inherit;font-size:.8125rem;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.zoh-size-chart__calculator-link:hover{color:inherit}.theme-drawer__dialog.zoh-size-chart-drawer__dialog{--theme-drawer-padding: 0;z-index:calc(var(--layer-menu-drawer) + var(--drawer-stack-order, 1));width:min(100vw,34rem)}.zoh-size-chart-drawer__body{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 4.5rem)}.zoh-size-chart-drawer__intro{padding:1rem 1.25rem 0}.zoh-size-chart-drawer__product{margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.zoh-size-chart-drawer__subtitle{display:block;margin:.25rem 0 0;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .62)}.zoh-size-chart__tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:1rem 1.25rem 0;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .12)}.zoh-size-chart__tab{position:relative;padding:.85rem .5rem;border:0;background:transparent;color:rgb(var(--color-foreground-rgb) / .55);font:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.zoh-size-chart__tab[aria-selected=true]{color:inherit}.zoh-size-chart__tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--color-primary, #e31c23)}.zoh-size-chart__panel{display:none;flex:1;overflow:auto;padding:1.25rem}.zoh-size-chart__panel[hidden]{display:none!important}.zoh-size-chart__panel.is-active{display:block}.zoh-size-chart__hero{display:grid;gap:1.25rem}@media screen and (min-width:750px){.zoh-size-chart__hero--with-diagram{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start}}.zoh-size-chart__legend{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.zoh-size-chart__legend-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.zoh-size-chart__legend-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .08);font-size:.75rem;font-weight:700;line-height:1}.zoh-size-chart__legend-title{margin:0;font-size:.875rem;font-weight:700}.zoh-size-chart__legend-text{margin:.2rem 0 0;font-size:.8125rem;line-height:1.45;color:rgb(var(--color-foreground-rgb) / .72)}.zoh-size-chart__diagram{margin:0;border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:.75rem;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .03);aspect-ratio:32 / 21;max-height:22rem}.zoh-size-chart__diagram img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.zoh-size-chart__notes{display:grid;gap:.75rem;margin-top:1.25rem}.zoh-size-chart__note{margin:0;font-size:.75rem;line-height:1.5;color:rgb(var(--color-foreground-rgb) / .72)}.zoh-size-chart__note strong{color:inherit}.zoh-size-chart__table-wrap{margin-top:1.25rem;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:.75rem;overflow:auto}.zoh-size-chart__table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .1);background:rgb(var(--color-foreground-rgb) / .03)}.zoh-size-chart__unit-toggle{display:inline-flex;padding:.15rem;border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:999px;background:var(--color-background)}.zoh-size-chart__unit-btn{min-width:4.5rem;padding:.35rem .75rem;border:0;border-radius:999px;background:transparent;color:rgb(var(--color-foreground-rgb) / .65);font:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.zoh-size-chart__unit-btn[aria-pressed=true]{background:var(--color-foreground);color:var(--color-background)}.zoh-size-chart__table{width:100%;border-collapse:collapse;font-size:.8125rem}.zoh-size-chart__table th,.zoh-size-chart__table td{padding:.85rem .75rem;text-align:center;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .08);white-space:nowrap}.zoh-size-chart__table th{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .72);background:rgb(var(--color-foreground-rgb) / .02)}.zoh-size-chart__table tbody tr:last-child td{border-bottom:0}.zoh-size-chart__table td:first-child,.zoh-size-chart__table th:first-child{position:sticky;left:0;z-index:1;text-align:left;font-weight:700;background:var(--color-background);box-shadow:1px 0 rgb(var(--color-foreground-rgb) / .08)}.zoh-size-chart__calculator{display:grid;gap:1rem}.zoh-size-chart__calculator-toolbar{display:flex;justify-content:flex-end}.zoh-size-chart__field{display:grid;gap:.45rem}.zoh-size-chart__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.zoh-size-chart__input-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.zoh-size-chart__input,.zoh-size-chart__select{width:100%;min-height:2.75rem;padding:.65rem .85rem;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:.5rem;background:var(--color-background);color:inherit;font:inherit;font-size:.9375rem}.zoh-size-chart__input:focus-visible,.zoh-size-chart__select:focus-visible,.zoh-size-chart__calculate:focus-visible{outline:2px solid var(--color-primary, #e31c23);outline-offset:2px}.zoh-size-chart__unit-badge{min-width:2.75rem;padding:.65rem .5rem;border-radius:.5rem;background:rgb(var(--color-foreground-rgb) / .06);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-align:center}.zoh-size-chart__calculate{width:100%;min-height:2.875rem;border:0;border-radius:999px;background:var(--color-foreground);color:var(--color-background);font:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.zoh-size-chart__calculate:hover{opacity:.92}.zoh-size-chart__result{display:grid;gap:.35rem;padding:1rem;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:.75rem;background:rgb(var(--color-foreground-rgb) / .03)}.zoh-size-chart__result[hidden]{display:none!important}.zoh-size-chart__result-label{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .65)}.zoh-size-chart__result-size{margin:0;font-size:1.75rem;font-weight:800;line-height:1}.zoh-size-chart__result-empty{margin:0;font-size:.875rem;color:rgb(var(--color-foreground-rgb) / .72)}.zoh-size-chart__scale{display:grid;gap:.45rem;margin-top:.5rem}.zoh-size-chart__scale-labels{display:flex;justify-content:space-between;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .55)}.zoh-size-chart__scale-track{position:relative;height:.35rem;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .12);overflow:hidden}.zoh-size-chart__scale-fit{position:absolute;inset-block:0;background:#22a06b}.zoh-size-chart__scale-marker{position:absolute;top:50%;width:.65rem;height:.65rem;border:2px solid var(--color-background);border-radius:999px;background:var(--color-primary, #e31c23);transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/zoh-size-chart.css.map */