.size-guide-opener{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.6rem;padding:.4rem 0;border:0;background:none;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;letter-spacing:.06rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.size-guide-opener:hover{text-decoration-thickness:.2rem}.size-guide-opener__icon{flex:none;width:2rem;height:2rem}.size-guide__dialog{width:min(86rem,calc(100vw - 4rem));max-width:none;max-height:calc(100dvh - 4rem);padding:0;border:0;border-radius:var(--popup-corner-radius);color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 .8rem 3rem #00000026;overflow-y:auto;overscroll-behavior:contain}.size-guide__dialog::backdrop{background:#0006}.size-guide__panel{padding:2.4rem 3.2rem 3.2rem}.size-guide__header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.size-guide__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.3rem;letter-spacing:.15rem;line-height:1.4;text-transform:uppercase}.size-guide__close{display:grid;place-items:center;flex:none;width:4.4rem;height:4.4rem;margin-right:-1.2rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.size-guide__close .svg-wrapper,.size-guide__close svg{width:1.6rem;height:1.6rem}.size-guide__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;margin:2rem 0 2.4rem}.size-guide__sizes,.size-guide__units{display:flex;flex-wrap:wrap;gap:.8rem}.size-guide__toggle{min-width:4.8rem;padding:1rem 1.6rem;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.1rem;line-height:1;cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.size-guide__size[aria-pressed=true]{background:var(--rw-accent);color:var(--rw-black);border-color:transparent}.size-guide__size:not([aria-pressed=true]):hover{background:var(--rw-accent-40)}.size-guide__unit[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-guide__unit:not([aria-pressed=true]):hover{background:rgba(var(--color-foreground),.06)}.size-guide__units{gap:0}.size-guide__unit{min-width:4.4rem;padding-inline:1.2rem;font-size:1.1rem;text-transform:uppercase}.size-guide__unit+.size-guide__unit{margin-left:calc(var(--variant-pills-border-width) * -1)}.size-guide__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem}.size-guide__figure{margin:0;padding:2.4rem 2.4rem 1.6rem;background:rgba(var(--color-foreground),.04)}.size-guide__body--no-figure{grid-template-columns:minmax(0,1fr)}.size-guide__diagram{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.size-guide__note{margin-top:1.6rem;color:rgba(var(--color-foreground),.7);font-size:1.1rem;line-height:1.5;text-align:center}.size-guide__measures{display:grid;gap:2.8rem;margin:0;padding:0;list-style:none}.size-guide__measure p{margin:0}.size-guide__label{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;line-height:1.3}.size-guide__index{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.1rem}.size-guide__measure .size-guide__value{margin:.8rem 0 .6rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:5.2rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.size-guide__unit-label{margin-left:.2rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.4rem;letter-spacing:0}.size-guide__hint{max-width:34ch;color:rgba(var(--color-foreground),.75);font-size:1.3rem;line-height:1.5}@media screen and (max-width:749px){.size-guide__dialog{width:100%;max-height:92dvh;margin:auto 0 0}.size-guide__panel{padding:1.2rem 1.6rem 2.4rem}.size-guide__controls{margin:1.2rem 0 1.6rem}.size-guide__toggle{min-width:4.4rem;padding-inline:1.2rem}.size-guide__body{grid-template-columns:minmax(0,1fr);gap:.8rem}.size-guide__figure{padding:1.6rem 1.6rem 1.2rem}.size-guide__diagram{max-height:22rem}.size-guide__note{margin-top:1.2rem}.size-guide__measures{gap:0}.size-guide__measure{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1.6rem;padding:1.4rem 0}.size-guide__measure+.size-guide__measure{border-top:.1rem solid rgba(var(--color-foreground),.1)}.size-guide__measure .size-guide__value{grid-column:2;grid-row:1 / span 2;margin:0;font-size:3.6rem}.size-guide__hint{margin-top:.4rem;font-size:1.2rem}}@media(prefers-reduced-motion:no-preference){.size-guide__dialog[open]{animation:size-guide-in .25s ease}.size-guide__dialog[open]::backdrop{animation:size-guide-fade .25s ease}}@keyframes size-guide-in{0%{opacity:0;transform:translateY(1.6rem)}}@keyframes size-guide-fade{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-size-guide.css.map */