.product-form__size-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.product-form__size-tools .size-guide-trigger{margin:.7rem 0 .2rem}.size-calculator-modal__content{width:min(100%,65rem)}.size-calculator-modal__subtitle{margin:-.8rem 0 2rem;font-size:1.3rem;line-height:1.5;text-align:center;color:rgba(var(--color-foreground),.75)}.size-calculator-modal__units-toggle{margin-bottom:4rem}.size-calculator-modal--results .size-calculator-modal__units-toggle,.size-calculator-modal--results .size-guide-modal__title,.size-calculator-modal--results .size-calculator-modal__subtitle{display:none}.size-calculator-modal__body{min-height:28rem}.size-calculator-modal__step-count{margin:0 0 .8rem;font-size:1.1rem;letter-spacing:.18em;line-height:1;text-align:center;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.size-calculator-modal__step-title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2rem);letter-spacing:calc(var(--font-heading-letter-spacing) + .06em);line-height:1.2;text-align:center}.size-calculator-modal__step-instruction{margin:0 0 2rem;font-size:1.3rem;line-height:1.5;text-align:center;color:rgba(var(--color-foreground),.8)}.size-calculator-modal__illustration{display:flex;justify-content:center;margin:0 0 2.4rem}.size-calculator-modal__illustration-image{width:min(100%,20rem);height:auto;object-fit:contain}.size-calculator-modal__illustration--placeholder{align-items:center;min-height:12rem;padding:2rem;border:.1rem dashed rgba(var(--color-foreground),.2)}.size-calculator-modal__illustration-hint{margin:0;text-align:center;opacity:.7}.size-calculator-modal__field{margin:0}.size-calculator-modal__input{width:100%;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;line-height:1;text-align:center;-webkit-appearance:textfield;appearance:textfield}.size-calculator-modal__input::-webkit-outer-spin-button,.size-calculator-modal__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.size-calculator-modal__input:focus{outline:.2rem solid rgba(var(--color-foreground),.35);outline-offset:.1rem}.size-calculator-modal__input--error{border-color:rgb(var(--color-button))}.size-calculator-modal__actions{display:flex;gap:1rem;margin-top:2.4rem}.size-calculator-modal__back,.size-calculator-modal__next{flex:1 1 0;min-height:4.8rem}.size-calculator-modal__back[hidden],.size-calculator-modal__next[hidden]{display:none}.size-calculator-modal__progress{display:flex;align-items:center;justify-content:center;gap:0;margin-top:2.4rem}.size-calculator-modal__progress-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.15);transition:background-color .2s ease}.size-calculator-modal__progress-dot.is-active,.size-calculator-modal__progress-dot.is-complete{background:rgb(var(--color-foreground))}.size-calculator-modal__progress-line{width:4.8rem;height:.1rem;background:rgba(var(--color-foreground),.15)}.size-calculator-modal__results-heading{margin:0 0 2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.8rem);letter-spacing:calc(var(--font-heading-letter-spacing) + .08em);line-height:1.2;text-align:center;text-transform:uppercase}.size-calculator-modal__result{padding:1.6rem;margin-bottom:1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);text-align:center}.size-calculator-modal__result--primary{background-color:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.size-calculator-modal__result--primary .size-calculator-modal__result-label,.size-calculator-modal__result--primary .size-calculator-modal__result-size{color:rgb(var(--color-button-text))}.size-calculator-modal__result--primary .size-calculator-modal__select-size{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.2)}.size-calculator-modal__result--primary .size-calculator-modal__select-size:hover{background-color:rgba(var(--color-background),.92)}.size-calculator-modal__result-label{margin:0 0 .6rem;font-size:1.1rem;letter-spacing:.16em;line-height:1.3;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.size-calculator-modal__result-size{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.4rem);letter-spacing:calc(var(--font-heading-letter-spacing) + .04em);line-height:1.1}.size-calculator-modal__select-size{margin-top:1.2rem;width:100%}.size-calculator-modal__results-note{margin:0 0 2rem;font-size:1.2rem;line-height:1.5;text-align:center;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.size-calculator-modal__subtitle,.size-calculator-modal__step-instruction{font-size:1.4rem}.size-calculator-modal__step-title{font-size:calc(var(--font-heading-scale) * 2.2rem)}.size-calculator-modal__input{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.size-calculator-modal__progress-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-size-calculator.css.map */