.measurement-calculator{display:block}.measurement-calculator__inner{border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--border-radius, 0);padding:2rem;background:rgb(var(--color-background))}.measurement-calculator__heading{margin:0 0 .8rem;font-size:2rem;line-height:1.2}.measurement-calculator__intro{margin-bottom:1.6rem}.measurement-calculator__intro p{margin-top:0}.measurement-calculator__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.measurement-calculator[data-mode=m3] .measurement-calculator__fields{grid-template-columns:repeat(3,minmax(0,1fr))}.measurement-calculator__field label{display:block;margin-bottom:.6rem;font-weight:600}.measurement-calculator__input-wrap{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background))}.measurement-calculator__input-wrap input{width:100%;border:0;padding:1.2rem;background:transparent;font:inherit}.measurement-calculator__input-wrap span{padding-right:1.2rem;opacity:.75}.measurement-calculator__result{margin-top:1.6rem;padding:1.2rem;background:rgba(var(--color-foreground),.06)}.measurement-calculator__result p{margin:0}.measurement-calculator__result p+p{margin-top:.4rem}.measurement-calculator__result-main{font-weight:600}.measurement-calculator__error{margin-top:1.2rem;color:#b00020;font-size:1.4rem}@media screen and (max-width:749px){.measurement-calculator__inner{padding:1.6rem}.measurement-calculator__fields,.measurement-calculator[data-mode=m3] .measurement-calculator__fields{grid-template-columns:1fr}.measurement-calculator__heading{font-size:1.8rem}}.measurement-calculator__result-help{margin-top:1.2rem!important;padding-top:1.2rem;border-top:1px solid rgba(var(--color-foreground),.12);font-size:1.4rem;line-height:1.5;opacity:.8}.measurement-calculator-section{display:block}.measurement-calculator-section__grid{display:grid;gap:2rem}.measurement-calculator-section__grid--both{grid-template-columns:1fr}@media screen and (min-width:990px){.measurement-calculator-section__grid--both{grid-template-columns:repeat(2,minmax(0,1fr))}}.measurement-calculator-product-block{display:grid;gap:2rem}.measurement-calculator-product-block--both{grid-template-columns:1fr}.product-info .measurement-calculator__inner{padding:0;border:0;background:transparent}.product-info .measurement-calculator__heading{font-size:2.4rem}@media screen and (max-width:749px){.product-info .measurement-calculator__heading{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-measurement-calculator.css.map */