.area-calculator__wrapper{border-radius:5px}.area-calculator__toggle{padding:10px;display:flex;align-items:center;width:100%;justify-content:center}.area-calculator__toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.area-calculator__toggle p{margin:0 10px}@media screen and (max-width:390px){.area-calculator__toggle p{margin:0 10px 0 16px}}.area-calculator__container[aria-hidden=true]{display:none}.area-calculator__container{padding:10px 15px 25px}.area-calculator__inputs-container{margin-top:-8px}.area-calculator__inputs-container,.area-calculator__total:not(:last-child){padding-top:14px;border-top:1px solid #c4c4c4}.area-calculator__inputs{margin-bottom:15px}.area-calculator__inputs span{font-weight:700;margin:0 10px}.area-calculator__inputs input[type=number]{font-size:1em;padding:.4em;min-width:0;flex:1}.area-calculator__inputs-heading{font-weight:700;margin:0 0 5px}.area-calculator__inputs-numbers{min-width:0;display:flex;align-items:center}.area-calculator__inputs-result{display:flex;align-items:center;margin-top:5px;justify-content:flex-end}.js-area-result:empty+.area-calculator__delete-btn{display:none}.area-calculator__delete-btn{font-size:1em;line-height:1em;background-color:#e12626;color:#fff;margin-left:8px;border-radius:50%;padding:2px}.area-calculator__area-btn{display:inline-flex;align-items:center;margin:0 0 15px}.area-calculator__area-btn svg{height:15px;width:15px}.area-calculator__area-btn span{background-color:#000;color:#fff;border-radius:50%;height:17px;width:17px;margin-right:10px;display:inline-flex;align-items:center;justify-content:center}.area-calculator__total{font-size:1.8rem}.area-calculator__total:empty{display:none}.area-calculator__total:last-child{margin-bottom:0}.area-calculator__wastage-checkbox+label:before{margin-inline-end:.6em}@media screen and (min-width:520px)and (max-width:767.98px),(min-width:1000px){.area-calculator__inputs-heading{margin:0 10px 0 0;text-align:right}.area-calculator__inputs-heading{flex:0 0 15%}.area-calculator__inputs-result{flex:0 0 40%;justify-content:flex-start}.area-calculator__inputs{display:flex;align-items:center}}@media screen and (min-width:1200px){.area-calculator__container{padding:10px 25px 25px}}.area-calculator__constraint{margin-left:8px;font-weight:400;font-size:.9em;color:#555}.area-calculator__atc{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:14px}.area-calculator__atc-btn,.area-calculator__atc-btn:not(:hover){background:#fff;border:1px solid #6400AA;color:#6400aa;font-weight:700;border-radius:5px;padding:12px 22px}.area-calculator__atc-btn:hover,.area-calculator__atc-btn:focus-visible{background:#6400aa;color:#fff}.area-calculator__atc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px}.area-calculator__atc-btn svg{flex-shrink:0}.area-calculator__atc-note{font-size:13px;color:#555;text-align:right}@media(max-width:768px){.area-calculator__atc{align-items:stretch}.area-calculator__atc-btn{width:100%}.area-calculator__atc-note{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/area-calculator.css.map */