size-guide-measurements,.size-guide-measurements{--sgm-accent: var(--color-foreground, #111);--sgm-muted: rgba(0, 0, 0, .55);--sgm-border: rgba(0, 0, 0, .12);--sgm-bg-soft: rgba(0, 0, 0, .035);--sgm-bg-flash: rgba(0, 0, 0, .08);--sgm-easing: cubic-bezier(.22, 1, .36, 1);--sgm-transition: .28s var(--sgm-easing);--sgm-font-size: var(--font-size-sm);--sgm-font-size-uppercase: 11.5px;display:block;width:100%}.size-guide-measurements__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:1024px){.size-guide-page__guide-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-rows:minmax(0,1fr) auto;column-gap:var(--space-3xl);row-gap:var(--space-md);align-items:stretch;max-height:min(70vh,680px)}.size-guide-page__guide-body .size-guide-measurements__grid,.size-guide-measurements__visual{display:contents}.size-guide-measurements__visual>.size-guide-measurements__stage{grid-column:1;grid-row:1 / span 2;align-self:stretch;min-height:0;width:100%;height:100%;aspect-ratio:auto}.size-guide-measurements__visual>.size-guide-measurements__bar{grid-column:2;grid-row:2}.size-guide-measurements__table-section{grid-column:2;grid-row:1;align-self:stretch;min-height:0;display:flex;flex-direction:column;gap:var(--space-sm)}.size-guide-measurements__table-section .size-guide-measurements__table-wrap{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.size-guide-measurements__table-wrap thead th,.size-guide-measurements__table-wrap thead td,.size-guide-measurements__table-wrap tr:first-child th{position:sticky;top:0;z-index:2}.size-guide-measurements__table-section .size-guide-measurements__unit-toggle{align-self:flex-end;position:static}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1-1"]){aspect-ratio:1 / 1}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1500-1734"]){aspect-ratio:1500 / 1734}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1728-1997"]){aspect-ratio:1728 / 1997}.size-guide-measurements__bar{grid-column:2;grid-row:2;margin-top:0;padding-top:var(--space-md);border-top:1px solid var(--sgm-border)}}.size-guide-measurements__visual{position:relative}.size-guide-measurements__stage{position:relative;aspect-ratio:1728 / 1997;width:100%;background:var(--sgm-bg-soft);border:1px solid var(--sgm-border);border-radius:8px;overflow:hidden}.size-guide-measurements__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:stretch;opacity:0;transform:scale(.96) translateY(8px);transition:opacity var(--sgm-transition),transform var(--sgm-transition);pointer-events:none}.size-guide-measurements__slide.is-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.size-guide-measurements__svg{width:100%;height:100%;max-height:460px}.size-guide-measurements__photo{position:relative;width:100%;height:100%}.size-guide-measurements__photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.size-guide-measurements__photo{aspect-ratio:var(--sgm-photo-ratio, auto)}@media(max-width:1023px){.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1728-1997"]){aspect-ratio:1728 / 1997}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1500-1734"]){aspect-ratio:1500 / 1734}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1600-1856"]){aspect-ratio:1600 / 1856}.size-guide-measurements__stage:has(.size-guide-measurements__slide.is-active [data-photo-ratio="1-1"]){aspect-ratio:1 / 1}.size-guide-measurements__photo-img{object-fit:contain}}.size-guide-measurements__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none}.size-guide-measurements__svg .sgm-body{fill:none;stroke:var(--sgm-accent);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;opacity:.32}.size-guide-measurements__svg .sgm-line{fill:none;stroke:#fff;stroke-width:.8;stroke-linecap:round;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.6))}.size-guide-measurements__svg .sgm-line path{stroke:inherit;stroke-width:inherit;stroke-linecap:inherit;fill:none;stroke-dasharray:1;stroke-dashoffset:1}.size-guide-measurements__svg .sgm-tick{fill:#fff;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.6));opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0)}.size-guide-measurements__slide.is-active .sgm-line path{animation:sgm-draw 2.4s .12s var(--sgm-easing) infinite}.size-guide-measurements__slide.is-active .sgm-tick[data-tick=start]{animation:sgm-pulse .38s .12s var(--sgm-easing) forwards}.size-guide-measurements__slide.is-active .sgm-tick[data-tick=end]{animation:sgm-pulse .38s .8s var(--sgm-easing) forwards}.size-guide-measurements__slide:not(:has(.size-guide-measurements__photo)) .sgm-line{stroke:var(--sgm-accent);stroke-width:2.4;filter:none}.size-guide-measurements__slide:not(:has(.size-guide-measurements__photo)) .sgm-tick{fill:var(--sgm-accent);filter:none}.size-guide-measurements__slide:not(.is-active) .sgm-line,.size-guide-measurements__slide[data-sgm-key=chest] .sgm-line:not([data-sgm-line=chest]),.size-guide-measurements__slide[data-sgm-key=waist] .sgm-line:not([data-sgm-line=waist]),.size-guide-measurements__slide[data-sgm-key=hip] .sgm-line:not([data-sgm-line=hip]),.size-guide-measurements__slide[data-sgm-key=sleeve] .sgm-line:not([data-sgm-line=sleeve]),.size-guide-measurements__slide[data-sgm-key=front_length] .sgm-line:not([data-sgm-line=front_length]),.size-guide-measurements__slide[data-sgm-key=rise] .sgm-line:not([data-sgm-line=rise]),.size-guide-measurements__slide[data-sgm-key=inseam] .sgm-line:not([data-sgm-line=inseam]),.size-guide-measurements__slide[data-sgm-key=height] .sgm-line:not([data-sgm-line=height]),.size-guide-measurements__slide[data-sgm-key=weight] .sgm-line:not([data-sgm-line=weight]),.size-guide-measurements__slide[data-sgm-key=foot_length] .sgm-line:not([data-sgm-line=foot_length]),.size-guide-measurements__slide[data-sgm-key=foot_width] .sgm-line:not([data-sgm-line=foot_width]){display:none}@keyframes sgm-draw{0%{stroke-dashoffset:1}40%{stroke-dashoffset:0}60%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}@keyframes sgm-pulse{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.size-guide-page__guide-title-row{display:flex;align-items:center;gap:var(--space-sm)}.size-guide-page__guide-title-row .size-guide-page__guide-title{flex:1;min-width:0}.size-guide-measurements__view-tabs{display:none}@media(max-width:1023px){.size-guide-measurements__view-tabs{display:inline-flex;flex-shrink:0;gap:2px;padding:3px;background:var(--sgm-bg-soft);border-radius:999px}.size-guide-measurements__view-tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--sgm-muted);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;cursor:pointer;transition:background var(--sgm-transition),color var(--sgm-transition)}.size-guide-measurements__view-tab svg{width:18px;height:18px}.size-guide-measurements__view-tab.is-active{background:var(--sgm-accent);color:var(--color-background, #fff)}.size-guide-measurements__view-tab:focus-visible{outline:2px solid var(--sgm-accent);outline-offset:3px}.size-guide-page__guide-body[data-sgm-view-active=table] [data-sgm-view-panel=howto],.size-guide-page__guide-body[data-sgm-view-active=howto] [data-sgm-view-panel=table]{display:none}}.size-guide-measurements__guide-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--sgm-border);border-radius:50%;margin-right:var(--space-sm);vertical-align:middle;color:var(--sgm-accent)}.size-guide-measurements__guide-icon svg{width:20px;height:20px}.size-guide-measurements__bar{margin-top:var(--space-xl);padding:var(--space-md) 0 0;border-top:1px solid var(--sgm-border);display:flex;flex-direction:column;gap:var(--space-sm)}.size-guide-measurements__steps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media(max-width:1023px){.size-guide-measurements__steps{flex-wrap:wrap;justify-content:center;padding:0;gap:6px}.size-guide-measurements__bar{margin-top:var(--space-sm);padding-top:var(--space-sm);gap:6px}}.size-guide-measurements__step{-webkit-appearance:none;appearance:none;border:1px solid var(--sgm-border);background:transparent;color:var(--sgm-accent);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:var(--sgm-font-size);letter-spacing:.02em;transition:background var(--sgm-transition),border-color var(--sgm-transition),color var(--sgm-transition),transform var(--sgm-transition)}.size-guide-measurements__step:hover{border-color:var(--sgm-accent)}.size-guide-measurements__step:hover .size-guide-measurements__step-icon svg{transform:translateY(-1px)}.size-guide-measurements__step.is-active{background:var(--sgm-accent);color:var(--color-background, #fff);border-color:var(--sgm-accent);animation:sgm-step-bounce .38s var(--sgm-easing)}.size-guide-measurements__step:focus-visible{outline:2px solid var(--sgm-accent);outline-offset:3px}.size-guide-measurements__step-icon{display:inline-grid;place-items:center;width:16px;height:16px}.size-guide-measurements__step-icon svg{width:16px;height:16px;transition:transform var(--sgm-transition)}@keyframes sgm-step-bounce{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.size-guide-measurements__caption{margin:0;text-align:center;font-size:var(--sgm-font-size);line-height:1.5;min-height:2.6em;color:var(--sgm-muted)}@media(max-width:1023px){.size-guide-measurements__caption{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-sm);align-items:baseline;min-height:0}.size-guide-measurements__caption-step{grid-row:1;grid-column:1;margin-right:0}.size-guide-measurements__caption-label{grid-row:1;grid-column:2;margin-right:0}.size-guide-measurements__caption-description{grid-row:2;grid-column:1 / -1;line-height:1.45}}.size-guide-measurements__caption-step{display:inline-block;margin-right:8px;font-size:var(--sgm-font-size-uppercase);letter-spacing:.12em;text-transform:uppercase;color:var(--sgm-muted);vertical-align:middle}.size-guide-measurements__caption-label{color:var(--sgm-accent);font-weight:600;margin-right:6px}.size-guide-measurements__unit-toggle{display:inline-flex;gap:0;margin-bottom:var(--space-sm);border:1px solid var(--sgm-border);border-radius:999px;padding:2px;background:var(--color-background, #fff);position:sticky;top:0;z-index:3}@media(max-width:1023px){.size-guide-measurements__unit-toggle{align-self:flex-end;margin-left:auto;display:flex;width:fit-content}}.size-guide-measurements__unit-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--sgm-muted);font-size:var(--sgm-font-size-uppercase);font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background var(--sgm-transition),color var(--sgm-transition)}.size-guide-measurements__unit-btn.is-active{background:var(--sgm-accent);color:var(--color-background, #fff)}.size-guide-measurements__unit-btn:focus-visible{outline:2px solid var(--sgm-accent);outline-offset:3px}.size-guide-measurements__table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overscroll-behavior-x:contain;width:100%}.size-guide-measurements__table-wrap table{border-collapse:collapse;font-family:var(--font-family-base);font-feature-settings:"tnum" 1,"lnum" 1;font-size:var(--sgm-font-size);min-width:100%;width:100%}.size-guide-measurements__table-wrap thead th,.size-guide-measurements__table-wrap thead td,.size-guide-measurements__table-wrap tr:first-child th{background-color:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));font-size:var(--sgm-font-size-uppercase);font-weight:var(--font-weight-bold);letter-spacing:.12em;padding:1.1rem var(--space-md);text-transform:uppercase;text-align:left;white-space:nowrap}.size-guide-measurements__table-wrap th,.size-guide-measurements__table-wrap td{border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .1));padding:1.2rem var(--space-md);text-align:left;white-space:nowrap}.size-guide-measurements__table-wrap thead th:not(:first-child),.size-guide-measurements__table-wrap thead td:not(:first-child),.size-guide-measurements__table-wrap tbody td:not(:first-child),.size-guide-measurements__table-wrap tr:first-child th:not(:first-child){text-align:center}.size-guide-measurements__table-wrap tbody td:not(:first-child){color:rgba(var(--color-foreground-rgb),.78);font-weight:var(--font-weight-regular)}.size-guide-measurements__table-wrap tbody tr:nth-child(2n){background-color:rgba(var(--color-foreground-rgb),.025)}.size-guide-measurements__table-wrap tbody tr:hover{background-color:rgba(var(--color-foreground-rgb),.06)}.size-guide-measurements__table-wrap tbody tr:last-child td{border-bottom:none}@media(max-width:1023px){.size-guide-measurements__table-wrap{border-radius:8px;border:0;overflow:hidden;line-height:0}.size-guide-measurements__table-wrap table{border-collapse:collapse;line-height:1.5;margin:0;width:100%}.size-guide-measurements__table-wrap table{table-layout:auto;font-size:.78rem;font-feature-settings:"tnum" 1,"lnum" 1}.size-guide-measurements__table-wrap th,.size-guide-measurements__table-wrap td{padding:.55rem .5rem;white-space:normal;word-break:break-word;border-bottom:none}.size-guide-measurements__table-wrap tbody tr:nth-child(2n){background-color:rgba(var(--color-foreground-rgb),.04)}.size-guide-measurements__table-wrap thead th,.size-guide-measurements__table-wrap thead td,.size-guide-measurements__table-wrap tr:first-child th{font-size:10px;letter-spacing:.06em;padding:.6rem .5rem}.size-guide-measurements__table-wrap th:first-child,.size-guide-measurements__table-wrap td:first-child{width:1%;white-space:nowrap;padding-left:.9rem;padding-right:.9rem;text-align:center}.size-guide-measurements__table-wrap thead th:first-child,.size-guide-measurements__table-wrap tr:first-child th:first-child{text-align:center}.size-guide-measurements__table-wrap th:last-child,.size-guide-measurements__table-wrap td:last-child{padding-right:.9rem}.size-guide-measurements__table-wrap tbody td:first-child{font-weight:700}.size-guide-measurements__unit-toggle{position:static;display:flex;width:fit-content;margin:var(--space-sm) 0 0 auto;padding:2px;background:transparent;box-shadow:none}.size-guide-measurements__unit-btn{padding:6px 12px;font-size:11px}}@media(min-width:1024px){.size-guide-measurements__table-wrap th[data-measurement-row],.size-guide-measurements__table-wrap td[data-measurement-row]{cursor:help;transition:background var(--sgm-transition),transform var(--sgm-transition)}.size-guide-measurements__table-wrap th.is-highlighted,.size-guide-measurements__table-wrap td.is-highlighted{background:var(--sgm-bg-soft);transform:translateY(-2px)}.size-guide-measurements__table-wrap th.is-flashing,.size-guide-measurements__table-wrap td.is-flashing{animation:sgm-flash .6s var(--sgm-easing)}}@keyframes sgm-flash{0%,to{background:transparent}30%{background:var(--sgm-bg-flash)}}.size-guide-measurements__table-wrap tbody tr{opacity:0;transform:translateY(6px)}.size-guide-measurements__table-wrap.is-revealed tbody tr{animation:sgm-row-in .42s var(--sgm-easing) forwards}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(1){animation-delay:0ms}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(2){animation-delay:30ms}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(3){animation-delay:60ms}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(4){animation-delay:90ms}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(5){animation-delay:.12s}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(6){animation-delay:.15s}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(7){animation-delay:.18s}.size-guide-measurements__table-wrap.is-revealed tr:nth-child(n+8){animation-delay:.21s}@keyframes sgm-row-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.size-guide-measurements__slide,.size-guide-measurements__step,.size-guide-measurements__step-icon svg,.size-guide-measurements__arrow,.size-guide-measurements__table-wrap th,.size-guide-measurements__table-wrap td,.size-guide-measurements__table-wrap tr{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}.size-guide-measurements__svg .sgm-line path{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.size-guide-measurements__svg .sgm-tick{animation:none!important;transform:scale(1)!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/component-size-guide-measurements.css.map */