.area-pricing-calculator{display:block}.area-pricing-calculator__heading{margin-top:0;margin-bottom:2rem}.area-pricing-calculator__empty{padding:2rem;text-align:center;background:rgba(var(--color-foreground),.04);border-radius:var(--buttons-radius-outset, 0)}.area-pricing-calculator__empty p{margin:0}.area-pricing-calculator__form{max-width:36rem}.area-pricing-calculator__input[type=number]::-webkit-inner-spin-button,.area-pricing-calculator__input[type=number]::-webkit-outer-spin-button,.area-pricing-calculator__compound input::-webkit-inner-spin-button,.area-pricing-calculator__compound input::-webkit-outer-spin-button,.area-pricing-calculator__input--ft-in::-webkit-inner-spin-button,.area-pricing-calculator__input--ft-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.area-pricing-calculator__input[type=number],.area-pricing-calculator__compound input,.area-pricing-calculator__input--ft-in{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.area-pricing-calculator .hidden{display:none!important}.area-pricing-calculator__fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.area-pricing-calculator__unit-selector{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.25rem}.area-pricing-calculator__unit-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.area-pricing-calculator__unit-option input{margin:0}.area-pricing-calculator__dimensions{display:flex;flex-direction:column;gap:1rem}.area-pricing-calculator__ft-in-grid{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:.75rem 1rem;align-items:center;max-width:28rem}.area-pricing-calculator__ft-in-grid .area-pricing-calculator__dimensions-label{justify-self:start}.area-pricing-calculator__ft-in-grid .area-pricing-calculator__input--ft-in{min-width:7rem;width:100%;box-sizing:border-box;padding:.8rem 1rem;text-align:center}.area-pricing-calculator__ft-in-grid .area-pricing-calculator__compound-unit{justify-self:start;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.area-pricing-calculator__dimensions-label{font-weight:500;font-size:1.4rem}.area-pricing-calculator__compound-unit{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.area-pricing-calculator__dimensions-row--two{grid-template-columns:1fr 1fr;gap:1rem}.area-pricing-calculator__dimensions-row--two .area-pricing-calculator__field,.area-pricing-calculator__field{display:flex;flex-direction:column;gap:.5rem}.area-pricing-calculator__field label{font-weight:500}.area-pricing-calculator__select,.area-pricing-calculator__input{width:100%;max-width:16rem;padding:.8rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem}.area-pricing-calculator__dimensions-row--two .area-pricing-calculator__input{max-width:100%}.area-pricing-calculator__field--compound{max-width:20rem}.area-pricing-calculator__compound{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.area-pricing-calculator__compound input{width:4.5rem;padding:.8rem .5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem}.area-pricing-calculator__compound span{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.area-pricing-calculator__addons{margin-bottom:1.5rem}.area-pricing-calculator__addons-title{font-weight:500;margin-bottom:.5rem}.area-pricing-calculator__addons-list{list-style:none;padding:0;margin:0}.area-pricing-calculator__addon-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0}.area-pricing-calculator__addon-item input{margin:0}.area-pricing-calculator__grommets-placement{margin-top:.5rem;margin-left:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.area-pricing-calculator__placement-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.area-pricing-calculator__placement-option input{margin:0}.area-pricing-calculator__error{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);border:1px solid rgba(var(--color-foreground),.2);padding:1rem;border-radius:var(--inputs-radius, 0);margin-bottom:1rem}.area-pricing-calculator__result{margin-top:1rem}.area-pricing-calculator__breakdown{padding:1.5rem;background:rgba(var(--color-foreground),.04);border-radius:var(--inputs-radius, 0)}.area-pricing-calculator__breakdown p{margin:.5rem 0}.area-pricing-calculator__total{font-size:1.5rem;font-weight:600;margin-top:1rem!important}.area-pricing-calculator__discount-message{margin:.5rem 0 0;font-size:1.4rem}.area-pricing-calculator__form button[disabled],.area-pricing-calculator__form button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.product__area-calculator.area-pricing-calculator--inline{margin-top:2rem;margin-bottom:2rem;padding:0}.product__area-calculator .area-pricing-calculator__heading{margin-top:0;margin-bottom:1.5rem;font-size:inherit}.product__area-calculator .area-pricing-calculator__form{max-width:100%}.product__area-calculator .area-pricing-calculator__field label{font-size:1.4rem;font-weight:500}.product__area-calculator .area-pricing-calculator__input,.product__area-calculator .area-pricing-calculator__compound input{min-height:4.6rem;padding:1rem 1.5rem;font-size:1.4rem;border-radius:var(--inputs-radius-outset, 0);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/area-pricing-calculator.css.map */