.size-guide-trigger{margin:1.6rem 0}.size-guide-trigger__button{min-height:4.6rem;border:var(--444-border-hairline) solid var(--444-color-red);font-family:var(--444-font-display-family);font-weight:var(--444-font-weight-strong);letter-spacing:var(--444-letter-spacing-tight);text-transform:var(--444-text-transform-display)}.size-guide-modal[hidden]{display:none}.size-guide-modal{width:min(92vw,96rem);max-width:calc(100vw - 3.2rem);max-height:min(86vh,86rem);margin:auto;padding:0;border:0;overflow:visible;background:transparent;color:rgb(var(--color-foreground))}.size-guide-modal::backdrop{background:var(--444-color-overlay)}.size-guide-modal__dialog{position:relative;width:100%;max-height:inherit;margin:0;overflow:auto;border:var(--444-border-hairline) solid var(--444-color-red);background:rgb(var(--color-background));box-shadow:0 2rem 6rem #00000073}.size-guide-modal__dialog:focus{outline:var(--444-border-strong) solid var(--444-color-focus-ring);outline-offset:.3rem}.size-guide-modal__close{position:sticky;z-index:2;top:1.2rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:1.2rem 1.2rem 0 auto;border:.1rem solid rgba(var(--color-foreground),.24);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.size-guide-modal__close .svg-wrapper{width:1.8rem;height:1.8rem}.size-guide-modal__header,.size-guide-modal__grid,.size-guide-modal__source-note,.size-guide-modal__unit-toggle,.size-guide-modal__table-wrap,.size-guide-modal__notes,.size-guide-modal__warning{margin-right:clamp(1.6rem,4vw,4rem);margin-left:clamp(1.6rem,4vw,4rem)}.size-guide-modal__header{margin-top:.8rem}.size-guide-modal__eyebrow{margin:0 0 .6rem;color:var(--444-color-text-muted);font-family:var(--444-font-display-family);font-size:1.2rem;font-weight:var(--444-font-weight-strong);letter-spacing:var(--444-letter-spacing-tight);text-transform:var(--444-text-transform-display)}.size-guide-modal__title{margin:0;color:rgb(var(--color-foreground));font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:0;line-height:.95;text-transform:uppercase}.size-guide-modal__intro{max-width:68rem;margin:1.2rem 0 0;color:rgba(var(--color-foreground),.78);font-size:1.5rem;line-height:1.6}.size-guide-modal__warning,.size-guide-modal__source-note{padding:1.2rem 1.4rem;border:var(--444-border-hairline) solid var(--444-color-red);background:rgba(var(--color-button),.12);color:rgb(var(--color-foreground));font-family:var(--444-font-display-family);font-size:1.2rem;font-weight:var(--444-font-weight-strong);letter-spacing:var(--444-letter-spacing-tight);text-transform:var(--444-text-transform-display)}.size-guide-modal__source-note{background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.78);font-family:var(--font-body-family);font-weight:600;text-transform:none}.size-guide-modal__grid{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:clamp(1.6rem,4vw,4rem);align-items:center;margin-top:2rem}.size-guide-modal__diagram{color:rgb(var(--color-foreground))}.size-guide-modal__diagram svg{width:100%;height:auto}.size-guide-modal__diagram text{fill:var(--444-color-red-text);font:var(--444-font-weight-strong) 2rem var(--444-font-display-family)}.size-guide-modal__instructions h3{margin:0 0 1rem;font-size:1.8rem;letter-spacing:var(--444-letter-spacing-tight);text-transform:var(--444-text-transform-display)}.size-guide-modal__instructions ol{display:grid;gap:1rem;margin:0;padding-left:2rem;color:rgba(var(--color-foreground),.78);font-size:1.4rem;line-height:1.55}.size-guide-modal__unit-toggle{display:flex;flex-wrap:nowrap;gap:.8rem;margin-top:2rem;overflow-x:auto}.size-guide-modal__unit-toggle button{min-width:7rem;min-height:4rem;border:.1rem solid rgba(var(--color-foreground),.28);background:transparent;color:rgb(var(--color-foreground));cursor:pointer;font-family:var(--444-font-display-family);font-weight:var(--444-font-weight-strong);letter-spacing:var(--444-letter-spacing-tight)}.size-guide-modal__unit-toggle button[aria-pressed=true]{border-color:var(--444-color-red);background:var(--444-color-red);color:var(--444-color-action-text)}.size-guide-modal__table-wrap{margin-top:1.4rem;overflow-x:auto;border:.1rem solid rgba(var(--color-foreground),.16)}.size-guide-modal__table{width:100%;min-width:62rem;border-collapse:collapse}.size-guide-modal__table[hidden]{display:none}.size-guide-modal__table caption{padding:1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.16);text-align:left;font-family:var(--444-font-display-family);font-weight:var(--444-font-weight-strong);letter-spacing:var(--444-letter-spacing-tight);text-transform:var(--444-text-transform-display)}.size-guide-modal__table th,.size-guide-modal__table td{padding:1.1rem 1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12);text-align:left;white-space:nowrap}.size-guide-modal__table th{font-family:var(--444-font-display-family);font-weight:var(--444-font-weight-strong)}.size-guide-modal__notes{display:grid;gap:.8rem;margin-top:1.8rem;margin-bottom:3.2rem;color:rgba(var(--color-foreground),.76);font-size:1.3rem;line-height:1.5}.size-guide-modal__notes p{margin:0}@media screen and (max-width:749px){.size-guide-modal{width:100vw;max-width:100vw;max-height:100vh}.size-guide-modal__dialog{max-height:100vh;min-height:100vh;border-right:0;border-left:0}.size-guide-modal__grid{grid-template-columns:1fr}.size-guide-modal__diagram{max-width:28rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-444-size-guide.css.map */
