.size-guide{padding:0 var(--ruff-gutter) 90px}@media(min-width:681px){.size-guide{max-width:calc(610px + (var(--ruff-gutter) * 2));margin-inline:auto}}.size-guide-tabs{display:flex;justify-content:center;gap:34px;margin-bottom:44px;border-bottom:1px solid var(--ruff-line)}.size-guide-tab{padding:0 2px 12px;margin-bottom:-1px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--ruff-ink) 55%,transparent);border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.size-guide-tab:hover{color:var(--ruff-ink)}.size-guide-tab[aria-selected=true]{color:var(--ruff-ink);border-bottom-color:var(--ruff-ink)}.size-guide-tab:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:3px}.size-guide-panel-heading{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.size-guide-panel:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:4px}.size-guide-intro{max-width:720px;margin-bottom:40px;line-height:1.5}.size-guide-intro a{text-decoration:underline;text-underline-offset:3px}.size-guide-table-heading{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.size-guide-note{margin:14px 0 0;font-size:11px;letter-spacing:.03em;color:color-mix(in srgb,var(--ruff-ink) 62%,transparent)}.size-guide-scroller{overflow-x:auto;margin-bottom:46px;-webkit-overflow-scrolling:touch}.size-guide-scroller:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:3px}.size-guide-table{width:100%;min-width:500px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;border:1px solid var(--ruff-line)}.size-guide-table th,.size-guide-table td{padding:7px 8px;line-height:1.3;text-align:center;border-bottom:1px solid var(--ruff-line);white-space:nowrap}.size-guide-table th+th,.size-guide-table td+td,.size-guide-table tbody th+td{border-left:1px solid var(--ruff-line)}.size-guide-table tbody th[scope=row],.size-guide-table thead th:first-child{text-align:left;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.size-guide-table thead th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.size-guide-table-group:last-child .size-guide-scroller{margin-bottom:0}.size-guide-table-group+.size-guide-table-group{margin-top:46px}.size-guide-table-group .size-guide-note{margin-bottom:0}.size-guide-table--combined tbody th[scope=row]{font-size:12px}.size-guide-table--combined td{text-align:center}.size-guide-region{position:relative;display:inline-block;text-align:left}.size-guide-region>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ruff-ink);background:var(--ruff-paper);padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.size-guide-region>summary::-webkit-details-marker{display:none}.size-guide-region>summary:after{content:"";width:8px;height:4px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .15s ease}.size-guide-region[open]>summary:after{transform:rotate(180deg)}.size-guide-region>summary:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:2px}.size-guide-region-list{position:absolute;z-index:3;top:calc(100% - 1px);left:0;min-width:100%;display:flex;flex-direction:column;border:1px solid var(--ruff-ink);background:var(--ruff-paper)}.size-guide-region-list button{border:0;background:none;cursor:pointer;padding:8px 12px;font:inherit;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;color:inherit}.size-guide-region-list button:hover{background:color-mix(in srgb,var(--ruff-ink) 8%,transparent)}.size-guide-region-list button[aria-selected=true]{font-weight:700}.size-guide-region-list button:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:-2px}.no-js .size-guide-region>summary{pointer-events:none}.no-js .size-guide-region>summary:after,.no-js .size-guide-region-list{display:none}@media(min-width:681px)and (hover:hover){.size-guide-table tbody tr.is-row-hl th,.size-guide-table tbody tr.is-row-hl td,.size-guide-table .is-col-hl{background:color-mix(in srgb,var(--ruff-ink) 5%,transparent)}.size-guide-table tbody tr.is-row-hl .is-col-hl{background:color-mix(in srgb,var(--ruff-ink) 10%,transparent)}}.size-guide-units{display:flex;align-items:center;gap:26px;margin:0 0 20px;padding:0;border:0}.size-guide-unit{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.size-guide-unit input{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1px solid color-mix(in srgb,var(--ruff-ink) 40%,transparent);border-radius:50%;cursor:pointer}.size-guide-unit input:checked{border-color:var(--ruff-ink);border-width:2px;box-shadow:inset 0 0 0 2px var(--ruff-paper);background:var(--ruff-ink)}.size-guide-unit input:focus-visible{outline:2px solid var(--ruff-ink);outline-offset:2px}@media(min-width:681px){.size-guide-measure:has(.size-guide-figure--measure){display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.size-guide-measure:has(.size-guide-figure--measure) .size-guide-steps{grid-template-columns:1fr;gap:26px}.size-guide-measure .size-guide-figure--measure{margin:0}}.size-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px 34px;margin:0;padding:0;list-style:none;counter-reset:measure-step}.size-guide-step{counter-increment:measure-step}.size-guide-step-media{margin-bottom:16px;background:#f2f1ef}.size-guide-step-media img{aspect-ratio:4/5;object-fit:cover}.size-guide-step h3{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.size-guide-step h3:before{content:counter(measure-step,decimal-leading-zero) " / ";color:color-mix(in srgb,var(--ruff-ink) 50%,transparent)}.size-guide-step .rte{font-size:14px;line-height:1.55}.size-guide-figure{margin:44px 0 0;max-width:900px}.size-guide-figure img{width:100%;height:auto}.size-guide-figure figcaption{margin-top:12px;font-size:11px;letter-spacing:.04em;color:color-mix(in srgb,var(--ruff-ink) 62%,transparent)}.no-js .size-guide-tabs,.no-js .size-guide-units{display:none}.no-js .size-guide-panel[hidden]{display:block}.no-js .size-guide-panel-heading{position:static!important;width:auto;height:auto;margin:0 0 22px;clip:auto;overflow:visible;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}@media(max-width:680px){.size-guide{padding-bottom:60px}.size-guide-tabs{gap:22px;margin-bottom:32px}.size-guide-tab{font-size:10px;letter-spacing:.08em}.size-guide-table{font-size:11px;min-width:0}.size-guide-table th,.size-guide-table td{padding:7px 3px;letter-spacing:0}.size-guide-table tbody th[scope=row],.size-guide-table thead th:first-child{font-size:10px;letter-spacing:.02em}.size-guide-region>summary{gap:5px;padding:5px 6px;font-size:10px;letter-spacing:.02em}.size-guide-steps{grid-template-columns:1fr;gap:16px}}.theme-drawer--size-guide{width:calc(100% - 20px);max-width:590px}.theme-drawer--size-guide .size-guide{padding:28px 0 40px}.theme-drawer--size-guide .size-guide-table{min-width:0}.size-guide-loading{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ruff-ink) 60%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-size-guide.css.map */