.decking-calculator{position:relative;display:flex;flex-direction:column;gap:10px}.decking-calculator__fields{display:flex;flex-direction:column;padding-block:20px}.decking-calculator__field-title{font-size:16px;text-transform:uppercase;font-weight:700;margin-bottom:20px}.decking-calculator__color-options{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:20px}.decking-calculator input:is([type=checkbox],.decking-calculator [type=radio]):after{width:10px;height:15px;inset-inline-start:8px}.decking-calculator__color-option-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.decking-calculator__color-option-container p{margin:0;font-size:14px;font-weight:700}.decking-calculator__color-option{position:relative;width:50px;height:50px;cursor:pointer}.decking-calculator__color-option.selected:before{content:"\2714";color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;font-size:1.5em}.decking-calculator__fields-container{display:flex;justify-content:space-between;gap:15px;margin-bottom:30px}.decking-calculator__field-container{display:flex;flex-direction:column}.decking-calculator__field-container input{line-height:2em;font-size:1.2em;border:1px solid #000;text-align:center;font-weight:700;outline:none!important;box-shadow:none!important;width:120px}.decking-calculator__quantity-controls{display:flex;border:1px solid #d0d0d0;border-radius:4px;background:#fff;overflow:hidden}.decking-calculator__quantity-btn{background:#fff;border:none;padding:0;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px;transition:background-color .2s ease;outline:none}.decking-calculator__quantity-btn:hover{background:#f5f5f5}.decking-calculator__quantity-btn:active{background:#e0e0e0}.decking-calculator__quantity-btn--minus,.decking-calculator__quantity-btn--plus{height:100%}#decking-calculator__quantity-selector{border:none!important;border-radius:0!important;text-align:center;font-weight:700;font-size:1.2em;background:#fff;width:60px;outline:none!important;box-shadow:none!important;padding:1px 4px}#decking-calculator__include-wastage-container{display:flex;align-items:center;gap:10px;margin-bottom:30px}#decking-calculator__include-wastage-container input{height:30px;width:30px;margin:0}#decking-calculator__include-wastage-container p{margin:0}#decking-calculator__total-price-container{display:flex;align-items:center;gap:10px;justify-content:space-between;line-height:1;margin-bottom:20px}#decking-calculator__total-price-container p{margin:0}#decking-calculator__order-overview-wasteage-container{display:none}#decking-calculator__order-overview-wasteage-container.active{display:block}.decking-calculator__total-price{font-size:22px;font-weight:700}.decking-material-product-info{margin-bottom:30px}.decking-material-product-info p{margin:0;display:flex;justify-content:space-between;align-items:center}.decking-material-product-info span{line-height:1.3em;font-size:20px}.decking-calculator__actions button{margin:0 0 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:none;width:100%}#decking-calculator__order-overview{background:#1a243d;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;color:#fff;padding:15px;display:none;flex-direction:column;justify-content:space-between}#decking-calculator__order-overview.active{display:flex}#decking-calculator__order-overview p{margin:0}.decking-calculator__order-overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.decking-calculator__order-overview-header p{font-size:1.3em;text-transform:uppercase}.decking-calculator__order-overview-close-btn{font-size:1.5em;font-weight:700;cursor:pointer}#decking-calculator__order-overview-product{display:flex;align-items:center;gap:15px;margin-bottom:20px}.decking-calculator__wastage-extra-title{font-size:1em;text-transform:uppercase}.decking-calculator__order-overview-actions{display:flex;flex-direction:column;gap:10px}.decking-calculator__order-overview-actions-top{display:flex;gap:20px}.decking-calculator__order-overview-actions-top button,.decking-calculator__order-overview-actions-top a{display:inline-block;width:100%;height:50px;text-align:center;text-transform:uppercase;border:2px solid #fff;background:transparent;color:#fff;transition:all .3s ease-in;cursor:pointer;font-weight:700;font-size:.8em;line-height:46px}.decking-calculator__order-overview-actions-top button:hover,.decking-calculator__order-overview-actions-top a:hover{background:#fff;color:#1a243d}.decking-calculator__order-overview-actions button.continue-shopping{background:none;color:#fff;text-decoration:underline;outline:none;border:none;text-transform:uppercase;font-size:1em;cursor:pointer;font-weight:700}#decking-calculator__error-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:10;border:1px solid #000;padding:20px;text-align:center}#decking-calculator__error-screen.active{display:flex}#decking-calculator__error-screen p{margin:0}#decking-calculator__error-screen-title{font-size:1.5em;font-weight:700}#decking-calculator__error-screen-confirm-btn{display:inline-block;margin-top:20px;height:40px;width:100px;background:#1a243d;color:#fff;font-weight:700;border:none;cursor:pointer}#media-gallery{display:flex;align-items:center;justify-content:center}#media-gallery img{width:100%}
/*# sourceMappingURL=/cdn/shop/t/12/assets/decking-calculator.css.map */