.js-size-chart{--size-chart-ink: #222222;--size-chart-blue: #0f6bb7;--size-chart-ice: #f3f6f9;--size-chart-line: #dee5ec;--size-chart-text: #030303;--size-chart-text-mid: #666666;display:flex;flex-direction:column;gap:16px;color:var(--size-chart-text);font-family:var(--js-sans-font-family, "Source Sans Pro", sans-serif)}.js-size-chart__radio{position:absolute;opacity:0;pointer-events:none}.drawer.js-size-chart-drawer{--drawer-body-padding: 0 var(--spacing-6) var(--spacing-5)}.js-size-chart-drawer .js-size-chart{padding-block-start:var(--spacing-5)}@media screen and (min-width:700px){.drawer.js-size-chart-drawer{--drawer-body-padding: 0 var(--spacing-10) var(--spacing-8)}.js-size-chart-drawer .js-size-chart{padding-block-start:var(--spacing-8)}}.js-size-chart__tabs{display:flex;gap:24px;border-bottom:1px solid var(--size-chart-line)}.js-size-chart__tab{margin-bottom:-1px;padding:0 0 12px;border-bottom:3px solid transparent;color:var(--size-chart-text-mid);font-family:var(--js-condensed-font-family, "Open Sans Condensed", sans-serif);font-size:16px;font-weight:700;line-height:20px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.js-size-chart__tab:hover{color:var(--size-chart-text)}.js-size-chart__radio--length:checked~.js-size-chart__tabs .js-size-chart__tab--length,.js-size-chart__radio--width:checked~.js-size-chart__tabs .js-size-chart__tab--width{border-bottom-color:var(--size-chart-blue);color:var(--size-chart-text)}.js-size-chart__radio--length:focus-visible~.js-size-chart__tabs .js-size-chart__tab--length,.js-size-chart__radio--width:focus-visible~.js-size-chart__tabs .js-size-chart__tab--width{outline:2px solid var(--size-chart-blue);outline-offset:4px}.js-size-chart__panel{display:none;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:start}.js-size-chart__radio--length:checked~.js-size-chart__panel--length,.js-size-chart__radio--width:checked~.js-size-chart__panel--width{display:grid}.js-size-chart__table-wrap{min-width:0;border:1px solid var(--size-chart-line);background:#fff}.js-size-chart__table{width:100%;margin:0;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:16px;font-variant-numeric:tabular-nums}.js-size-chart__table thead{position:sticky;top:0;z-index:2}.js-size-chart .js-size-chart__group th{position:sticky;top:var(--size-chart-head-height, 0px);z-index:1}.js-size-chart .js-size-chart__table :is(th,td),.js-size-chart .js-size-chart__table :is(th,td):first-child,.js-size-chart .js-size-chart__table :is(th,td):last-child{padding:4px 2px;text-align:center;white-space:nowrap}.js-size-chart__table tbody :is(th,td){border-bottom:1px solid var(--size-chart-line)}.js-size-chart .js-size-chart__table thead th{background:var(--size-chart-ink);color:#fff;padding-block:6px;font-family:var(--js-condensed-font-family, "Open Sans Condensed", sans-serif);font-size:12px;font-weight:700;line-height:14px;letter-spacing:.04em;text-transform:uppercase;white-space:normal;vertical-align:middle}.js-size-chart__table thead tr:not(.js-size-chart__title-row){background:var(--size-chart-ink)}.js-size-chart .js-size-chart__table .js-size-chart__title-row th{padding:8px 10px;border-bottom:1px solid var(--size-chart-line);background:#fff;color:var(--size-chart-text);font-size:15px;line-height:20px;letter-spacing:0;text-align:start}.js-size-chart .js-size-chart__table thead tr:not(.js-size-chart__title-row) th[colspan]{padding-bottom:2px;border-bottom:0}.js-size-chart .js-size-chart__subhead th{padding-top:2px;color:#cfd8e1}.js-size-chart .js-size-chart__group th{background:var(--size-chart-ice);color:var(--size-chart-blue);padding:3px 10px;font-family:var(--js-condensed-font-family, "Open Sans Condensed", sans-serif);font-size:11px;font-weight:700;line-height:14px;letter-spacing:.08em;text-align:start;text-transform:uppercase}.js-size-chart__table tbody tr:not(.js-size-chart__group):hover{background:#0f6bb70f}.js-size-chart__table tbody td:first-child{font-weight:600}.js-size-chart__na{color:#b5bec7}.js-size-chart__frac{display:inline-block;margin-inline-start:1px;font-size:.72em;line-height:0;letter-spacing:-.02em;white-space:nowrap}.js-size-chart__frac sup,.js-size-chart__frac sub{font-size:1em;line-height:0}.js-size-chart__frac sup{vertical-align:.45em}.js-size-chart__frac sub{vertical-align:-.1em}.js-size-chart__tips{display:flex;flex-direction:column;gap:6px;padding:16px;background:#f4f4f4;color:var(--size-chart-text-mid);font-size:13px;line-height:18px}.js-size-chart__tips-title{margin:0;color:var(--size-chart-text);font-family:var(--js-condensed-font-family, "Open Sans Condensed", sans-serif);font-size:15px;font-weight:700;line-height:20px;text-transform:uppercase}.js-size-chart__tips-title:not(:first-child){margin-top:6px}.js-size-chart__tips ul{display:flex;flex-direction:column;gap:2px;margin:0;padding-inline-start:16px;list-style:disc}.js-size-chart__disclaimer{margin:8px 0 0;color:var(--size-chart-text);font-style:italic}.js-size-chart__disclaimer a{color:#056cb6;font-style:normal;font-weight:700;text-decoration:underline;text-underline-offset:2px}.js-size-chart__zoom-input{position:absolute;opacity:0;pointer-events:none}.js-size-chart__zoom{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;margin-bottom:8px;padding:6px 12px;border:1px solid var(--size-chart-line);background:#fff;color:var(--size-chart-text);font-family:var(--js-sans-font-family, "Source Sans Pro", sans-serif);font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;cursor:pointer;align-self:center}.js-size-chart__zoom:hover{border-color:var(--size-chart-blue);color:var(--size-chart-blue)}.js-size-chart__zoom-input:focus-visible~.js-size-chart__tabs .js-size-chart__zoom{outline:2px solid var(--size-chart-blue);outline-offset:2px}.js-size-chart__zoom-off,.js-size-chart__zoom-input:checked~.js-size-chart__tabs .js-size-chart__zoom-on,.js-size-chart__zoom-input:checked~.js-size-chart__tabs .js-size-chart__zoom-plus{display:none}.js-size-chart__zoom-input:checked~.js-size-chart__tabs .js-size-chart__zoom-off{display:inline}.js-size-chart__zoom-input:checked~.js-size-chart__tabs .js-size-chart__zoom{border-color:var(--size-chart-blue);background:var(--size-chart-blue);color:#fff}@media screen and (min-width:700px){.drawer.js-size-chart-drawer:has(.js-size-chart__zoom-input:checked){width:min(1040px,100vw)}}.js-size-chart__zoom-input:checked~.js-size-chart__panel{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}.js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table{font-size:18px;line-height:24px}.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table :is(th,td),.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table :is(th,td):first-child,.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table :is(th,td):last-child{padding:8px 4px}.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table thead th{font-size:15px;line-height:18px}.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__title-row th:first-child{padding:10px 12px;font-size:19px;line-height:24px}.js-size-chart .js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__group th:first-child{padding:5px 12px;font-size:14px;line-height:18px}.js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__frac{font-size:.8em}.js-size-chart__zoom-input:checked~.js-size-chart__tips{gap:8px;padding:24px;font-size:17px;line-height:26px}.js-size-chart__zoom-input:checked~.js-size-chart__tips .js-size-chart__tips-title{font-size:19px;line-height:26px}@media screen and (max-width:699px){.js-size-chart__zoom-input:checked~.js-size-chart__panel{grid-template-columns:minmax(0,1fr)}.js-size-chart__zoom-input:checked~.js-size-chart__panel .js-size-chart__table{font-size:17px}}@media screen and (max-width:479px){.js-size-chart__tabs{gap:16px}.js-size-chart__zoom{padding:6px 8px}.js-size-chart__zoom :is(.js-size-chart__zoom-on,.js-size-chart__zoom-off){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/js-size-chart.css.map */