.dilution-calculator__container{max-width:50rem;margin:0 auto}.dilution-calculator__heading{text-align:center;margin-bottom:.8rem}.dilution-calculator__subheading{text-align:center;color:rgb(var(--color-foreground),.6);font-size:1.4rem;margin-bottom:3rem}.dilution-calculator__fields{display:grid;gap:1.2rem}.dilution-field{border:.1rem solid rgb(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);padding:1.2rem 1.6rem;transition:border-color .2s ease,background-color .2s ease;background-color:rgb(var(--color-background))}.dilution-field--known{border-color:rgb(var(--color-foreground),.4)}.dilution-field--computed{background-color:rgb(var(--color-foreground),.03);border-color:rgb(var(--color-foreground),.08)}.dilution-field__label{display:block;font-size:1.2rem;color:rgb(var(--color-foreground),.55);margin-bottom:.4rem;letter-spacing:.02em}.dilution-field__row{display:flex;align-items:center;gap:.8rem}.dilution-field__input{flex:1;border:none;background:transparent;font-family:inherit;font-size:1.8rem;font-weight:var(--font-body-weight-medium, 500);color:rgb(var(--color-foreground));padding:0;min-width:0;outline:none}.dilution-field__input::-webkit-outer-spin-button,.dilution-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dilution-field__input:focus{outline:none}.dilution-field__unit{border:none;background:transparent;font-family:inherit;font-size:1.4rem;color:rgb(var(--color-foreground),.55);cursor:pointer;padding:.2rem}.dilution-field__suffix{font-size:1.4rem;color:rgb(var(--color-foreground),.55);white-space:nowrap}.dilution-bar{margin-top:2.4rem}.dilution-bar__track{display:flex;height:3.2rem;border-radius:var(--inputs-radius, .4rem);overflow:hidden}.dilution-bar__fill{display:flex;align-items:center;justify-content:center;min-width:4rem;transition:width .3s ease}.dilution-bar__label{font-size:1.1rem;font-weight:500;color:#fff}.dilution-bar__legend{display:flex;justify-content:space-between;font-size:1.1rem;color:rgb(var(--color-foreground),.5);margin-top:.4rem}.dilution-calculator__description{margin-top:3rem;padding-top:2rem;border-top:.1rem solid rgb(var(--color-foreground),var(--inputs-border-opacity))}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */