.material-calc{padding:4.8rem 0}.material-calc__heading{font-size:2.6rem;font-weight:600;text-align:center;margin:0 0 .6rem}.material-calc__subheading{text-align:center;font-size:1.5rem;color:rgba(var(--color-foreground),.75);margin:0 0 3.2rem}.material-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:start;max-width:90rem;margin:0 auto}.material-calc__form{background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.1);border-radius:1rem;padding:2.4rem}.material-calc__field{margin-bottom:1.6rem}.material-calc__field label{display:block;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.material-calc__field select,.material-calc__field input{width:100%;padding:1rem 1.2rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:.6rem;font-size:1.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.material-calc__combobox{position:relative}.material-calc__combobox-trigger{width:100%;display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:.6rem;background:rgb(var(--color-background));cursor:pointer;text-align:left}.material-calc__combobox-trigger[aria-expanded=true]{border-color:#1b3a63}.material-calc__combobox-thumb{width:3.6rem;height:3.6rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center}.material-calc__combobox-thumb img{width:100%;height:100%;object-fit:cover;display:block}.material-calc__combobox-label{flex:1;font-size:1.4rem}.material-calc__combobox-chevron{flex-shrink:0;color:rgba(var(--color-foreground),.5)}.material-calc__combobox-panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:20;max-height:32rem;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:.8rem;box-shadow:0 8px 24px #0000001f;padding:.6rem 0;margin:0;list-style:none}.material-calc__combobox-group-label{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:rgba(var(--color-foreground),.5);padding:.8rem 1.4rem .4rem}.material-calc__combobox-option{display:flex;align-items:center;gap:1rem;padding:.7rem 1.4rem;cursor:pointer}.material-calc__combobox-option:hover,.material-calc__combobox-option:focus{background:#1b3a630f;outline:none}.material-calc__combobox-option.is-selected{background:#eaf3de}.material-calc__combobox-option .material-calc__combobox-thumb{width:3.2rem;height:3.2rem}.material-calc__combobox-name{font-size:1.3rem}.material-calc__field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem}.material-calc__calculate{width:100%;margin-top:.4rem}.material-calc__result{background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.1);border-radius:1rem;padding:2.4rem;display:flex;align-items:center;justify-content:center;min-height:20rem}.material-calc__result-placeholder{color:rgba(var(--color-foreground),.55);font-size:1.4rem;text-align:center}.material-calc__result-card{width:100%;text-align:center}.material-calc__result-material{font-size:1.3rem;color:rgba(var(--color-foreground),.6);margin-bottom:.6rem}.material-calc__variant-field{text-align:left;margin-bottom:1.6rem}.material-calc__result-qty{font-size:2.6rem;font-weight:700;color:#1b3a63;margin-bottom:.4rem}.material-calc__result-cost{font-size:1.6rem;font-weight:600;margin-bottom:1.6rem}.material-calc__add-to-cart{width:100%;background:#7cb342;color:#1b3a63;border-color:#7cb342}.material-calc__result-note{font-size:1.1rem;color:rgba(var(--color-foreground),.55);margin-top:1.2rem;line-height:1.5}.material-calc__footnote{text-align:center;font-size:1.1rem;color:rgba(var(--color-foreground),.5);max-width:60rem;margin:2.4rem auto 0}.material-calc__upsell{max-width:90rem;margin:0 auto}.material-calc__upsell-row{max-width:90rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.material-calc__upsell-row .material-calc__upsell{margin:2rem 0 0}.material-calc__upsell-card{margin-top:2rem;background:#eaf3de;border:1px solid #c7dfa8;border-radius:1rem;padding:2rem 2.4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem}.material-calc__upsell-label{flex-basis:100%;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#27500a}.material-calc__upsell-product{font-size:1.4rem;font-weight:600}.material-calc__upsell-note{font-size:1.2rem;color:rgba(var(--color-foreground),.65);flex-basis:100%}.material-calc__upsell-qty-row{display:flex;align-items:center;gap:.8rem;flex-basis:100%}.material-calc__upsell-qty-row label{font-size:1.2rem;font-weight:600;color:#27500a}.material-calc__upsell-qty{width:6rem;padding:.5rem .8rem;border:1px solid #c7dfa8;border-radius:.5rem;font-size:1.3rem;background:#fff}.material-calc__upsell-cost{font-size:1.5rem;font-weight:700;margin-right:auto}.material-calc__upsell-add{background:transparent;border-color:#27500a;color:#27500a;white-space:nowrap}@media screen and (max-width:749px){.material-calc__grid,.material-calc__upsell-row{grid-template-columns:1fr}.material-calc__field-row{grid-template-columns:1fr 1fr}.material-calc__field--depth{grid-column:span 2}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-material-calculator.css.map */