:root{--calc-border-color: #cac6c2}.area-calculator{border-top:1px solid var(--calc-border-color)}.area-calculator.accordion{padding:0 20px;background-color:#fdf8f1;border:1px solid var(--calc-border-color);border-radius:3px}.area-calculator.accordion summary{display:flex;justify-content:center;gap:0 10px;padding:18px 0;font-size:1.1em;text-align:center}.area-calculator.accordion summary>p{display:inline-block;margin:0;padding:0;font-family:var(--font-family-body);font-size:.8em;font-weight:400}.area-calculator.accordion summary span{display:inline-block;position:relative;top:5px;right:auto}.area-calculator.accordion summary span:before{display:flex;align-items:center;justify-content:center;width:9px;height:9px;background-color:transparent;border-left:2px solid var(--color-accent);border-top:2px solid var(--color-accent);font-family:var(--font-family-body);transform:rotate(-135deg)}.area-calculator.accordion details[open] summary span:before{transform:rotate(45deg)}.area-calculator.accordion summary span:after{display:none}.area-calculator__container[aria-hidden=true]{display:none}.area-calculator__container{padding:10px 15px 25px}.area-calculator__inputs-container{margin-top:2px}.area-calculator__inputs-container,.area-calculator__total:not(:last-child){padding-top:14px}.area-calculator__inputs-container .area-section{margin-bottom:15px}.area-calculator__inputs{gap:0 15px}.area-calculator__inputs span{font-weight:700}.area-calculator__inputs input[type=number],.area-calculator__units-container select{height:42px;background-color:#fff;border:1px solid var(--calc-border-color);font-family:var(--font-family-heading)}.area-calculator__inputs input[type=number]{margin-bottom:0;padding:.2em;min-width:75px;max-width:75px;font-size:1.25em;text-align:center}.area-calculator__inputs-heading{font-family:var(--font-family-heading);font-weight:700;font-size:1.2em;margin:0 0 5px}.area-calculator__inputs-numbers{min-width:0;display:flex;align-items:center;gap:10px}.area-calculator__inputs-result{display:flex;align-items:center;margin-top:5px;justify-content:flex-end}.area-calculator__inputs-result span{margin-right:8px}.area-calculator__inputs-result p{margin-bottom:0;font-size:1.1em}.js-area-result:empty+.area-calculator__delete-btn{display:none}.area-calculator__delete-btn{display:flex;justify-content:center;align-items:center;width:17px;height:17px;line-height:1em;background-color:var(--color-accent);color:#fff;margin-left:8px;border-radius:50%;padding:2px}.area-calculator__delete-btn span{margin:0;padding:0;font-size:1.2em}.area-calculator__area-btn{display:inline-flex;align-items:center;font-family:var(--font-family-heading);font-size:.9em;font-weight:700;color:#000}.area-calculator__area-btn span{background-color:var(--color-accent);color:#fff;border-radius:50%;height:16px;width:16px;margin-right:8px;display:inline-flex;justify-content:center;font-family:var(--font-family-body);font-size:1.25em;font-weight:600}.area-calculator__total{margin-bottom:.5em;font-size:1.25em}.area-calculator__total:empty{display:none}.area-calculator__total:last-child{margin-bottom:0}.area-calculator__units-container{display:flex;flex-wrap:wrap;gap:0 15px;align-items:center;padding-top:15px}.area-calculator__units-container label{flex:0 0 25%;font-family:var(--font-family-heading);font-size:1.2em;font-weight:700;text-align:right}.area-calculator__units-container select{margin-bottom:0;padding-left:10px;font-size:1em}.area-calculator__area-btn-container,.area-calculator__wastage-checkbox-container{display:flex;align-items:center;margin-top:20px;margin-bottom:15px;padding-left:calc(30% + 15px)}.area-calculator__wastage-checkbox+label{font-family:var(--font-family-heading);font-size:1.1em}.area-calculator__wastage-checkbox+label:before{margin-inline-end:.6em}.area-calculator__totals{padding-top:15px;border-top:1px solid var(--calc-border-color);font-family:var(--font-family-heading);font-size:1.5em;text-align:center}.area-calculator__totals p{margin-bottom:5px}@media screen and (max-width: 519px),(min-width: 1068px) and (max-width: 1450px){.area-calculator__inputs{display:flex;flex-wrap:wrap}.area-calculator__units-container label,.area-calculator__inputs-heading{min-width:100%;text-align:left}.area-calculator__area-btn-container,.area-calculator__wastage-checkbox-container{padding-left:0}}@media screen and (min-width: 520px) and (max-width: 1067px),(min-width: 1451px){.area-calculator__units-container label,.area-calculator__inputs-heading{margin:0;text-align:right;flex:0 0 25%}.area-calculator__inputs-result{flex:0 0 30%;justify-content:flex-start}.area-calculator__inputs{display:flex;align-items:center}}@media screen and (min-width: 560px) and (max-width: 1067px),(min-width: 1600px){.area-calculator__units-container label,.area-calculator__inputs-heading{flex:0 0 30%}}@media screen and (min-width: 1200px){.area-calculator__container{padding:10px 25px 25px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/area-calculator.css.map */